skild 0.10.14 → 0.10.16

package/dist/chunk-U4SVSURE.js

@@ -0,0 +1,299 @@
+// src/ui/interactive-tree-prompt.ts
+import readline from "readline";
+import chalk from "chalk";
+import stringWidth from "string-width";
+var altScreenRefCount = 0;
+var altScreenActive = false;
+var altScreenExitTimer = null;
+var altScreenStdout = null;
+var postPromptLogs = [];
+function enqueuePostPromptLog(message) {
+  postPromptLogs.push(message);
+}
+function flushPostPromptLogs(stdout) {
+  if (altScreenActive) return;
+  if (postPromptLogs.length === 0) return;
+  for (const msg of postPromptLogs.splice(0)) {
+    stdout.write(msg.endsWith("\n") ? msg : msg + "\n");
+  }
+}
+function enterAltScreen(stdout) {
+  if (altScreenExitTimer) {
+    clearTimeout(altScreenExitTimer);
+    altScreenExitTimer = null;
+  }
+  altScreenStdout = stdout;
+  if (!altScreenActive) {
+    stdout.write("\x1B[?1049h");
+    stdout.write("\x1B[H");
+    stdout.write("\x1B[2J");
+    altScreenActive = true;
+  }
+  altScreenRefCount += 1;
+}
+function exitAltScreenDeferred() {
+  if (altScreenExitTimer) return;
+  const stdout = altScreenStdout;
+  if (!stdout) return;
+  altScreenExitTimer = setTimeout(() => {
+    altScreenExitTimer = null;
+    if (altScreenRefCount !== 0) return;
+    if (!altScreenActive) return;
+    stdout.write("\x1B[?1049l");
+    altScreenActive = false;
+    flushPostPromptLogs(stdout);
+  }, 200);
+}
+function leaveAltScreen(stdout) {
+  if (altScreenStdout && altScreenStdout !== stdout) {
+    altScreenStdout.write("\x1B[?1049l");
+    altScreenActive = false;
+    altScreenStdout = stdout;
+  }
+  altScreenRefCount = Math.max(0, altScreenRefCount - 1);
+  if (altScreenRefCount === 0) exitAltScreenDeferred();
+}
+function flushInteractiveUiNow() {
+  const stdout = altScreenStdout || process.stdout;
+  if (altScreenExitTimer) {
+    clearTimeout(altScreenExitTimer);
+    altScreenExitTimer = null;
+  }
+  if (altScreenRefCount !== 0) return;
+  if (altScreenActive) {
+    stdout.write("\x1B[?1049l");
+    altScreenActive = false;
+  }
+  flushPostPromptLogs(stdout);
+}
+function getNodeSelection(node, selected) {
+  const total = node.leafIndices.length;
+  if (total === 0) return { state: "none", selectedCount: 0 };
+  let selectedCount = 0;
+  for (const idx of node.leafIndices) {
+    if (selected.has(idx)) selectedCount += 1;
+  }
+  let state = "none";
+  if (selectedCount === total) state = "all";
+  else if (selectedCount > 0) state = "partial";
+  return { state, selectedCount };
+}
+function flattenTree(root) {
+  const result = [];
+  function walk(node) {
+    if (node.id !== "") result.push(node);
+    for (const child of node.children) walk(child);
+  }
+  for (const child of root.children) walk(child);
+  return result;
+}
+function createRenderer(title, subtitle, flatNodes, selected, getCursor, getViewOffset, viewHeight, maxWidth, formatNode) {
+  function renderContent() {
+    const lines = [];
+    lines.push(chalk.bold.cyan(title));
+    lines.push(chalk.dim(subtitle));
+    lines.push("");
+    const cursor = getCursor();
+    const offset = getViewOffset();
+    const end = Math.min(flatNodes.length, offset + viewHeight);
+    for (let i = offset; i < end; i++) {
+      const node = flatNodes[i];
+      const selection = getNodeSelection(node, selected);
+      lines.push(formatNode(node, selection, i === cursor, maxWidth));
+    }
+    lines.push("");
+    lines.push(chalk.dim(`Space toggle \u2022 Enter confirm \u2022 A select all \u2022 Ctrl+C cancel`));
+    lines.push(chalk.dim(`Showing ${end - offset}/${flatNodes.length} (offset ${offset + 1})`));
+    return lines;
+  }
+  function getLineCount() {
+    return 6 + Math.min(viewHeight, flatNodes.length);
+  }
+  return { renderContent, getLineCount };
+}
+function writeToTerminal(stdout, lines) {
+  for (const line of lines) {
+    stdout.write(line + "\n");
+  }
+}
+function clearAndRerender(stdout, lines) {
+  stdout.write("\x1B[?25l");
+  stdout.write("\x1B[H");
+  stdout.write("\x1B[2J");
+  writeToTerminal(stdout, lines);
+}
+async function interactiveTreeSelect(items, options) {
+  const { title, subtitle, buildTree, formatNode, defaultAll, defaultSelected } = options;
+  const root = buildTree(items);
+  const flatNodes = flattenTree(root);
+  if (flatNodes.length === 0) return null;
+  const stdin = process.stdin;
+  const stdout = process.stdout;
+  if (!stdin.isTTY || !stdout.isTTY) {
+    if (defaultSelected) return Array.from(defaultSelected);
+    return defaultAll ? items.map((_, i) => i) : null;
+  }
+  const cols = typeof stdout.columns === "number" ? stdout.columns : 120;
+  const rows = typeof stdout.rows === "number" ? stdout.rows : 24;
+  const viewHeight = Math.max(5, rows - 8);
+  const maxWidth = Math.max(40, cols - 2);
+  const selected = /* @__PURE__ */ new Set();
+  if (defaultSelected) {
+    for (const idx of defaultSelected) selected.add(idx);
+  } else if (defaultAll) {
+    for (let i = 0; i < items.length; i++) selected.add(i);
+  }
+  let cursor = 0;
+  let viewOffset = 0;
+  const wasRaw = Boolean(stdin.isRaw);
+  stdin.setRawMode(true);
+  stdin.resume();
+  readline.emitKeypressEvents(stdin);
+  enterAltScreen(stdout);
+  const renderer = createRenderer(
+    title,
+    subtitle,
+    flatNodes,
+    selected,
+    () => cursor,
+    () => viewOffset,
+    viewHeight,
+    maxWidth,
+    formatNode
+  );
+  clearAndRerender(stdout, renderer.renderContent());
+  return new Promise((resolve) => {
+    function cleanup() {
+      stdin.setRawMode(wasRaw);
+      stdin.pause();
+      stdin.removeListener("keypress", onKeypress);
+      stdout.write("\x1B[?25h");
+      leaveAltScreen(stdout);
+    }
+    function rerender() {
+      clearAndRerender(stdout, renderer.renderContent());
+    }
+    function toggleNode(node) {
+      const { state } = getNodeSelection(node, selected);
+      const shouldSelectAll = state !== "all";
+      if (shouldSelectAll) {
+        for (const idx of node.leafIndices) selected.add(idx);
+      } else {
+        for (const idx of node.leafIndices) selected.delete(idx);
+      }
+    }
+    function toggleAll() {
+      if (selected.size === items.length) {
+        selected.clear();
+      } else {
+        for (let i = 0; i < items.length; i++) selected.add(i);
+      }
+    }
+    function onKeypress(_str, key) {
+      if (key.ctrl && key.name === "c") {
+        cleanup();
+        resolve(null);
+        return;
+      }
+      if (key.name === "return" || key.name === "enter") {
+        cleanup();
+        resolve(selected.size > 0 ? Array.from(selected) : null);
+        return;
+      }
+      if (key.name === "up") {
+        if (cursor === 0) return;
+        cursor -= 1;
+        if (cursor < viewOffset) viewOffset = cursor;
+        rerender();
+        return;
+      }
+      if (key.name === "down") {
+        if (cursor === flatNodes.length - 1) return;
+        cursor += 1;
+        if (cursor >= viewOffset + viewHeight) viewOffset = cursor - viewHeight + 1;
+        rerender();
+        return;
+      }
+      if (key.name === "space") {
+        toggleNode(flatNodes[cursor]);
+        rerender();
+        return;
+      }
+      if (key.name === "a") {
+        toggleAll();
+        rerender();
+        return;
+      }
+    }
+    stdin.on("keypress", onKeypress);
+  });
+}
+function truncateVisible(value, maxLen) {
+  let width = 0;
+  let result = "";
+  for (const ch of value) {
+    const w = stringWidth(ch);
+    if (width + w > maxLen - 1) {
+      result += "\u2026";
+      return result;
+    }
+    width += w;
+    result += ch;
+  }
+  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 formatInteractiveRow(input) {
+  const styleName = input.styleName || ((s) => s);
+  const prefix = `${input.cursorMark}${input.indent}${input.glyph} `;
+  const fixedWidth = stringWidth(prefix) + stringWidth(input.count);
+  let rawName = input.name;
+  let rawSuffix = input.suffixText || "";
+  let rawHint = input.hintText || "";
+  const fits = (n, s, h) => {
+    const nStyled = input.isCursor ? styleName(n) : n;
+    const sStyled = s ? chalk.dim(s) : "";
+    const hStyled = h ? chalk.dim(h) : "";
+    return stringWidth(`${prefix}${nStyled}${input.count}${sStyled}${hStyled}`) <= input.maxWidth;
+  };
+  if (rawSuffix && !fits(rawName, rawSuffix, rawHint)) {
+    const available = Math.max(1, input.maxWidth - fixedWidth - stringWidth(rawName) - stringWidth(rawHint));
+    rawSuffix = truncateVisible(rawSuffix, available);
+  }
+  if (rawHint && !fits(rawName, rawSuffix, rawHint)) {
+    const available = Math.max(1, input.maxWidth - fixedWidth - stringWidth(rawName) - stringWidth(rawSuffix));
+    rawHint = truncateVisible(rawHint, available);
+  }
+  if (!fits(rawName, rawSuffix, rawHint)) {
+    const available = Math.max(1, input.maxWidth - fixedWidth - stringWidth(rawSuffix) - stringWidth(rawHint));
+    rawName = truncateMiddleVisible(rawName, available);
+  }
+  const finalName = input.isCursor ? styleName(rawName) : rawName;
+  const suffix = rawSuffix ? chalk.dim(rawSuffix) : "";
+  const hint = rawHint ? chalk.dim(rawHint) : "";
+  return `${prefix}${finalName}${input.count}${suffix}${hint}`;
+}
+
+export {
+  enqueuePostPromptLog,
+  flushInteractiveUiNow,
+  interactiveTreeSelect,
+  formatInteractiveRow
+};

package/dist/index.js

@@ -1,4 +1,10 @@
 #!/usr/bin/env node
+import {
+  enqueuePostPromptLog,
+  flushInteractiveUiNow,
+  formatInteractiveRow,
+  interactiveTreeSelect
+} from "./chunk-U4SVSURE.js";
 
 // src/index.ts
 import { Command } from "commander";
@@ -86,10 +92,41 @@ var logger = {
 };
 
 // src/utils/interactive-select.ts
-import readline from "readline";
-import stringWidth from "string-width";
 import chalk2 from "chalk";
 import { PLATFORMS } from "@skild/core";
+var PLATFORM_DISPLAY = {
+  claude: "Claude",
+  codex: "Codex",
+  copilot: "Copilot",
+  antigravity: "Antigravity",
+  opencode: "OpenCode",
+  cursor: "Cursor",
+  windsurf: "Windsurf"
+};
+function createTreeNode(id, name, depth, isLeaf, leafIndices = []) {
+  return { id, name, depth, children: [], leafIndices, isLeaf };
+}
+function wrapWithRoot(allNode) {
+  return {
+    id: "",
+    name: ".",
+    depth: 0,
+    children: [allNode],
+    leafIndices: [...allNode.leafIndices],
+    isLeaf: false
+  };
+}
+function adjustDepth(node, delta) {
+  node.depth += delta;
+  for (const child of node.children) adjustDepth(child, delta);
+}
+function collapseIntermediateNodes(allNode) {
+  while (allNode.children.length === 1 && !allNode.children[0].isLeaf && allNode.children[0].children.length > 0) {
+    const singleChild = allNode.children[0];
+    for (const grandchild of singleChild.children) adjustDepth(grandchild, -1);
+    allNode.children = singleChild.children;
+  }
+}
 function buildSkillTree(skills) {
   const allNode = createTreeNode("all", "All Skills", 1, false);
   for (let i = 0; i < skills.length; i++) {
@@ -112,39 +149,6 @@ function buildSkillTree(skills) {
   collapseIntermediateNodes(allNode);
   return wrapWithRoot(allNode);
 }
-function buildSyncTree(choices) {
-  const root = createTreeNode("root", "All targets", 1, false);
-  const platforms = /* @__PURE__ */ new Map();
-  for (let i = 0; i < choices.length; i++) {
-    const choice = choices[i];
-    let platformNode = platforms.get(choice.targetPlatform);
-    if (!platformNode) {
-      platformNode = createTreeNode(choice.targetPlatform, choice.targetPlatform, 2, false);
-      platforms.set(choice.targetPlatform, platformNode);
-      root.children.push(platformNode);
-    }
-    const skillNode = createTreeNode(
-      `${choice.targetPlatform}:${choice.skill}`,
-      choice.displayName,
-      3,
-      true,
-      [i]
-    );
-    platformNode.children.push(skillNode);
-    platformNode.leafIndices.push(i);
-    root.leafIndices.push(i);
-  }
-  return wrapWithRoot(root);
-}
-function buildPlatformTree(items) {
-  const allNode = createTreeNode("all", "All Platforms", 1, false);
-  for (let i = 0; i < items.length; i++) {
-    const platform = items[i].platform;
-    allNode.children.push(createTreeNode(platform, platform, 2, true, [i]));
-    allNode.leafIndices.push(i);
-  }
-  return wrapWithRoot(allNode);
-}
 function buildTreeFromSkillNodes(nodes, totalSkills) {
   const allNode = createTreeNode("all", "All Skills", 1, false);
   const attach = (node, depth) => {
@@ -174,280 +178,38 @@ function buildTreeFromSkillNodes(nodes, totalSkills) {
   }
   return wrapWithRoot(allNode);
 }
-function createTreeNode(id, name, depth, isLeaf, leafIndices = []) {
-  return { id, name, depth, children: [], leafIndices, isLeaf };
-}
-function wrapWithRoot(allNode) {
-  return { id: "", name: ".", depth: 0, children: [allNode], leafIndices: [...allNode.leafIndices], isLeaf: false };
-}
-function collapseIntermediateNodes(allNode) {
-  while (allNode.children.length === 1 && !allNode.children[0].isLeaf && allNode.children[0].children.length > 0) {
-    const singleChild = allNode.children[0];
-    for (const grandchild of singleChild.children) {
-      adjustDepth(grandchild, -1);
-    }
-    allNode.children = singleChild.children;
-  }
-}
-function adjustDepth(node, delta) {
-  node.depth += delta;
-  for (const child of node.children) {
-    adjustDepth(child, delta);
-  }
-}
-function flattenTree(root) {
-  const result = [];
-  function walk(node) {
-    if (node.id !== "") result.push(node);
-    for (const child of node.children) walk(child);
-  }
-  for (const child of root.children) walk(child);
-  return result;
-}
-function getNodeSelection(node, selected) {
-  const total = node.leafIndices.length;
-  if (total === 0) return { state: "none", selectedCount: 0 };
-  let selectedCount = 0;
-  for (const idx of node.leafIndices) {
-    if (selected.has(idx)) selectedCount++;
-  }
-  let state = "none";
-  if (selectedCount === total) state = "all";
-  else if (selectedCount > 0) state = "partial";
-  return { state, selectedCount };
-}
-function createRenderer(title, subtitle, flatNodes, selected, getCursor, getViewOffset, viewHeight, maxWidth, formatNode) {
-  function renderContent() {
-    const lines = [];
-    lines.push(chalk2.bold.cyan(title));
-    lines.push(chalk2.dim(subtitle));
-    lines.push("");
-    const cursor = getCursor();
-    const offset = getViewOffset();
-    const end = Math.min(flatNodes.length, offset + viewHeight);
-    for (let i = offset; i < end; i++) {
-      const node = flatNodes[i];
-      const selection = getNodeSelection(node, selected);
-      lines.push(formatNode(node, selection, i === cursor, maxWidth));
-    }
-    lines.push(chalk2.dim(`
-Space toggle \u2022 Enter confirm \u2022 A select all \u2022 Ctrl+C cancel`));
-    lines.push(chalk2.dim(`Showing ${end - offset}/${flatNodes.length} (offset ${offset + 1})`));
-    return lines;
-  }
-  function getLineCount() {
-    return 5 + Math.min(viewHeight, flatNodes.length);
-  }
-  return { renderContent, getLineCount };
-}
-function writeToTerminal(stdout, lines) {
-  for (const line of lines) {
-    stdout.write(line + "\n");
-  }
-}
-function clearAndRerender(stdout, lineCount, lines) {
-  stdout.write("\x1B[?25l");
-  stdout.write("\x1B[H");
-  stdout.write("\x1B[2J");
-  writeToTerminal(stdout, lines);
-}
-async function interactiveTreeSelect(items, options) {
-  const { title, subtitle, buildTree, formatNode, defaultAll, defaultSelected } = options;
-  const root = buildTree(items);
-  const flatNodes = flattenTree(root);
-  if (flatNodes.length === 0) return null;
-  const stdout = process.stdout;
-  const cols = typeof stdout.columns === "number" ? stdout.columns : 120;
-  const rows = typeof stdout.rows === "number" ? stdout.rows : 24;
-  const viewHeight = Math.max(5, rows - 5);
-  const maxWidth = Math.max(40, cols - 2);
-  const selected = /* @__PURE__ */ new Set();
-  if (defaultSelected) {
-    for (const idx of defaultSelected) selected.add(idx);
-  } else if (defaultAll) {
-    for (let i = 0; i < items.length; i++) selected.add(i);
-  }
-  let cursor = 0;
-  let viewOffset = 0;
-  const stdin = process.stdin;
-  if (!stdin.isTTY || !stdout.isTTY) {
-    return defaultAll ? Array.from(selected) : null;
-  }
-  const useAltScreen = true;
-  const wasRaw = Boolean(stdin.isRaw);
-  stdin.setRawMode(true);
-  stdin.resume();
-  readline.emitKeypressEvents(stdin);
-  if (useAltScreen) {
-    stdout.write("\x1B[?1049h");
-  }
-  const renderer = createRenderer(
-    title,
-    subtitle,
-    flatNodes,
-    selected,
-    () => cursor,
-    () => viewOffset,
-    viewHeight,
-    maxWidth,
-    (node, selection, isCursor) => formatNode(node, selection, isCursor, maxWidth)
-  );
-  writeToTerminal(stdout, renderer.renderContent());
-  return new Promise((resolve) => {
-    function cleanup(clear = false) {
-      if (clear && !useAltScreen) {
-        const lineCount = renderer.getLineCount();
-        stdout.write(`\x1B[${lineCount}A`);
-        stdout.write("\x1B[0J");
-      }
-      stdin.setRawMode(wasRaw);
-      stdin.pause();
-      stdin.removeListener("keypress", onKeypress);
-      stdout.write("\x1B[?25h");
-      if (useAltScreen) {
-        stdout.write("\x1B[?1049l");
-      }
-    }
-    function rerender() {
-      clearAndRerender(stdout, renderer.getLineCount(), renderer.renderContent());
-    }
-    function toggleNode(node) {
-      const { state } = getNodeSelection(node, selected);
-      const shouldSelectAll = state !== "all";
-      if (shouldSelectAll) {
-        for (const idx of node.leafIndices) selected.add(idx);
-      } else {
-        for (const idx of node.leafIndices) selected.delete(idx);
-      }
-    }
-    function toggleAll() {
-      if (selected.size === items.length) {
-        selected.clear();
-      } else {
-        for (let i = 0; i < items.length; i++) selected.add(i);
-      }
-    }
-    function onKeypress(_str, key) {
-      if (key.ctrl && key.name === "c") {
-        cleanup(true);
-        resolve(null);
-        return;
-      }
-      if (key.name === "return" || key.name === "enter") {
-        cleanup(true);
-        resolve(selected.size > 0 ? Array.from(selected) : null);
-        return;
-      }
-      if (key.name === "up") {
-        cursor = (cursor - 1 + flatNodes.length) % flatNodes.length;
-        if (cursor < viewOffset) viewOffset = cursor;
-        rerender();
-        return;
-      }
-      if (key.name === "down") {
-        cursor = (cursor + 1) % flatNodes.length;
-        if (cursor >= viewOffset + viewHeight) viewOffset = cursor - viewHeight + 1;
-        rerender();
-        return;
-      }
-      if (key.name === "space") {
-        toggleNode(flatNodes[cursor]);
-        rerender();
-        return;
-      }
-      if (key.name === "a") {
-        toggleAll();
-        rerender();
-        return;
-      }
-    }
-    stdin.on("keypress", onKeypress);
-  });
-}
-var PLATFORM_DISPLAY = {
-  claude: "Claude",
-  codex: "Codex",
-  copilot: "Copilot",
-  antigravity: "Antigravity",
-  opencode: "OpenCode",
-  cursor: "Cursor",
-  windsurf: "Windsurf"
-};
-function truncateVisible(value, maxLen) {
-  let width = 0;
-  let result = "";
-  for (const ch of value) {
-    const w = stringWidth(ch);
-    if (width + w > maxLen - 1) {
-      result += "\u2026";
-      return result;
-    }
-    width += w;
-    result += ch;
+function buildPlatformTree(items) {
+  const allNode = createTreeNode("all", "All Platforms", 1, false);
+  for (let i = 0; i < items.length; i++) {
+    const platform = items[i].platform;
+    allNode.children.push(createTreeNode(platform, platform, 2, true, [i]));
+    allNode.leafIndices.push(i);
   }
-  return result;
+  return wrapWithRoot(allNode);
 }
-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;
-  const indent = "  ".repeat(node.depth - 1);
-  const checkbox = state === "all" ? chalk2.green("\u25CF") : state === "partial" ? chalk2.yellow("\u25D0") : chalk2.dim("\u25CB");
-  const baseName = node.name || "";
-  let name = isCursor ? chalk2.cyan.underline(baseName) : baseName;
-  const cursorMark = isCursor ? chalk2.cyan("\u203A ") : "  ";
-  let count = "";
-  if (totalCount > 1) {
-    count = chalk2.dim(` (${selectedCount}/${totalCount})`);
-  }
-  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 maxWidth = options.maxWidth;
-  if (maxWidth) {
-    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;
+function buildSyncTree(choices) {
+  const root = createTreeNode("root", "All targets", 1, false);
+  const platforms = /* @__PURE__ */ new Map();
+  for (let i = 0; i < choices.length; i++) {
+    const choice = choices[i];
+    let platformNode = platforms.get(choice.targetPlatform);
+    if (!platformNode) {
+      platformNode = createTreeNode(choice.targetPlatform, choice.targetPlatform, 2, false);
+      platforms.set(choice.targetPlatform, platformNode);
+      root.children.push(platformNode);
     }
+    const skillNode = createTreeNode(
+      `${choice.targetPlatform}:${choice.skill}`,
+      choice.displayName,
+      3,
+      true,
+      [i]
+    );
+    platformNode.children.push(skillNode);
+    platformNode.leafIndices.push(i);
+    root.leafIndices.push(i);
   }
-  return `${prefix}${name}${count}${suffix}${hint}`;
+  return wrapWithRoot(root);
 }
 function truncateDescription(value, maxLen) {
   const trimmed = value.trim();
@@ -459,8 +221,7 @@ function getSkillDescriptionSuffix(skills, node, isCursor) {
   const skill = skills[node.leafIndices[0]];
   if (!skill?.description) return "";
   const description = truncateDescription(skill.description, 72);
-  if (!description) return "";
-  return ` - ${description}`;
+  return description ? ` - ${description}` : "";
 }
 function getPlatformDisplay(platform) {
   return PLATFORM_DISPLAY[platform] || platform;
@@ -474,6 +235,26 @@ function buildSpaceHint(node, selection) {
   }
   return isLeaf ? " (Space: select)" : " (Space: select all)";
 }
+function formatTreeNode(node, selection, isCursor, maxWidth, options = {}) {
+  const { state, selectedCount } = selection;
+  const totalCount = node.leafIndices.length;
+  const indent = "  ".repeat(Math.max(0, node.depth - 1));
+  const glyph = state === "all" ? chalk2.green("\u25CF") : state === "partial" ? chalk2.yellow("\u25D0") : chalk2.dim("\u25CB");
+  const cursorMark = isCursor ? chalk2.cyan("\u203A ") : "  ";
+  const count = totalCount > 1 ? chalk2.dim(` (${selectedCount}/${totalCount})`) : "";
+  return formatInteractiveRow({
+    cursorMark,
+    indent,
+    glyph,
+    name: node.name || "",
+    count,
+    suffixText: options.suffixText || "",
+    hintText: isCursor ? options.hintText || "" : "",
+    isCursor,
+    maxWidth,
+    styleName: (s) => chalk2.cyan.underline(s)
+  });
+}
 async function promptSkillsInteractive(skills, options = {}) {
   if (skills.length === 0) return null;
   const targetPlatforms = options.targetPlatforms || [];
@@ -502,12 +283,10 @@ async function promptSkillsInteractive(skills, options = {}) {
         }
       }
       const descriptionSuffix = getSkillDescriptionSuffix(skills, node, isCursor);
-      const formatted = formatTreeNode(node, selection, isCursor, {
+      return formatTreeNode(node, selection, isCursor, maxWidth, {
         suffixText: `${installedSuffixText}${descriptionSuffix}`,
-        hintText: buildSpaceHint(node, selection),
-        maxWidth
+        hintText: buildSpaceHint(node, selection)
       });
-      return formatted;
     },
     defaultAll: false,
     defaultSelected
@@ -515,40 +294,15 @@ async function promptSkillsInteractive(skills, options = {}) {
   if (!selectedIndices) return null;
   const selectedSkills = selectedIndices.map((i) => skills[i]);
   const names = selectedSkills.map((s) => s.relPath === "." ? s.suggestedSource : s.relPath);
-  console.log(chalk2.green(`
+  enqueuePostPromptLog(
+    chalk2.green(
+      `
 \u2713 Selected ${selectedSkills.length} skill${selectedSkills.length > 1 ? "s" : ""}: ${chalk2.cyan(names.join(", "))}
-`));
+`
+    )
+  );
   return selectedSkills;
 }
-async function promptSyncTargetsInteractive(choices) {
-  if (choices.length === 0) return null;
-  const selectedIndices = await interactiveTreeSelect(choices, {
-    title: "Select sync targets",
-    subtitle: "\u2191\u2193 navigate \u2022 Space toggle \u2022 Enter confirm",
-    buildTree: buildSyncTree,
-    formatNode: (node, selection, isCursor, maxWidth) => {
-      if (!node.isLeaf && node.depth === 2) {
-        const display = getPlatformDisplay(node.name);
-        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 suffixText = ` [from ${platformLabel} \xB7 ${choice.sourceTypeLabel}]`;
-        return formatTreeNode(node, selection, isCursor, { suffixText, hintText: buildSpaceHint(node, selection), maxWidth });
-      }
-      return formatTreeNode(node, selection, isCursor, { hintText: buildSpaceHint(node, selection), maxWidth });
-    },
-    defaultAll: true
-  });
-  if (!selectedIndices) return null;
-  const selected = selectedIndices.map((i) => choices[i]);
-  const summary = selected.map((c2) => `${c2.displayName}\u2192${getPlatformDisplay(c2.targetPlatform)}`).join(", ");
-  console.log(chalk2.green(`
-\u2713 Syncing ${selected.length} target(s): ${chalk2.cyan(summary)}
-`));
-  return selected;
-}
 async function promptSkillsTreeInteractive(skills, tree, options = {}) {
   const selectedIndices = await interactiveTreeSelect(skills, {
     title: "Select skills from markdown",
@@ -556,16 +310,23 @@ 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, { suffixText: descriptionSuffix, hintText: buildSpaceHint(node, selection), maxWidth });
+      return formatTreeNode(node, selection, isCursor, maxWidth, {
+        suffixText: descriptionSuffix,
+        hintText: buildSpaceHint(node, selection)
+      });
     },
     defaultAll: options.defaultAll !== false
   });
   if (!selectedIndices) return null;
   const selectedSkills = selectedIndices.map((i) => skills[i]);
   const names = selectedSkills.map((s) => s.displayName || s.relPath || s.suggestedSource);
-  console.log(chalk2.green(`
+  enqueuePostPromptLog(
+    chalk2.green(
+      `
 \u2713 Selected ${selectedSkills.length} skill${selectedSkills.length > 1 ? "s" : ""}: ${chalk2.cyan(names.join(", "))}
-`));
+`
+    )
+  );
   return selectedSkills;
 }
 async function promptPlatformsInteractive(options = {}) {
@@ -577,16 +338,57 @@ async function promptPlatformsInteractive(options = {}) {
     buildTree: buildPlatformTree,
     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, { hintText: buildSpaceHint(node, selection), maxWidth });
+      return formatTreeNode({ ...node, name: displayName }, selection, isCursor, maxWidth, {
+        hintText: buildSpaceHint(node, selection)
+      });
     },
     defaultAll: options.defaultAll !== false
   });
   if (!selectedIndices) return null;
   const selected = selectedIndices.map((i) => platforms[i]);
   const names = selected.map((p) => PLATFORM_DISPLAY[p] || p);
-  console.log(chalk2.green(`
+  enqueuePostPromptLog(
+    chalk2.green(
+      `
 \u2713 Installing to ${selected.length} platform${selected.length > 1 ? "s" : ""}: ${chalk2.cyan(names.join(", "))}
+`
+    )
+  );
+  return selected;
+}
+async function promptSyncTargetsInteractive(choices) {
+  if (choices.length === 0) return null;
+  const selectedIndices = await interactiveTreeSelect(choices, {
+    title: "Select sync targets",
+    subtitle: "\u2191\u2193 navigate \u2022 Space toggle \u2022 Enter confirm",
+    buildTree: buildSyncTree,
+    formatNode: (node, selection, isCursor, maxWidth) => {
+      if (!node.isLeaf && node.depth === 2) {
+        const display = getPlatformDisplay(node.name);
+        return formatTreeNode({ ...node, name: display }, selection, isCursor, maxWidth, {
+          hintText: buildSpaceHint(node, selection)
+        });
+      }
+      if (node.isLeaf && node.leafIndices.length === 1) {
+        const choice = choices[node.leafIndices[0]];
+        const platformLabel = getPlatformDisplay(choice.sourcePlatform);
+        const suffixText = ` [from ${platformLabel} \xB7 ${choice.sourceTypeLabel}]`;
+        return formatTreeNode(node, selection, isCursor, maxWidth, {
+          suffixText,
+          hintText: buildSpaceHint(node, selection)
+        });
+      }
+      return formatTreeNode(node, selection, isCursor, maxWidth, {
+        hintText: buildSpaceHint(node, selection)
+      });
+    },
+    defaultAll: true
+  });
+  if (!selectedIndices) return null;
+  const selected = selectedIndices.map((i) => choices[i]);
+  const summary = selected.map((c2) => `${c2.displayName}\u2192${getPlatformDisplay(c2.targetPlatform)}`).join(", ");
+  enqueuePostPromptLog(chalk2.green(`
+\u2713 Syncing ${selected.length} target(s): ${chalk2.cyan(summary)}
 `));
   return selected;
 }
@@ -1522,6 +1324,8 @@ async function promptSelections(ctx) {
       }
       ctx.targets = selectedPlatforms;
       ctx.needsPlatformPrompt = false;
+      flushInteractiveUiNow();
+      if (ctx.spinner) ctx.spinner.start();
     }
     return true;
   }
@@ -1588,6 +1392,7 @@ async function promptSelections(ctx) {
       ctx.targets = selectedPlatforms;
       ctx.needsPlatformPrompt = false;
     }
+    flushInteractiveUiNow();
     if (ctx.spinner) ctx.spinner.start();
   } else {
     ctx.selectedSkills = discoveredSkills;
@@ -1811,7 +1616,7 @@ import chalk5 from "chalk";
 import { PLATFORMS as PLATFORMS3, listAllSkills, listSkills as listSkills2 } from "@skild/core";
 
 // src/utils/table-utils.ts
-import stringWidth2 from "string-width";
+import stringWidth from "string-width";
 import chalk4 from "chalk";
 var BORDERS = {
   rounded: {
@@ -1855,7 +1660,7 @@ var BORDERS = {
   }
 };
 function getWidth(str) {
-  return stringWidth2(str);
+  return stringWidth(str);
 }
 function pad(str, targetWidth, align = "left") {
   const currentWidth = getWidth(str);
@@ -1877,7 +1682,7 @@ function truncate(str, maxWidth) {
   let result = "";
   let width = 0;
   for (const char of plain) {
-    const charWidth = stringWidth2(char);
+    const charWidth = stringWidth(char);
     if (width + charWidth + 1 > maxWidth) break;
     result += char;
     width += charWidth;
@@ -2299,9 +2104,9 @@ import chalk11 from "chalk";
 import { fetchWithTimeout as fetchWithTimeout3, resolveRegistryUrl as resolveRegistryUrl2, SkildError as SkildError6 } from "@skild/core";
 
 // src/utils/prompt.ts
-import readline2 from "readline";
+import readline from "readline";
 async function promptLine(question, defaultValue) {
-  const rl = readline2.createInterface({ input: process.stdin, output: process.stdout, terminal: true });
+  const rl = readline.createInterface({ input: process.stdin, output: process.stdout, terminal: true });
   try {
     const suffix = defaultValue ? ` (${defaultValue})` : "";
     const answer = await new Promise((resolve) => rl.question(`${question}${suffix}: `, resolve));
@@ -2321,7 +2126,7 @@ async function promptPassword(question) {
   const wasRaw = Boolean(stdin.isRaw);
   stdin.setRawMode(true);
   stdin.resume();
-  readline2.emitKeypressEvents(stdin);
+  readline.emitKeypressEvents(stdin);
   const buf = [];
   return await new Promise((resolve, reject) => {
     function cleanup() {

package/dist/ui/interactive-tree-prompt.d.ts

@@ -0,0 +1,38 @@
+type SelectionState = 'all' | 'none' | 'partial';
+interface SelectionInfo {
+    state: SelectionState;
+    selectedCount: number;
+}
+type TreeNode = {
+    id: string;
+    name: string;
+    depth: number;
+    children: TreeNode[];
+    leafIndices: number[];
+    isLeaf: boolean;
+};
+interface TreeSelectOptions<T> {
+    title: string;
+    subtitle: string;
+    buildTree: (items: T[]) => TreeNode;
+    formatNode: (node: TreeNode, selection: SelectionInfo, isCursor: boolean, maxWidth: number) => string;
+    defaultAll: boolean;
+    defaultSelected?: Set<number>;
+}
+declare function enqueuePostPromptLog(message: string): void;
+declare function flushInteractiveUiNow(): void;
+declare function interactiveTreeSelect<T>(items: T[], options: TreeSelectOptions<T>): Promise<number[] | null>;
+declare function formatInteractiveRow(input: {
+    cursorMark: string;
+    indent: string;
+    glyph: string;
+    name: string;
+    count: string;
+    suffixText?: string;
+    hintText?: string;
+    isCursor: boolean;
+    maxWidth: number;
+    styleName?: (s: string) => string;
+}): string;
+
+export { type SelectionInfo, type SelectionState, type TreeNode, type TreeSelectOptions, enqueuePostPromptLog, flushInteractiveUiNow, formatInteractiveRow, interactiveTreeSelect };

package/dist/ui/interactive-tree-prompt.js

@@ -0,0 +1,12 @@
+import {
+  enqueuePostPromptLog,
+  flushInteractiveUiNow,
+  formatInteractiveRow,
+  interactiveTreeSelect
+} from "../chunk-U4SVSURE.js";
+export {
+  enqueuePostPromptLog,
+  flushInteractiveUiNow,
+  formatInteractiveRow,
+  interactiveTreeSelect
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skild",
-  "version": "0.10.14",
+  "version": "0.10.16",
   "description": "The npm for Agent Skills — Discover, install, manage, and publish AI Agent Skills with ease.",
   "type": "module",
   "main": "./dist/index.js",
@@ -43,7 +43,7 @@
     "string-width": "^8.1.0",
     "tar": "^7.4.3",
     "unified": "^11.0.4",
-    "@skild/core": "^0.10.3"
+    "@skild/core": "^0.10.16"
   },
   "devDependencies": {
     "@types/mdast": "^4.0.4",
@@ -55,9 +55,10 @@
     "node": ">=18"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format esm --dts --clean --silent",
+    "build": "tsup src/index.ts src/ui/interactive-tree-prompt.ts --format esm --dts --clean --silent",
     "dev": "tsup src/index.ts --format esm --watch",
     "start": "pnpm exec node dist/index.js",
+    "selfcheck:ui": "pnpm build && node scripts/interactive-tree-prompt-selfcheck.mjs",
     "typecheck": "pnpm -C ../core build && tsc -p tsconfig.json --noEmit"
   }
 }