@bunshin-cc/bunshin 0.6.0 → 0.6.1

package/dist/claude-code-ui/README.md

@@ -3,7 +3,14 @@
 Bunshin's hooks talk to the model; this mod shows the person what they did. It draws the CLI's
 session feed (`.bunshin/v2/ui/<session>.json`, written by `packages/cli/src/v2/ui.ts`):
 
-- **above the prompt**: `◆ bunshin  show-me skill  picked by Jev (98%)   lib@207 · 3 served · 1 learned`
+- **above the prompt**: always one row, never wrapped. It shows the document served and why on the left, the
+  session's counts on the right, and reviews waiting in yellow:
+
+      ◆ bunshin  show-me skill  picked by Jev (98%)            lib@207 · 3 served · 1 learned
+      ◇ bunshin  maybe  agent-grid · manage-agent-fleet skill            lib@209 · 7 to review
+
+  On narrow terminals it drops whole pieces, least useful first: the counts, then the reason. It never drops
+  the reviews waiting, and only then trims the name with "…".
 - **`/bunshin`**: a pane with everything served this session and why, the lessons taken from it,
   recent events, and Learn now (`l`), Sync (`s`), Review (`r`)
 - **toasts**: library updates that reached the session, lessons learned, reviews waiting, the

package/dist/claude-code-ui/hooks/bunshin-ui.mjs

@@ -224,22 +224,69 @@ function counts(feed) {
   ].filter(Boolean);
 }
 
