@skein-code/cli 0.3.8 → 0.3.9

package/README.md

@@ -78,7 +78,7 @@ To build, verify, and install a local package artifact from this checkout:
 
 ```bash
 npm run verify:package -- --output-dir artifacts/package
-npm install -g ./artifacts/package/skein-code-cli-0.3.8.tgz
+npm install -g ./artifacts/package/skein-code-cli-0.3.9.tgz
 ```
 
 To install the published package from npm:

package/dist/cli.js

@@ -220,7 +220,7 @@ function isSqliteBusy(error) {
 // package.json
 var package_default = {
   name: "@skein-code/cli",
-  version: "0.3.8",
+  version: "0.3.9",
   description: "A context-first, model-agnostic coding agent with an auditable terminal workspace.",
   type: "module",
   license: "MIT",
@@ -236,9 +236,9 @@ var package_default = {
   },
   skein: {
     releaseNotes: [
-      "Startup builds or reuses the local index and validates persisted workspace content before chat",
-      "Wide fresh sessions add a factual workspace rail for model, context, permissions, tools, and extensions",
-      "Completion requires current runtime evidence and conservatively tracks dynamic shell mutations"
+      "First-run context preparation now shows the real inspect, build, persist, and verify stages",
+      "Fresh sessions add a compact Skein identity and grouped workspace rail without filling the terminal",
+      "Short and narrow terminals collapse the index handoff while preserving validation and recovery states"
     ]
   },
   bin: {
@@ -11917,15 +11917,18 @@ function WorkspacePanel({ status, width = 36, glyphMode = "auto" }) {
   const inner = Math.max(8, safeWidth(width) - 4);
   const contextLabel = status.context === "empty" ? "ready \xB7 empty workspace" : "ready";
   const mcpLabel = status.mcpTotal ? `${status.mcpConnected}/${status.mcpTotal} connected` : "off";
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width, borderStyle: glyphs.borderStyle, borderColor: theme.border, paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: truncateDisplay(`${glyphs.context} WORKSPACE`, inner) }),
-    /* @__PURE__ */ jsx(Text, { color: status.context === "empty" ? theme.warning : theme.success, children: truncateDisplay(`${glyphs.success} context ${contextLabel}`, inner) }),
-    status.context === "ready" ? /* @__PURE__ */ jsx(Text, { color: theme.muted, children: truncateDisplay(`${status.files} files ${glyphs.separator} ${status.chunks} chunks`, inner) }) : null,
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width, height: 13, borderStyle: glyphs.borderStyle, borderColor: theme.border, paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: truncateDisplay(`${glyphs.brand} WORKSPACE`, inner) }),
+    /* @__PURE__ */ jsx(Text, { color: theme.dim, children: truncateDisplay("CONTEXT", inner) }),
+    /* @__PURE__ */ jsx(Text, { color: status.context === "empty" ? theme.warning : theme.success, children: truncateDisplay(`${glyphs.success} local index ${contextLabel}`, inner) }),
+    /* @__PURE__ */ jsx(Text, { color: theme.muted, children: truncateDisplay(`${status.files} files ${glyphs.separator} ${status.chunks} chunks`, inner) }),
+    /* @__PURE__ */ jsx(Text, { color: theme.dim, children: truncateDisplay("RUNTIME", inner) }),
     /* @__PURE__ */ jsx(Text, { color: theme.text, children: truncateDisplay(status.model, inner) }),
     /* @__PURE__ */ jsx(Text, { color: theme.muted, children: truncateDisplay(`mode ${status.mode.toUpperCase()} ${glyphs.separator} ${status.permissions}`, inner) }),
+    /* @__PURE__ */ jsx(Text, { color: theme.dim, children: truncateDisplay("EXTENSIONS", inner) }),
     /* @__PURE__ */ jsx(Text, { color: theme.muted, children: truncateDisplay(`${status.tools} tools ${glyphs.separator} ${status.skills} skills`, inner) }),
     /* @__PURE__ */ jsx(Text, { color: theme.muted, children: truncateDisplay(`MCP ${mcpLabel} ${glyphs.separator} memory ${status.memory}`, inner) }),
