skild 0.10.13 → 0.10.14

package/dist/index.js

@@ -387,6 +387,24 @@ function truncateVisible(value, maxLen) {
   }
   return result;
 }
+function truncateMiddleVisible(value, maxLen) {
+  if (stringWidth(value) <= maxLen) return value;
+  if (maxLen <= 1) return "\u2026";
+  const leftMax = Math.max(1, Math.floor((maxLen - 1) / 2));
+  const rightMax = Math.max(1, maxLen - 1 - leftMax);
+  const left = truncateVisible(value, leftMax).replace(/…$/, "");
+  let width = 0;
+  let right = "";
+  for (let i = value.length - 1; i >= 0; i--) {
+    const ch = value[i];
+    const w = stringWidth(ch);
+    if (width + w > rightMax) break;
+    width += w;
+    right = ch + right;
+  }
+  if (!right) right = value[value.length - 1] || "";
+  return `${left}\u2026${right}`;
+}
 function formatTreeNode(node, selection, isCursor, options = {}) {
   const { state, selectedCount } = selection;
   const totalCount = node.leafIndices.length;
@@ -399,16 +417,33 @@ function formatTreeNode(node, selection, isCursor, options = {}) {
   if (totalCount > 1) {
     count = chalk2.dim(` (${selectedCount}/${totalCount})`);
   }
-  const suffix = options.suffix || "";
-  const hint = isCursor && totalCount > 0 ? chalk2.dim(" (Space to toggle)") : "";
+  let rawSuffix = options.suffixText || "";
+  let rawHint = isCursor ? options.hintText || "" : "";
+  let hint = rawHint ? chalk2.dim(rawHint) : "";
+  let suffix = rawSuffix ? chalk2.dim(rawSuffix) : "";
   const prefix = `${cursorMark}${indent}${checkbox} `;
-  const suffixWidth = stringWidth(suffix) + stringWidth(hint);
   const maxWidth = options.maxWidth;
   if (maxWidth) {
-    const baseWidth = stringWidth(prefix) + stringWidth(count) + suffixWidth;
-    const availableForName = Math.max(4, maxWidth - baseWidth);
-    if (stringWidth(baseName) > availableForName) {
-      const truncated = truncateVisible(baseName, availableForName);
+    const fixedWidth = stringWidth(prefix) + stringWidth(count);
+    const fits = (n, s, h) => {
+      const nStyled = isCursor ? chalk2.cyan.underline(n) : n;
+      const sStyled = s ? chalk2.dim(s) : "";
+      const hStyled = h ? chalk2.dim(h) : "";
+      return stringWidth(`${prefix}${nStyled}${count}${sStyled}${hStyled}`) <= maxWidth;
+    };
+    if (rawSuffix && !fits(baseName, rawSuffix, rawHint)) {
+      const available = Math.max(1, maxWidth - fixedWidth - stringWidth(baseName) - stringWidth(rawHint));
+      rawSuffix = truncateVisible(rawSuffix, available);
+      suffix = chalk2.dim(rawSuffix);
+    }
+    if (rawHint && !fits(baseName, rawSuffix, rawHint)) {
+      const available = Math.max(1, maxWidth - fixedWidth - stringWidth(baseName) - stringWidth(rawSuffix));
+      rawHint = truncateVisible(rawHint, available);
+      hint = chalk2.dim(rawHint);
+    }
+    if (!fits(baseName, rawSuffix, rawHint)) {
+      const available = Math.max(1, maxWidth - fixedWidth - stringWidth(rawSuffix) - stringWidth(rawHint));
+      const truncated = truncateMiddleVisible(baseName, available);
       name = isCursor ? chalk2.cyan.underline(truncated) : truncated;
     }
   }
@@ -425,11 +460,20 @@ function getSkillDescriptionSuffix(skills, node, isCursor) {
   if (!skill?.description) return "";
   const description = truncateDescription(skill.description, 72);
   if (!description) return "";
-  return chalk2.dim(` - ${description}`);
+  return ` - ${description}`;
 }
 function getPlatformDisplay(platform) {
   return PLATFORM_DISPLAY[platform] || platform;
 }
+function buildSpaceHint(node, selection) {
+  const totalCount = node.leafIndices.length;
+  if (totalCount <= 0) return "";
+  const isLeaf = Boolean(node.isLeaf && node.leafIndices.length === 1);
+  if (selection.state === "all") {
+    return isLeaf ? " (Space: unselect)" : " (Space: unselect all)";
+  }
+  return isLeaf ? " (Space: select)" : " (Space: select all)";
+}
 async function promptSkillsInteractive(skills, options = {}) {
   if (skills.length === 0) return null;
   const targetPlatforms = options.targetPlatforms || [];
@@ -446,25 +490,23 @@ async function promptSkillsInteractive(skills, options = {}) {
     subtitle: "\u2191\u2193 navigate \u2022 Space toggle \u2022 Enter confirm",
     buildTree: buildSkillTree,
     formatNode: (node, selection, isCursor, maxWidth) => {
-      let installedSuffix = "";
+      let installedSuffixText = "";
       if (node.isLeaf && node.leafIndices.length === 1) {
         const skill = skills[node.leafIndices[0]];
         if (skill?.installedPlatforms?.length) {
           if (skill.installedPlatforms.length === targetPlatforms.length && targetPlatforms.length > 0) {
-            installedSuffix = chalk2.dim(" [installed]");
+            installedSuffixText = " [installed]";
           } else if (skill.installedPlatforms.length > 0) {
-            installedSuffix = chalk2.dim(` [installed on ${skill.installedPlatforms.length}]`);
+            installedSuffixText = ` [installed on ${skill.installedPlatforms.length}]`;
           }
         }
       }
       const descriptionSuffix = getSkillDescriptionSuffix(skills, node, isCursor);
       const formatted = formatTreeNode(node, selection, isCursor, {
-        suffix: `${installedSuffix}${descriptionSuffix}`,
+        suffixText: `${installedSuffixText}${descriptionSuffix}`,
+        hintText: buildSpaceHint(node, selection),
         maxWidth
       });
-      if (isCursor && installedSuffix && selection.state !== "all") {
-        return formatted.replace("\u2190 Space to select", "\u2190 Space to reinstall");
-      }
       return formatted;
     },
     defaultAll: false,
@@ -487,15 +529,15 @@ async function promptSyncTargetsInteractive(choices) {
     formatNode: (node, selection, isCursor, maxWidth) => {
       if (!node.isLeaf && node.depth === 2) {
         const display = getPlatformDisplay(node.name);
-        return formatTreeNode({ ...node, name: display }, selection, isCursor, { maxWidth });
+        return formatTreeNode({ ...node, name: display }, selection, isCursor, { hintText: buildSpaceHint(node, selection), maxWidth });
       }
       if (node.isLeaf && node.leafIndices.length === 1) {
         const choice = choices[node.leafIndices[0]];
         const platformLabel = getPlatformDisplay(choice.sourcePlatform);
-        const suffix = chalk2.dim(` [from ${platformLabel} \xB7 ${choice.sourceTypeLabel}]`);
-        return formatTreeNode(node, selection, isCursor, { suffix, maxWidth });
+        const suffixText = ` [from ${platformLabel} \xB7 ${choice.sourceTypeLabel}]`;
+        return formatTreeNode(node, selection, isCursor, { suffixText, hintText: buildSpaceHint(node, selection), maxWidth });
       }
-      return formatTreeNode(node, selection, isCursor, { maxWidth });
+      return formatTreeNode(node, selection, isCursor, { hintText: buildSpaceHint(node, selection), maxWidth });
     },
     defaultAll: true
   });
@@ -514,7 +556,7 @@ async function promptSkillsTreeInteractive(skills, tree, options = {}) {
     buildTree: () => buildTreeFromSkillNodes(tree, skills.length),
     formatNode: (node, selection, isCursor, maxWidth) => {
       const descriptionSuffix = getSkillDescriptionSuffix(skills, node, isCursor);
-      return formatTreeNode(node, selection, isCursor, { suffix: descriptionSuffix, maxWidth });
+      return formatTreeNode(node, selection, isCursor, { suffixText: descriptionSuffix, hintText: buildSpaceHint(node, selection), maxWidth });
     },
     defaultAll: options.defaultAll !== false
   });
@@ -536,7 +578,7 @@ async function promptPlatformsInteractive(options = {}) {
     formatNode: (node, selection, isCursor, maxWidth) => {
       const displayName = node.name === "All Platforms" ? node.name : PLATFORM_DISPLAY[node.name] || node.name;
       const modifiedNode = { ...node, name: displayName };
-      return formatTreeNode(modifiedNode, selection, isCursor, { maxWidth });
+      return formatTreeNode(modifiedNode, selection, isCursor, { hintText: buildSpaceHint(node, selection), maxWidth });
     },
     defaultAll: options.defaultAll !== false
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skild",
-  "version": "0.10.13",
+  "version": "0.10.14",
   "description": "The npm for Agent Skills — Discover, install, manage, and publish AI Agent Skills with ease.",
   "type": "module",
   "main": "./dist/index.js",