@slats/claude-assets-sync 0.0.4 → 0.0.5

package/dist/components/list/ListCommand.cjs

@@ -50,10 +50,10 @@ const ListCommand = ({ cwd }) => {
                 const clonedTree = { ...assetTypeTree };
                 if (clonedTree.children) {
                     clonedTree.children = clonedTree.children.map((fileNode) => {
-                        const filePath = `${assetTypeTree.label}/${fileNode.label}`;
+                        const selected = packageData.selected.has(fileNode.path);
                         return {
                             ...fileNode,
-                            selected: packageData.selected.has(filePath),
+                            selected,
                         };
                     });
                     const anySelected = clonedTree.children.some((f) => f.selected);
@@ -112,15 +112,35 @@ const ListCommand = ({ cwd }) => {
             catch {
                 const assetTypeTrees = [];
                 for (const [assetType, files] of Object.entries(packageInfo.files)) {
-                    const fileArray = Array.isArray(files) ? files : [];
-                    if (fileArray.length === 0)
+                    const units = Array.isArray(files) ? files : [];
+                    if (units.length === 0)
                         continue;
-                    const fileNodes = fileArray.map((file) => {
-                        const fileName = typeof file === 'string' ? file : file.transformed;
+                    const skillNodes = units.map((unit) => {
+                        const displayName = unit.transformed ?? unit.name;
+                        if (unit.isDirectory) {
+                            return {
+                                id: `${prefix}/${assetType}/${displayName}`,
+                                label: displayName,
+                                path: `${assetType}/${unit.name}`,
+                                type: 'skill-directory',
+                                viewOnly: true,
+                                selected: true,
+                                expanded: false,
+                                children: (unit.internalFiles || []).map((f) => ({
+                                    id: `${prefix}/${assetType}/${displayName}/${f}`,
+                                    label: f,
+                                    path: `${assetType}/${unit.name}/${f}`,
+                                    type: 'file',
+                                    selected: true,
+                                    expanded: false,
+                                    disabled: true,
+                                })),
+                            };
+                        }
                         return {
-                            id: `${prefix}/${assetType}/${fileName}`,
-                            label: fileName,
-                            path: `${assetType}/${fileName}`,
+                            id: `${prefix}/${assetType}/${displayName}`,
+                            label: displayName,
+                            path: `${assetType}/${unit.name}`,
                             type: 'file',
                             selected: true,
                             expanded: false,
@@ -131,7 +151,7 @@ const ListCommand = ({ cwd }) => {
                         label: assetType,
                         path: assetType,
                         type: 'directory',
-                        children: fileNodes,
+                        children: skillNodes,
                         selected: true,
                         expanded: true,
                     });
@@ -144,11 +164,10 @@ const ListCommand = ({ cwd }) => {
         for (const { prefix, available, packageInfo } of results) {
             const excludedFiles = new Set(packageInfo.exclusions?.files || []);
             const metaSelectedFiles = new Set(Object.entries(packageInfo.files).flatMap(([assetType, files]) => (Array.isArray(files) ? files : [])
-                .map((f) => {
-                const fileName = typeof f === 'string' ? f : f.original;
-                const filePath = `${assetType}/${fileName}`;
+                .map((unit) => {
+                const filePath = `${assetType}/${unit.name}`;
                 if (excludedFiles.has(filePath) ||
-                    excludedFiles.has(fileName)) {
+                    excludedFiles.has(unit.name)) {
                     return null;
                 }
                 return filePath;
@@ -216,8 +235,10 @@ const ListCommand = ({ cwd }) => {
                 for (const assetTypeNode of packageTree.children) {
                     if (assetTypeNode.children) {
                         for (const fileNode of assetTypeNode.children) {
+                            if (fileNode.disabled)
+                                continue;
                             if (fileNode.selected) {
-                                selectedPaths.add(`${assetTypeNode.label}/${fileNode.label}`);
+                                selectedPaths.add(fileNode.path);
                             }
                         }
                     }
@@ -240,21 +261,20 @@ const ListCommand = ({ cwd }) => {
                 for (const [assetType, files] of Object.entries(packageInfo.files)) {
                     if (!Array.isArray(files))
                         continue;
-                    const firstFile = files[0];
-                    const isFlat = typeof firstFile === 'object' && 'transformed' in firstFile;
-                    for (const file of files) {
-                        const fileName = typeof file === 'string' ? file : file.original;
+                    const units = files;
+                    for (const unit of units) {
                         fileOperations.push({
                             type: 'remove',
                             prefix,
                             assetType,
-                            fileName,
+                            skillName: unit.name,
                         });
                     }
-                    if (isFlat) {
-                        for (const file of files) {
-                            const filePath = path__namespace.join(cwd, '.claude', assetType, file.transformed);
-                            filesToDelete.push(filePath);
+                    const firstUnit = units[0];
+                    if (firstUnit?.transformed) {
+                        for (const unit of units) {
+                            const targetPath = path__namespace.join(cwd, '.claude', assetType, unit.transformed);
+                            filesToDelete.push(targetPath);
                         }
                     }
                     else {
@@ -275,24 +295,23 @@ const ListCommand = ({ cwd }) => {
             }
             for (const [assetType, originalFiles] of Object.entries(packageInfo.files)) {
                 const selectedFiles = selectedByAssetType[assetType];
-                const fileArray = Array.isArray(originalFiles) ? originalFiles : [];
-                const firstFile = fileArray[0];
-                const isFlat = typeof firstFile === 'object' && 'transformed' in firstFile;
+                const units = Array.isArray(originalFiles) ? originalFiles : [];
+                const firstUnit = units[0];
+                const isFlat = !!firstUnit?.transformed;
                 if (!selectedFiles || selectedFiles.size === 0) {
                     hasChanges = true;
-                    for (const file of fileArray) {
-                        const fileName = typeof file === 'string' ? file : file.original;
+                    for (const unit of units) {
                         fileOperations.push({
                             type: 'remove',
                             prefix,
                             assetType,
-                            fileName,
+                            skillName: unit.name,
                         });
                     }
                     if (isFlat) {
-                        for (const file of fileArray) {
-                            const filePath = path__namespace.join(cwd, '.claude', assetType, file.transformed);
-                            filesToDelete.push(filePath);
+                        for (const unit of units) {
+                            const targetPath = path__namespace.join(cwd, '.claude', assetType, unit.transformed);
+                            filesToDelete.push(targetPath);
                         }
                     }
                     else {
@@ -301,35 +320,34 @@ const ListCommand = ({ cwd }) => {
                     }
                     continue;
                 }
-                const originalFileNames = new Set(fileArray.map((f) => (typeof f === 'string' ? f : f.transformed)));
-                for (const file of fileArray) {
-                    const fileName = typeof file === 'string' ? file : file.original;
-                    if (!selectedFiles.has(fileName)) {
+                const originalNames = new Set(units.map((u) => u.name));
+                for (const unit of units) {
+                    if (!selectedFiles.has(unit.name)) {
                         hasChanges = true;
                         fileOperations.push({
                             type: 'remove',
                             prefix,
                             assetType,
-                            fileName,
+                            skillName: unit.name,
                         });
-                        if (isFlat) {
-                            const filePath = path__namespace.join(cwd, '.claude', assetType, file.transformed);
-                            filesToDelete.push(filePath);
+                        if (unit.transformed) {
+                            const targetPath = path__namespace.join(cwd, '.claude', assetType, unit.transformed);
+                            filesToDelete.push(targetPath);
                         }
                         else {
-                            const filePath = path__namespace.join(cwd, '.claude', assetType, packageInfo.originalName, fileName);
+                            const filePath = path__namespace.join(cwd, '.claude', assetType, packageInfo.originalName, unit.name);
                             filesToDelete.push(filePath);
                         }
                     }
                 }
-                for (const fileName of selectedFiles) {
-                    if (!originalFileNames.has(fileName)) {
+                for (const skillName of selectedFiles) {
+                    if (!originalNames.has(skillName)) {
                         hasChanges = true;
                         fileOperations.push({
                             type: 'add',
                             prefix,
                             assetType,
-                            fileName,
+                            skillName,
                         });
                     }
                 }
@@ -369,7 +387,7 @@ const ListCommand = ({ cwd }) => {
         const hasAddOperations = changesSummary.fileOperations.some((op) => op.type === 'add');
         for (const op of changesSummary.fileOperations) {
             if (op.type === 'remove') {
-                updatedMeta = syncMeta.removeFileFromPackage(updatedMeta, op.prefix, op.assetType, op.fileName);
+                updatedMeta = syncMeta.removeSkillUnitFromPackage(updatedMeta, op.prefix, op.assetType, op.skillName);
             }
         }
         for (const prefix of Object.keys(updatedMeta.packages)) {
@@ -385,7 +403,7 @@ const ListCommand = ({ cwd }) => {
                 try {
                     const removedFiles = changesSummary.fileOperations
                         .filter((op) => op.type === 'remove' && op.prefix === prefix)
-                        .map((op) => `${op.assetType}/${op.fileName}`);
+                        .map((op) => `${op.assetType}/${op.skillName}`);
                     const exclusions = removedFiles.length > 0
                         ? { directories: [], files: removedFiles }
                         : undefined;

package/dist/components/list/ListCommand.mjs

@@ -6,7 +6,7 @@ import Spinner from 'ink-spinner';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { scanPackageAssets } from '../../core/packageScanner.mjs';
 import { syncPackage } from '../../core/sync.mjs';
-import { readUnifiedSyncMeta, removeFileFromPackage, removePackageFromMeta, writeUnifiedSyncMeta } from '../../core/syncMeta.mjs';
+import { readUnifiedSyncMeta, removeSkillUnitFromPackage, removePackageFromMeta, writeUnifiedSyncMeta } from '../../core/syncMeta.mjs';
 import { TreeSelect } from '../tree/TreeSelect.mjs';
 
 const ListCommand = ({ cwd }) => {
@@ -28,10 +28,10 @@ const ListCommand = ({ cwd }) => {
                 const clonedTree = { ...assetTypeTree };
                 if (clonedTree.children) {
                     clonedTree.children = clonedTree.children.map((fileNode) => {
-                        const filePath = `${assetTypeTree.label}/${fileNode.label}`;
+                        const selected = packageData.selected.has(fileNode.path);
                         return {
                             ...fileNode,
-                            selected: packageData.selected.has(filePath),
+                            selected,
                         };
                     });
                     const anySelected = clonedTree.children.some((f) => f.selected);
@@ -90,15 +90,35 @@ const ListCommand = ({ cwd }) => {
             catch {
                 const assetTypeTrees = [];
                 for (const [assetType, files] of Object.entries(packageInfo.files)) {
-                    const fileArray = Array.isArray(files) ? files : [];
-                    if (fileArray.length === 0)
+                    const units = Array.isArray(files) ? files : [];
+                    if (units.length === 0)
                         continue;
-                    const fileNodes = fileArray.map((file) => {
-                        const fileName = typeof file === 'string' ? file : file.transformed;
+                    const skillNodes = units.map((unit) => {
+                        const displayName = unit.transformed ?? unit.name;
+                        if (unit.isDirectory) {
+                            return {
+                                id: `${prefix}/${assetType}/${displayName}`,
+                                label: displayName,
+                                path: `${assetType}/${unit.name}`,
+                                type: 'skill-directory',
+                                viewOnly: true,
+                                selected: true,
+                                expanded: false,
+                                children: (unit.internalFiles || []).map((f) => ({
+                                    id: `${prefix}/${assetType}/${displayName}/${f}`,
+                                    label: f,
+                                    path: `${assetType}/${unit.name}/${f}`,
+                                    type: 'file',
+                                    selected: true,
+                                    expanded: false,
+                                    disabled: true,
+                                })),
+                            };
+                        }
                         return {
-                            id: `${prefix}/${assetType}/${fileName}`,
-                            label: fileName,
-                            path: `${assetType}/${fileName}`,
+                            id: `${prefix}/${assetType}/${displayName}`,
+                            label: displayName,
+                            path: `${assetType}/${unit.name}`,
                             type: 'file',
                             selected: true,
                             expanded: false,
@@ -109,7 +129,7 @@ const ListCommand = ({ cwd }) => {
                         label: assetType,
                         path: assetType,
                         type: 'directory',
-                        children: fileNodes,
+                        children: skillNodes,
                         selected: true,
                         expanded: true,
                     });
@@ -122,11 +142,10 @@ const ListCommand = ({ cwd }) => {
         for (const { prefix, available, packageInfo } of results) {
             const excludedFiles = new Set(packageInfo.exclusions?.files || []);
             const metaSelectedFiles = new Set(Object.entries(packageInfo.files).flatMap(([assetType, files]) => (Array.isArray(files) ? files : [])
-                .map((f) => {
-                const fileName = typeof f === 'string' ? f : f.original;
-                const filePath = `${assetType}/${fileName}`;
+                .map((unit) => {
+                const filePath = `${assetType}/${unit.name}`;
                 if (excludedFiles.has(filePath) ||
-                    excludedFiles.has(fileName)) {
+                    excludedFiles.has(unit.name)) {
                     return null;
                 }
                 return filePath;
@@ -194,8 +213,10 @@ const ListCommand = ({ cwd }) => {
                 for (const assetTypeNode of packageTree.children) {
                     if (assetTypeNode.children) {
                         for (const fileNode of assetTypeNode.children) {
+                            if (fileNode.disabled)
+                                continue;
                             if (fileNode.selected) {
-                                selectedPaths.add(`${assetTypeNode.label}/${fileNode.label}`);
+                                selectedPaths.add(fileNode.path);
                             }
                         }
                     }
@@ -218,21 +239,20 @@ const ListCommand = ({ cwd }) => {
                 for (const [assetType, files] of Object.entries(packageInfo.files)) {
                     if (!Array.isArray(files))
                         continue;
-                    const firstFile = files[0];
-                    const isFlat = typeof firstFile === 'object' && 'transformed' in firstFile;
-                    for (const file of files) {
-                        const fileName = typeof file === 'string' ? file : file.original;
+                    const units = files;
+                    for (const unit of units) {
                         fileOperations.push({
                             type: 'remove',
                             prefix,
                             assetType,
-                            fileName,
+                            skillName: unit.name,
                         });
                     }
-                    if (isFlat) {
-                        for (const file of files) {
-                            const filePath = path.join(cwd, '.claude', assetType, file.transformed);
-                            filesToDelete.push(filePath);
+                    const firstUnit = units[0];
+                    if (firstUnit?.transformed) {
+                        for (const unit of units) {
+                            const targetPath = path.join(cwd, '.claude', assetType, unit.transformed);
+                            filesToDelete.push(targetPath);
                         }
                     }
                     else {
@@ -253,24 +273,23 @@ const ListCommand = ({ cwd }) => {
             }
             for (const [assetType, originalFiles] of Object.entries(packageInfo.files)) {
                 const selectedFiles = selectedByAssetType[assetType];
-                const fileArray = Array.isArray(originalFiles) ? originalFiles : [];
-                const firstFile = fileArray[0];
-                const isFlat = typeof firstFile === 'object' && 'transformed' in firstFile;
+                const units = Array.isArray(originalFiles) ? originalFiles : [];
+                const firstUnit = units[0];
+                const isFlat = !!firstUnit?.transformed;
                 if (!selectedFiles || selectedFiles.size === 0) {
                     hasChanges = true;
-                    for (const file of fileArray) {
-                        const fileName = typeof file === 'string' ? file : file.original;
+                    for (const unit of units) {
                         fileOperations.push({
                             type: 'remove',
                             prefix,
                             assetType,
-                            fileName,
+                            skillName: unit.name,
                         });
                     }
                     if (isFlat) {
-                        for (const file of fileArray) {
-                            const filePath = path.join(cwd, '.claude', assetType, file.transformed);
-                            filesToDelete.push(filePath);
+                        for (const unit of units) {
+                            const targetPath = path.join(cwd, '.claude', assetType, unit.transformed);
+                            filesToDelete.push(targetPath);
                         }
                     }
                     else {
@@ -279,35 +298,34 @@ const ListCommand = ({ cwd }) => {
                     }
                     continue;
                 }
-                const originalFileNames = new Set(fileArray.map((f) => (typeof f === 'string' ? f : f.transformed)));
-                for (const file of fileArray) {
-                    const fileName = typeof file === 'string' ? file : file.original;
-                    if (!selectedFiles.has(fileName)) {
+                const originalNames = new Set(units.map((u) => u.name));
+                for (const unit of units) {
+                    if (!selectedFiles.has(unit.name)) {
                         hasChanges = true;
                         fileOperations.push({
                             type: 'remove',
                             prefix,
                             assetType,
-                            fileName,
+                            skillName: unit.name,
                         });
-                        if (isFlat) {
-                            const filePath = path.join(cwd, '.claude', assetType, file.transformed);
-                            filesToDelete.push(filePath);
+                        if (unit.transformed) {
+                            const targetPath = path.join(cwd, '.claude', assetType, unit.transformed);
+                            filesToDelete.push(targetPath);
                         }
                         else {
-                            const filePath = path.join(cwd, '.claude', assetType, packageInfo.originalName, fileName);
+                            const filePath = path.join(cwd, '.claude', assetType, packageInfo.originalName, unit.name);
                             filesToDelete.push(filePath);
                         }
                     }
                 }
-                for (const fileName of selectedFiles) {
-                    if (!originalFileNames.has(fileName)) {
+                for (const skillName of selectedFiles) {
+                    if (!originalNames.has(skillName)) {
                         hasChanges = true;
                         fileOperations.push({
                             type: 'add',
                             prefix,
                             assetType,
-                            fileName,
+                            skillName,
                         });
                     }
                 }
@@ -347,7 +365,7 @@ const ListCommand = ({ cwd }) => {
         const hasAddOperations = changesSummary.fileOperations.some((op) => op.type === 'add');
         for (const op of changesSummary.fileOperations) {
             if (op.type === 'remove') {
-                updatedMeta = removeFileFromPackage(updatedMeta, op.prefix, op.assetType, op.fileName);
+                updatedMeta = removeSkillUnitFromPackage(updatedMeta, op.prefix, op.assetType, op.skillName);
             }
         }
         for (const prefix of Object.keys(updatedMeta.packages)) {
@@ -363,7 +381,7 @@ const ListCommand = ({ cwd }) => {
                 try {
                     const removedFiles = changesSummary.fileOperations
                         .filter((op) => op.type === 'remove' && op.prefix === prefix)
-                        .map((op) => `${op.assetType}/${op.fileName}`);
+                        .map((op) => `${op.assetType}/${op.skillName}`);
                     const exclusions = removedFiles.length > 0
                         ? { directories: [], files: removedFiles }
                         : undefined;

package/dist/components/status/StatusDisplay.cjs

@@ -14,9 +14,10 @@ const StatusDisplay = ({ packages, loading, summary, }) => {
                 return (jsxRuntime.jsxs(ink.Box, { flexDirection: "column", marginBottom: 1, children: [jsxRuntime.jsx(StatusTreeNode.StatusTreeNode, { label: pkg.name, depth: 0, type: "package", expanded: true, status: pkg.status, version: pkg.localVersion, remoteVersion: pkg.remoteVersion, fileCount: pkg.fileCount }), assetTypes.map((assetType) => {
                             const files = pkg.files[assetType];
                             const fileArray = Array.isArray(files) ? files : [];
-                            return (jsxRuntime.jsxs(ink.Box, { flexDirection: "column", children: [jsxRuntime.jsx(StatusTreeNode.StatusTreeNode, { label: assetType, depth: 1, type: "assetType", expanded: true, fileCount: fileArray.length }), fileArray.map((file, index) => {
-                                        const fileName = typeof file === 'string' ? file : file.transformed;
-                                        return (jsxRuntime.jsx(StatusTreeNode.StatusTreeNode, { label: fileName, depth: 2, type: "file" }, `${assetType}-${index}`));
+                            return (jsxRuntime.jsxs(ink.Box, { flexDirection: "column", children: [jsxRuntime.jsx(StatusTreeNode.StatusTreeNode, { label: assetType, depth: 1, type: "assetType", expanded: true, fileCount: fileArray.length }), fileArray.map((unit, index) => {
+                                        const displayName = unit.transformed ?? unit.name;
+                                        const label = unit.isDirectory ? `${displayName}/` : displayName;
+                                        return (jsxRuntime.jsx(StatusTreeNode.StatusTreeNode, { label: label, depth: 2, type: "file" }, `${assetType}-${index}`));
                                     })] }, assetType));
                         }), jsxRuntime.jsx(ink.Box, { marginLeft: 2, children: jsxRuntime.jsxs(ink.Text, { dimColor: true, children: ["Last synced: ", new Date(pkg.syncedAt).toLocaleString()] }) }), pkg.error && (jsxRuntime.jsx(ink.Box, { marginLeft: 2, children: jsxRuntime.jsxs(ink.Text, { color: "red", children: ["Error: ", pkg.error] }) }))] }, pkg.name));
             }), jsxRuntime.jsx(ink.Box, { marginTop: 1, paddingTop: 1, borderStyle: "single", borderTop: true, borderColor: "gray", children: jsxRuntime.jsxs(ink.Text, { dimColor: true, children: ["Summary: ", summary.upToDate, " up to date", summary.outdated > 0 && `, ${summary.outdated} updates available`, summary.error > 0 && `, ${summary.error} errors`, summary.unknown > 0 && `, ${summary.unknown} unknown`] }) })] }));

package/dist/components/status/StatusDisplay.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { SkillUnit } from '../../utils/types.js';
 export interface PackageStatusItem {
     name: string;
     localVersion: string;
@@ -6,10 +7,7 @@ export interface PackageStatusItem {
     status: 'up-to-date' | 'outdated' | 'error' | 'unknown';
     syncedAt: string;
     error?: string;
-    files: Record<string, Array<string | {
-        original: string;
-        transformed: string;
-    }>>;
+    files: Record<string, SkillUnit[]>;
     fileCount: number;
 }
 export interface StatusDisplayProps {

package/dist/components/status/StatusDisplay.mjs

@@ -12,9 +12,10 @@ const StatusDisplay = ({ packages, loading, summary, }) => {
                 return (jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [jsx(StatusTreeNode, { label: pkg.name, depth: 0, type: "package", expanded: true, status: pkg.status, version: pkg.localVersion, remoteVersion: pkg.remoteVersion, fileCount: pkg.fileCount }), assetTypes.map((assetType) => {
                             const files = pkg.files[assetType];
                             const fileArray = Array.isArray(files) ? files : [];
-                            return (jsxs(Box, { flexDirection: "column", children: [jsx(StatusTreeNode, { label: assetType, depth: 1, type: "assetType", expanded: true, fileCount: fileArray.length }), fileArray.map((file, index) => {
-                                        const fileName = typeof file === 'string' ? file : file.transformed;
-                                        return (jsx(StatusTreeNode, { label: fileName, depth: 2, type: "file" }, `${assetType}-${index}`));
+                            return (jsxs(Box, { flexDirection: "column", children: [jsx(StatusTreeNode, { label: assetType, depth: 1, type: "assetType", expanded: true, fileCount: fileArray.length }), fileArray.map((unit, index) => {
+                                        const displayName = unit.transformed ?? unit.name;
+                                        const label = unit.isDirectory ? `${displayName}/` : displayName;
+                                        return (jsx(StatusTreeNode, { label: label, depth: 2, type: "file" }, `${assetType}-${index}`));
                                     })] }, assetType));
                         }), jsx(Box, { marginLeft: 2, children: jsxs(Text, { dimColor: true, children: ["Last synced: ", new Date(pkg.syncedAt).toLocaleString()] }) }), pkg.error && (jsx(Box, { marginLeft: 2, children: jsxs(Text, { color: "red", children: ["Error: ", pkg.error] }) }))] }, pkg.name));
             }), jsx(Box, { marginTop: 1, paddingTop: 1, borderStyle: "single", borderTop: true, borderColor: "gray", children: jsxs(Text, { dimColor: true, children: ["Summary: ", summary.upToDate, " up to date", summary.outdated > 0 && `, ${summary.outdated} updates available`, summary.error > 0 && `, ${summary.error} errors`, summary.unknown > 0 && `, ${summary.unknown} unknown`] }) })] }));

package/dist/components/tree/AssetTreeNode.cjs

@@ -10,8 +10,24 @@ function hasPartialSelection(node) {
     const selectedCount = node.children.filter((child) => child.selected).length;
     return selectedCount > 0 && selectedCount < node.children.length;
 }
-const AssetTreeNode = ({ node, depth, isSelected, }) => {
-    const indent = '  '.repeat(depth);
+function getTreePrefix(isLastAtDepth) {
+    let prefix = '';
+    const depth = isLastAtDepth.length;
+    for (let i = 0; i < depth; i++) {
+        if (i === depth - 1) {
+            prefix += isLastAtDepth[i] ? '└─ ' : '├─ ';
+        }
+        else {
+            prefix += isLastAtDepth[i] ? '   ' : '│  ';
+        }
+    }
+    return prefix;
+}
+const AssetTreeNode = ({ node, isLastAtDepth, isSelected, }) => {
+    const treePrefix = getTreePrefix(isLastAtDepth);
+    if (node.disabled) {
+        return (jsxRuntime.jsx(ink.Box, { children: jsxRuntime.jsxs(ink.Text, { color: isSelected ? 'cyan' : undefined, dimColor: !isSelected, children: [treePrefix, node.label] }) }));
+    }
     let selectionIcon;
     let iconColor;
     if (hasPartialSelection(node)) {
@@ -26,12 +42,13 @@ const AssetTreeNode = ({ node, depth, isSelected, }) => {
         selectionIcon = '○';
         iconColor = 'red';
     }
-    const expandIcon = node.type === 'directory' && node.children
+    const expandIcon = (node.type === 'directory' || node.type === 'skill-directory') &&
+        node.children
         ? node.expanded
             ? '▼'
             : '▶'
         : ' ';
-    return (jsxRuntime.jsx(ink.Box, { children: jsxRuntime.jsxs(ink.Text, { color: isSelected ? 'cyan' : undefined, children: [indent, expandIcon, " ", jsxRuntime.jsx(ink.Text, { color: iconColor, children: selectionIcon }), " ", node.label] }) }));
+    return (jsxRuntime.jsx(ink.Box, { children: jsxRuntime.jsxs(ink.Text, { color: isSelected ? 'cyan' : undefined, children: [treePrefix, expandIcon, " ", jsxRuntime.jsx(ink.Text, { color: iconColor, children: selectionIcon }), " ", node.label] }) }));
 };
 
 exports.AssetTreeNode = AssetTreeNode;

package/dist/components/tree/AssetTreeNode.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { TreeNode } from '../../utils/types.js';
 export interface AssetTreeNodeProps {
     node: TreeNode;
-    depth: number;
+    isLastAtDepth: boolean[];
     isSelected: boolean;
     onToggle: () => void;
 }

package/dist/components/tree/AssetTreeNode.mjs

@@ -8,8 +8,24 @@ function hasPartialSelection(node) {
     const selectedCount = node.children.filter((child) => child.selected).length;
     return selectedCount > 0 && selectedCount < node.children.length;
 }
-const AssetTreeNode = ({ node, depth, isSelected, }) => {
-    const indent = '  '.repeat(depth);
+function getTreePrefix(isLastAtDepth) {
+    let prefix = '';
+    const depth = isLastAtDepth.length;
+    for (let i = 0; i < depth; i++) {
+        if (i === depth - 1) {
+            prefix += isLastAtDepth[i] ? '└─ ' : '├─ ';
+        }
+        else {
+            prefix += isLastAtDepth[i] ? '   ' : '│  ';
+        }
+    }
+    return prefix;
+}
+const AssetTreeNode = ({ node, isLastAtDepth, isSelected, }) => {
+    const treePrefix = getTreePrefix(isLastAtDepth);
+    if (node.disabled) {
+        return (jsx(Box, { children: jsxs(Text, { color: isSelected ? 'cyan' : undefined, dimColor: !isSelected, children: [treePrefix, node.label] }) }));
+    }
     let selectionIcon;
     let iconColor;
     if (hasPartialSelection(node)) {
@@ -24,12 +40,13 @@ const AssetTreeNode = ({ node, depth, isSelected, }) => {
         selectionIcon = '○';
         iconColor = 'red';
     }
-    const expandIcon = node.type === 'directory' && node.children
+    const expandIcon = (node.type === 'directory' || node.type === 'skill-directory') &&
+        node.children
         ? node.expanded
             ? '▼'
             : '▶'
         : ' ';
-    return (jsx(Box, { children: jsxs(Text, { color: isSelected ? 'cyan' : undefined, children: [indent, expandIcon, " ", jsx(Text, { color: iconColor, children: selectionIcon }), " ", node.label] }) }));
+    return (jsx(Box, { children: jsxs(Text, { color: isSelected ? 'cyan' : undefined, children: [treePrefix, expandIcon, " ", jsx(Text, { color: iconColor, children: selectionIcon }), " ", node.label] }) }));
 };
 
 export { AssetTreeNode };