-    /* @__PURE__ */ jsx(Text, { color: theme.dim, children: truncateDisplay("@file pin  \xB7  /status inspect", inner) })
+    /* @__PURE__ */ jsx(Text, { color: theme.dim, children: truncateDisplay(`@file pin ${glyphs.separator} /status inspect`, inner) })
   ] });
 }
 function TeamWorkbench({ items, tasks, width = 80, glyphMode = "auto", view = "agents", selectedIndex = 0, expanded = false, run, notice }) {
@@ -12466,10 +12469,13 @@ function Banner({ model, engine, workspace, version, width, glyphs }) {
   const padding = rowWidth >= 24 ? 2 : 0;
   const innerWidth = Math.max(1, rowWidth - padding);
   const safeEngine = sanitizeInlineTerminalText(engine);
-  const meta = rowWidth >= 48 ? `${PRODUCT_NAME.toUpperCase()}  ${glyphs.separator}  local-first coding workspace` : rowWidth >= 28 ? `New session ${glyphs.separator} v${version}` : `New ${glyphs.separator} v${version}`;
-  const cwd = rowWidth >= 48 ? `${glyphs.success} Ready ${glyphs.separator} ${safeEngine} context ${glyphs.separator} ${sanitizeInlineTerminalText(model)} ${glyphs.separator} v${version}` : `cwd ${compactDisplayPath(sanitizeInlineTerminalText(workspace), Math.max(1, innerWidth - 4))}`;
+  const expanded = rowWidth >= 48;
+  const ascii = glyphs.brand === "*";
+  const weaveTop = ascii ? "/\\/\\" : "\u2572\u2571\u2572\u2571";
+  const weaveBottom = ascii ? "\\/\\/" : "\u2571\u2572\u2571\u2572";
+  const meta = expanded ? "grounded coding workspace" : rowWidth >= 28 ? `New session ${glyphs.separator} v${version}` : `New ${glyphs.separator} v${version}`;
+  const status = expanded ? `${glyphs.success} ${safeEngine} index verified ${glyphs.separator} ${sanitizeInlineTerminalText(model)} ${glyphs.separator} v${version}` : `cwd ${compactDisplayPath(sanitizeInlineTerminalText(workspace), Math.max(1, innerWidth - 4))}`;
   const hint = `context runs automatically ${glyphs.separator} @file pins ${glyphs.separator} /help commands`;
-  const statusWidth = displayWidth(glyphs.success) + 1;
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -12477,15 +12483,27 @@ function Banner({ model, engine, workspace, version, width, glyphs }) {
       flexDirection: "column",
       paddingLeft: padding,
       children: [
-        /* @__PURE__ */ jsxs(Box, { height: 1, overflowY: "hidden", children: [
+        expanded ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(Box, { height: 1, overflowY: "hidden", children: [
+            /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: weaveTop }),
+            /* @__PURE__ */ jsx(Text, { bold: true, color: theme.textStrong, children: "  S K E I N" })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { height: 1, overflowY: "hidden", children: [
+            /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: weaveBottom }),
+            /* @__PURE__ */ jsxs(Text, { color: theme.muted, children: [
+              "  ",
+              truncateDisplay(meta, Math.max(1, innerWidth - displayWidth(weaveBottom) - 2))
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs(Box, { height: 1, overflowY: "hidden", children: [
           /* @__PURE__ */ jsxs(Text, { bold: true, color: theme.accent, children: [
             glyphs.brand,
             " "
           ] }),
-          /* @__PURE__ */ jsx(Text, { bold: true, color: theme.textStrong, wrap: "truncate", children: truncateDisplay(meta, Math.max(1, innerWidth - statusWidth)) })
+          /* @__PURE__ */ jsx(Text, { bold: true, color: theme.textStrong, children: truncateDisplay(meta, Math.max(1, innerWidth - displayWidth(glyphs.brand) - 1)) })
         ] }),
-        /* @__PURE__ */ jsx(Text, { color: rowWidth >= 48 ? theme.success : theme.muted, children: truncateDisplay(cwd, innerWidth) }),
-        rowWidth >= 48 ? /* @__PURE__ */ jsx(Text, { color: theme.dim, children: truncateDisplay(`${hint} ${glyphs.separator} cwd ${compactDisplayPath(sanitizeInlineTerminalText(workspace), 24)}`, innerWidth) }) : null
+        /* @__PURE__ */ jsx(Text, { color: expanded ? theme.success : theme.muted, children: truncateDisplay(status, innerWidth) }),
+        expanded ? /* @__PURE__ */ jsx(Text, { color: theme.dim, children: truncateDisplay(`${hint} ${glyphs.separator} cwd ${compactDisplayPath(sanitizeInlineTerminalText(workspace), 24)}`, innerWidth) }) : null
       ]
     }
   );
@@ -13466,7 +13484,7 @@ function estimateTimelineItemRows(item, { width, compact = false, showToolOutput
   if (item.kind === "agent" || item.kind === "agent-message") return rowWidth < 64 ? 2 : 1;
   if (item.kind === "workflow") return rowWidth < 64 ? 2 : 1;
   if (item.kind === "banner") {
-    return rowWidth >= 48 ? 4 : 3;
+    return rowWidth >= 48 ? 5 : 3;
   }
   return 1;
 }
@@ -14818,7 +14836,7 @@ function SkeinApp({ runner, config, extensions, initialPrompt, askMode = false,
   const chromeRows = headerRows + composerRows + footerRows + taskRows + paletteRows + inspectorRows + activityRows;
   const availableTimelineRows = Math.max(0, terminalHeight - chromeRows);
   const teamItems = timeline.filter((item) => item.kind === "agent" || item.kind === "agent-message");
-  const showWorkspacePanel = Boolean(workspaceReadiness) && contentWidth >= 96 && !teamWorkbenchOpen && !teamItems.some((item) => item.kind === "agent");
+  const showWorkspacePanel = Boolean(workspaceReadiness) && contentWidth >= 88 && terminalHeight >= 20 && !teamWorkbenchOpen && !teamItems.some((item) => item.kind === "agent");
   const workspacePanelWidth = showWorkspacePanel ? Math.min(38, Math.max(32, Math.floor(contentWidth * 0.34))) : 0;
   const workspaceTimelineWidth = Math.max(1, contentWidth - workspacePanelWidth - (showWorkspacePanel ? 1 : 0));
   const timelineContentRows = timeline.reduce((rows2, item) => rows2 + estimateTimelineItemRows(item, {
@@ -14828,7 +14846,7 @@ function SkeinApp({ runner, config, extensions, initialPrompt, askMode = false,
     showToolOutput,
     ...expandedToolId ? { expandedToolId } : {}
   }), 0);
-  const timelineRows = teamWorkbenchOpen ? availableTimelineRows : Math.min(availableTimelineRows, Math.max(timelineContentRows, showWorkspacePanel ? 10 : 0));
+  const timelineRows = teamWorkbenchOpen ? availableTimelineRows : Math.min(availableTimelineRows, Math.max(timelineContentRows, showWorkspacePanel ? 13 : 0));
   const showTeamCockpit = config.agents?.cockpit !== false && contentWidth >= 100 && timelineRows >= 7 && teamItems.some((item) => item.kind === "agent");
   const cockpitWidth = showTeamCockpit ? Math.min(38, Math.max(30, Math.floor(contentWidth * 0.32))) : workspacePanelWidth;
   const hasSidePanel = showTeamCockpit || showWorkspacePanel;
@@ -15143,46 +15161,99 @@ function WorkspacePreparationView({
   workspace,
   model,
   width,
+  height = 24,
   frame = 0
 }) {
   const theme = useTheme();
   const safeWidth2 = Math.max(1, Math.floor(width));
   const innerWidth = Math.max(1, safeWidth2 - (safeWidth2 >= 24 ? 4 : 0));
   const compact = safeWidth2 < 48;
+  const constrained = height < 14;
   const ascii = process.env.SKEIN_GLYPHS === "ascii" || process.env.MOSAIC_GLYPHS === "ascii";
   const spinner = (ascii ? [".", "o", "O", "o"] : ["\u25DC", "\u25E0", "\u25DD", "\u25DE", "\u25E1", "\u25DF"])[frame % (ascii ? 4 : 6)];
   const separator = ascii ? "|" : "\xB7";
   const brand = ascii ? "*" : PRODUCT_MARK;
   const phase = readiness ? "ready" : error ? "error" : progress.phase;
-  const activeGlyph = readiness ? ascii ? "[ok]" : "\u2713" : error ? ascii ? "[x]" : "\xD7" : spinner;
   const phaseLabel = preparationLabel(phase, progress, readiness, compact);
   const detail = preparationDetail(phase, progress, readiness, error);
   const modelLine = `model ${sanitizeTerminalText(model)}`;
   const workspaceLine = `workspace ${compactDisplayPath(sanitizeTerminalText(workspace), Math.max(1, innerWidth - 10))}`;
-  const steps = ["inspect", "index", "validate"];
-  const currentIndex = readiness ? steps.length : phase === "validate" ? 2 : phase === "scan" || phase === "index" || phase === "write" ? 1 : 0;
-  const tracker = steps.map((step2, index) => {
-    const marker = index < currentIndex ? ascii ? "[x]" : "\u25CF" : index === currentIndex && !error ? ascii ? "[>]" : "\u25C6" : ascii ? "[ ]" : "\u25CB";
-    return `${marker} ${step2}`;
-  }).join(compact ? " " : "   ");
+  const steps = preparationSteps(phase, progress, readiness, error, { ascii, spinner });
   return /* @__PURE__ */ jsxs4(Box3, { flexDirection: "column", paddingX: safeWidth2 >= 24 ? 2 : 0, children: [
-    /* @__PURE__ */ jsx4(Text4, { bold: true, color: theme.accent, children: truncateDisplay(`${brand} ${PRODUCT_NAME.toUpperCase()}  WORKSPACE PREP`, innerWidth) }),
-    !compact ? /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: truncateDisplay(`${modelLine}  ${separator}  ${workspaceLine}`, innerWidth) }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsxs4(Box3, { children: [
+      /* @__PURE__ */ jsxs4(Text4, { bold: true, color: theme.accent, children: [
+        brand,
+        "  ",
+        PRODUCT_NAME.toUpperCase()
+      ] }),
+      !compact && !constrained ? /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
+        "  ",
+        separator,
+        "  LOCAL CONTEXT"
+      ] }) : null
+    ] }),
+    !constrained ? /* @__PURE__ */ jsx4(Text4, { color: theme.muted, children: truncateDisplay("Ground the workspace before the first request.", innerWidth) }) : null,
+    !constrained && !compact ? /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: truncateDisplay(`${modelLine}  ${separator}  ${workspaceLine}`, innerWidth) }) : !constrained ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
       /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: truncateDisplay(modelLine, innerWidth) }),
       /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: truncateDisplay(workspaceLine, innerWidth) })
-    ] }),
-    /* @__PURE__ */ jsx4(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { color: theme.border, children: truncateDisplay(tracker, innerWidth) }) }),
+    ] }) : /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: truncateDisplay(workspaceLine, innerWidth) }),
+    /* @__PURE__ */ jsx4(Box3, { marginTop: 1, flexDirection: constrained ? "row" : "column", children: steps.map((step2) => constrained ? /* @__PURE__ */ jsxs4(Text4, { color: step2.state === "active" ? theme.accent : step2.state === "complete" ? theme.success : step2.state === "error" ? theme.error : theme.dim, children: [
+      step2.glyph,
+      " ",
+      step2.id === "persist" ? "save" : step2.id,
+      step2.id === "verify" ? "" : " "
+    ] }, step2.id) : /* @__PURE__ */ jsxs4(Box3, { height: 1, overflowY: "hidden", children: [
+      /* @__PURE__ */ jsxs4(Text4, { bold: true, color: step2.state === "active" ? theme.accent : step2.state === "complete" ? theme.success : step2.state === "error" ? theme.error : theme.border, children: [
+        step2.glyph,
+        " "
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { bold: step2.state === "active", color: step2.state === "pending" ? theme.dim : theme.textStrong, children: truncateDisplay(step2.label, compact ? 8 : 10) }),
+      /* @__PURE__ */ jsxs4(Text4, { color: step2.state === "active" ? theme.muted : theme.dim, children: [
+        "  ",
+        truncateDisplay(step2.detail, Math.max(1, innerWidth - displayWidth(step2.glyph) - (compact ? 12 : 14)))
+      ] })
+    ] }, step2.id)) }),
     /* @__PURE__ */ jsxs4(Box3, { marginTop: 1, children: [
       /* @__PURE__ */ jsxs4(Text4, { bold: true, color: error ? theme.error : readiness ? theme.success : theme.accent, children: [
-        activeGlyph,
+        readiness ? ascii ? "[ok]" : "\u2713" : error ? ascii ? "[x]" : "\xD7" : spinner,
         " "
       ] }),
-      /* @__PURE__ */ jsx4(Text4, { bold: true, color: theme.textStrong, children: truncateDisplay(phaseLabel, Math.max(1, innerWidth - displayWidth(activeGlyph) - 1)) })
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: theme.textStrong, children: truncateDisplay(phaseLabel, Math.max(1, innerWidth - 5)) })
     ] }),
     /* @__PURE__ */ jsx4(Text4, { color: error ? theme.error : theme.muted, wrap: "truncate", children: truncateDisplay(detail, innerWidth) }),
