@skein-code/cli 0.3.4 → 0.3.5

package/dist/cli.js

@@ -220,7 +220,7 @@ function isSqliteBusy(error) {
 // package.json
 var package_default = {
   name: "@skein-code/cli",
-  version: "0.3.4",
+  version: "0.3.5",
   description: "A context-first, model-agnostic coding agent with an auditable terminal workspace.",
   type: "module",
   license: "MIT",
@@ -236,8 +236,8 @@ var package_default = {
   },
   skein: {
     releaseNotes: [
-      'New woven-coil "S" logo replaces the plain wordmark in the entry banner',
-      "Entry banner pairs the logo with the wordmark and an aligned session spec sheet"
+      'New ANSI Shadow "SKEIN" logotype gives the entry banner a real product wordmark',
+      "Wordmark carries a subtle theme-aware gradient; narrow and ASCII terminals fall back cleanly"
     ]
   },
   bin: {
@@ -12680,11 +12680,33 @@ function ThemePreview({ name, width, glyphs }) {
     ] })
   ] });
 }
+var BRAND_WORDMARK = [
+  "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557  \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557\u2588\u2588\u2588\u2557   \u2588\u2588\u2557",
+  "\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551 \u2588\u2588\u2554\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551",
+  "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2554\u255D \u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551",
+  "\u255A\u2550\u2550\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2588\u2588\u2557 \u2588\u2588\u2554\u2550\u2550\u255D  \u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2551",
+  "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551",
+  "\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D"
+];
+var BRAND_WORDMARK_WIDTH = 37;
+function blendHex(from, to, t) {
+  const parse = (hex) => [
+    parseInt(hex.slice(1, 3), 16),
+    parseInt(hex.slice(3, 5), 16),
+    parseInt(hex.slice(5, 7), 16)
+  ];
+  const [ar, ag, ab] = parse(from);
+  const [br, bg, bb] = parse(to);
+  const mix = (a, b) => Math.round(a + (b - a) * t).toString(16).padStart(2, "0");
+  return `#${mix(ar, br)}${mix(ag, bg)}${mix(ab, bb)}`;
+}
 function Banner({ model, engine, workspace, version, width, glyphs }) {
   const theme = useTheme();
   const rowWidth = safeWidth(width);
-  const wordmark = PRODUCT_NAME.toLowerCase();
   const innerWidth = Math.max(1, rowWidth - 4);
+  const useAscii = glyphs.borderStyle === "classic";
+  const showLogotype = !useAscii && innerWidth >= BRAND_WORDMARK_WIDTH;
+  const plainWordmark = `${glyphs.brand}  ${PRODUCT_NAME.toUpperCase().split("").join(" ")}`;
   const tagline = `v${version} ${glyphs.separator} a terminal coding agent you can see through`;
   const metaRows = [
     { label: "model", value: sanitizeInlineTerminalText(model) },
@@ -12693,21 +12715,6 @@ function Banner({ model, engine, workspace, version, width, glyphs }) {
   ];
   const labelCol = 8;
   const hint = `type a request ${glyphs.separator} /help for commands ${glyphs.separator} @ to attach files`;
-  const useAscii = glyphs.borderStyle === "classic";
-  const fill = useAscii ? "##" : "\u2588\u2588";
-  const gap = "  ";
-  const logoPixels = [
-    [0, 1, 1, 1, 1],
-    [1, 0, 0, 0, 0],
-    [0, 1, 1, 1, 0],
-    [0, 0, 0, 0, 1],
-    [1, 1, 1, 1, 0]
-  ];
-  const logoRows = logoPixels.map((cells) => cells.map((on) => on ? fill : gap).join(""));
-  const logoWidth = 10;
-  const logoGutter = 2;
-  const showLogo = innerWidth >= logoWidth + logoGutter + 12;
-  const headWidth = showLogo ? Math.max(1, innerWidth - logoWidth - logoGutter) : innerWidth;
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -12718,18 +12725,17 @@ function Banner({ model, engine, workspace, version, width, glyphs }) {
       borderColor: theme.border,
       paddingX: 1,
       children: [
-        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
-          showLogo ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginRight: logoGutter, children: logoRows.map((line, index) => /* @__PURE__ */ jsx(Text, { color: theme.accent, children: line }, index)) }) : null,
-          /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
-            /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: truncateDisplay(wordmark, headWidth) }),
-            /* @__PURE__ */ jsx(Text, { color: theme.muted, children: truncateDisplay(tagline, headWidth) }),
-            showLogo ? /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: metaRows.map((row) => /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Text, { color: theme.dim, children: padDisplay(row.label, labelCol) }),
-              /* @__PURE__ */ jsx(Text, { color: theme.text, children: truncateDisplay(row.value, Math.max(1, headWidth - labelCol)) })
-            ] }, row.label)) }) : null
-          ] })
-        ] }),
-        showLogo ? null : /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: metaRows.map((row) => /* @__PURE__ */ jsxs(Box, { children: [
+        showLogotype ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: BRAND_WORDMARK.map((line, index) => /* @__PURE__ */ jsx(
+          Text,
+          {
+            bold: true,
+            color: blendHex(theme.accent, theme.textStrong, index / (BRAND_WORDMARK.length - 1) * 0.55),
+            children: line
+          },
+          index
+        )) }) : /* @__PURE__ */ jsx(Text, { bold: true, color: theme.accent, children: truncateDisplay(plainWordmark, innerWidth) }),
+        /* @__PURE__ */ jsx(Box, { marginTop: showLogotype ? 1 : 0, children: /* @__PURE__ */ jsx(Text, { color: theme.muted, children: truncateDisplay(tagline, innerWidth) }) }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: metaRows.map((row) => /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsx(Text, { color: theme.dim, children: padDisplay(row.label, labelCol) }),
           /* @__PURE__ */ jsx(Text, { color: theme.text, children: truncateDisplay(row.value, Math.max(1, innerWidth - labelCol)) })
         ] }, row.label)) }),
@@ -13709,7 +13715,9 @@ 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 2 + 2 + 1 + 3 + 1 + 1 + 1;
+    const wide = rowWidth >= 41;
+    const headRows = wide ? 6 + 1 : 1;
+    return 2 + headRows + 1 + 1 + 3 + 1 + 1 + 1;
   }
   return 1;
 }