-/** The band above the prompt: ◆ bunshin  <latest served>  why · counts. One line, two when narrow. */
+/** The reason in the band's few columns: the feed's sentence, without its filler. */
+const shortWhy = (why) =>
+  String(why ?? "")
+    .replace(/^both embedders agree, and Jev$/, "embedders + Jev agree")
+    .replace(/^both embedders agree$/, "embedders agree")
+    .replace(/, over the embedders$/, "");
+
+/**
+ * The band above the prompt, always exactly one row (it never wraps into fragments):
+ *
+ *   ◆ bunshin  complete-ticket skill  embedders agree          lib@209 · 1 served · 7 to review
+ *   ◇ bunshin  maybe  agent-grid · manage-agent-fleet skill    lib@209 · 7 to review
+ *
+ * What does not fit is dropped whole, least useful first: the quiet counts, then the reason (never
+ * the reviews waiting, in yellow); only then does the name end in "…".
+ */
 function band(Box, Text, feed, columns) {
   const latest = feed.served.find((s) => s.how !== "hint");
   const hint = feed.served[0]?.how === "hint" ? feed.served.filter((s) => s.how === "hint" && s.at === feed.served[0].at) : [];
-  const meta = counts(feed).join(" · ");
-  const parts = [Text({ color: BRAND, bold: true, children: "◆ bunshin" })];
+  const served = feed.served.filter((s) => s.how !== "hint").length;
+  const quiet = [feed.library ? `lib@${feed.library}` : "", served ? `${served} served` : "", feed.lessons.length ? `${feed.lessons.length} learned` : ""].filter(Boolean).join(" · ");
+  const review = feed.review ? `${feed.review} to review` : "";
+  const name = latest ? label(latest) : hint.length ? `maybe  ${hint.map(label).join(" · ")}` : "listening";
+  const why = latest?.why ? `  ${shortWhy(latest.why)}` : "";
+  // The cells each piece takes: "◆ bunshin  " (11), the name, the reason; the counts plus a 2-cell gap.
+  const room = columns - 2;
+  const fits = (withWhy, withQuiet) => {
+    const right = [withQuiet ? quiet : "", review].filter(Boolean).join(" · ");
+    return 11 + name.length + (withWhy ? why.length : 0) + (right ? right.length + 2 : 0) <= room;
+  };
+  // Keep, in order: the name, the reviews waiting, the reason, the quiet counts.
+  const showWhy = !!why && fits(true, false);
+  const showQuiet = !!quiet && fits(showWhy, true);
+
+  const left = [];
   if (latest) {
-    parts.push(Text({ bold: true, children: `  ${clip(label(latest), 40)}` }));
-    if (columns >= 70) parts.push(Text({ dimColor: true, children: `  ${clip(latest.why, Math.max(12, columns - 70))}` }));
+    left.push(Text({ color: BRAND, bold: true, children: "◆ bunshin  " }));
+    left.push(Text({ bold: true, children: label(latest) }));
+    if (showWhy) left.push(Text({ dimColor: true, children: why }));
   } else if (hint.length) {
-    parts.push(Text({ dimColor: true, children: `  maybe: ${clip(hint.map(label).join(", "), Math.max(20, columns - 40))}` }));
+    left.push(Text({ color: BRAND, children: "◇ bunshin  " }));
+    left.push(Text({ dimColor: true, italic: true, children: "maybe  " }));
+    left.push(Text({ dimColor: true, children: hint.map(label).join(" · ") }));
   } else {
-    parts.push(Text({ dimColor: true, children: "  listening" }));
+    left.push(Text({ color: BRAND, children: "◇ bunshin  " }));
+    left.push(Text({ dimColor: true, italic: true, children: "listening" }));
+  }
+  const right = [];
+  if (showQuiet) right.push(Text({ dimColor: true, children: quiet }));
+  if (review) {
+    if (right.length) right.push(Text({ dimColor: true, children: " · " }));
+    right.push(Text({ color: "yellow", children: review }));
   }
-  if (meta && columns >= 50) parts.push(Text({ dimColor: true, children: `   ${meta}` }));
-  return Box({ flexDirection: "row", paddingX: 1, children: parts });
+  return Box({
+    flexDirection: "row",
+    justifyContent: "space-between",
+    width: columns,
+    paddingX: 1,
+    children: [
+      Box({ flexShrink: 1, flexGrow: 1, overflow: "hidden", children: [Text({ wrap: "truncate-end", children: left })] }),
+      ...(right.length ? [Box({ flexShrink: 0, marginLeft: 2, children: [Text({ wrap: "truncate-end", children: right })] })] : []),
+    ],
+  });
 }
 
 function plainSummary(feed) {
@@ -268,14 +315,16 @@ function pane({ Box, Text, Button }, feed, panel, columns, rows) {
     body.push(heading(Text, "Served this session"));
     const served = feed.served.slice(0, Math.max(3, Math.floor(rows / 3)));
     if (!served.length) body.push(Text({ dimColor: true, children: "  nothing yet" }));
+    // One line per row, never wrapped into fragments: time and how, the document, why.
     for (const s of served) {
       body.push(
-        Box({
-          flexDirection: "row",
+        Text({
+          wrap: "truncate-end",
           children: [
-            Text({ dimColor: true, children: `  ${hhmm(s.at)} ${s.how.padEnd(4)} ` }),
-            Text({ bold: s.how !== "hint", dimColor: s.how === "hint", children: clip(label(s), 36) }),
-            Text({ dimColor: true, children: `  ${clip(s.why, Math.max(10, width - 52))}` }),
+            Text({ dimColor: true, children: `  ${hhmm(s.at)}  ` }),
+            Text({ color: s.how === "hint" ? undefined : BRAND, dimColor: s.how === "hint", children: `${s.how === "hint" ? "◇" : "◆"} ` }),
+            Text({ bold: s.how !== "hint", dimColor: s.how === "hint", children: label(s) }),
+            Text({ dimColor: true, children: s.why ? `  ${shortWhy(s.why)}` : s.how === "hint" ? "  maybe" : "" }),
           ],
         }),
       );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunshin-cc/bunshin",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Shared memory for company AI agents. Connect Codex, Claude Code, or Pi to Bunshin.",
   "type": "module",
   "bin": {
@@ -16,15 +16,15 @@
     "node": ">=20"
   },
   "dependencies": {
-    "@anthropic-ai/sdk": "^0.127.0",
+    "@anthropic-ai/sdk": "^0.129.0",
     "yaml": "^2.8.0"
   },
   "devDependencies": {
-    "@types/node": "^22.15.0",
+    "@types/node": "^26.6.3",
     "esbuild": "^0.28.1",
-    "tsx": "^4.20.0",
-    "typescript": "^5.8.0",
-    "vitest": "^3.2.0",
+    "tsx": "^4.23.15",
+    "typescript": "^7.0.2",
+    "vitest": "^5.0.2",
     "@bunshin/core": "0.1.0"
   },
   "license": "MIT",