-    error ? /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: truncateDisplay(`Enter retry  ${separator}  Esc exit`, innerWidth) }) : null
+    error ? /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: truncateDisplay(`Enter retry  ${separator}  Esc exit`, innerWidth) }) : !constrained ? /* @__PURE__ */ jsx4(Text4, { color: theme.dim, children: truncateDisplay(`local only  ${separator}  no source code uploaded`, innerWidth) }) : null
   ] });
 }
+function preparationSteps(phase, progress, readiness, error, glyphs) {
+  const runtimePhase = phase === "error" ? progress.phase : phase;
+  const current = runtimePhase === "scan" || runtimePhase === "index" ? "build" : runtimePhase === "write" ? "persist" : runtimePhase === "validate" ? "verify" : "inspect";
+  const order = ["inspect", "build", "persist", "verify"];
+  const currentIndex = phase === "ready" ? order.length : order.indexOf(current);
+  const activeDetail = runtimePhase === "inspect" ? "manifest and workspace boundaries" : runtimePhase === "scan" ? `${progress.total} source files discovered` : runtimePhase === "index" ? `${progress.completed}/${progress.total} source files` : runtimePhase === "write" ? "atomic local index write" : runtimePhase === "validate" ? progress.total ? `${progress.completed}/${progress.total} content hashes` : "generation and content hashes" : "";
+  const readyDetails = {
+    inspect: "workspace boundaries checked",
+    build: readiness?.rebuilt ? `${readiness.files} files \xB7 ${readiness.chunks} chunks` : "existing index is current",
+    persist: readiness?.rebuilt ? "local artifact committed" : "local artifact loaded",
+    verify: "content and generation matched"
+  };
+  const pendingDetails = {
+    inspect: "manifest and workspace boundaries",
+    build: "source files and code chunks",
+    persist: "atomic local index write",
+    verify: "generation and content hashes"
+  };
+  return order.map((id, index) => {
+    const state = error && index === currentIndex ? "error" : index < currentIndex || phase === "ready" ? "complete" : index === currentIndex ? "active" : "pending";
+    const glyph = state === "complete" ? glyphs.ascii ? "[x]" : "\u25CF" : state === "error" ? glyphs.ascii ? "[!]" : "\xD7" : state === "active" ? glyphs.spinner : glyphs.ascii ? "[ ]" : "\u25CB";
+    return {
+      id,
+      label: id === "persist" ? "Persist" : `${id[0]?.toUpperCase()}${id.slice(1)}`,
+      detail: phase === "ready" ? readyDetails[id] : state === "active" || state === "error" ? activeDetail : pendingDetails[id],
+      state,
+      glyph
+    };
+  });
+}
 function WorkspacePreparationApp({
   engine,
   config,
@@ -15192,7 +15263,7 @@ function WorkspacePreparationApp({
   onFinish
 }) {
   const { exit } = useApp2();
-  const { columns } = useWindowSize2();
+  const { columns, rows } = useWindowSize2();
   const [attempt, setAttempt] = useState3(0);
   const [frame, setFrame] = useState3(0);
   const [progress, setProgress] = useState3({ phase: "inspect", completed: 0, total: 0 });
@@ -15244,6 +15315,7 @@ function WorkspacePreparationApp({
       workspace,
       model: `${config.model.provider}/${config.model.model}`,
       width: Math.max(1, columns || 80),
+      height: Math.max(1, rows || 24),
       frame
     }
   );