wayang-ai 0.6.0 → 0.6.2

package/dist/cli.js

@@ -819,37 +819,6 @@ function formatWorkerTag(ctx) {
 
 // src/tui/components/chat-area/user-row.tsx
 import { Box, Text } from "ink";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function UserRow({ item, width }) {
-  const dim = !item.read;
-  const text = item.content;
-  const padded = text.length < width ? text + " ".repeat(4) : text;
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(
-      Text,
-      {
-        backgroundColor: theme.user.bgHex,
-        color: theme.user.prefixColor,
-        bold: true,
-        children: [
-          theme.user.prefix,
-          " "
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx2(
-      Text,
-      {
-        backgroundColor: theme.user.bgHex,
-        color: dim ? theme.baseToken.color.textSubtle : theme.baseToken.color.textNormal,
-        children: padded
-      }
-    )
-  ] });
-}
-
-// src/tui/components/chat-area/assistant-step-row.tsx
-import { Box as Box2, Text as Text2 } from "ink";
 
 // src/tui/utils/text-width.ts
 function charWidth(cp) {
@@ -894,6 +863,43 @@ function shortId(id) {
   return id.slice(-4);
 }
 
+// src/tui/components/chat-area/user-row.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PREFIX = `${theme.user.prefix} `;
+var PREFIX_WIDTH = stringWidth(PREFIX);
+function fillRow(line, width) {
+  const fill = width - stringWidth(line);
+  return fill > 0 ? line + " ".repeat(fill) : line;
+}
+function UserRow({ item, width }) {
+  const dim = !item.read;
+  const rowWidth = Math.max(0, width);
+  const textWidth = Math.max(0, rowWidth - PREFIX_WIDTH);
+  const body = item.content.split("\n").map((line) => stringWidth(line) <= textWidth ? fillRow(line, textWidth) : line).join("\n");
+  return /* @__PURE__ */ jsxs(Box, { width: rowWidth > 0 ? rowWidth : void 0, children: [
+    /* @__PURE__ */ jsx2(
+      Text,
+      {
+        backgroundColor: theme.user.bgHex,
+        color: theme.user.prefixColor,
+        bold: true,
+        children: PREFIX
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      Text,
+      {
+        backgroundColor: theme.user.bgHex,
+        color: dim ? theme.baseToken.color.textSubtle : theme.baseToken.color.textNormal,
+        children: body
+      }
+    )
+  ] });
+}
+
+// src/tui/components/chat-area/assistant-step-row.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+
 // src/tui/utils/permission-summary.ts
 function shortenPath(p, maxSegments = 3) {
   const segs = p.split("/").filter((s) => s.length > 0);
@@ -1598,6 +1604,7 @@ function StreamingSpinner(props) {
 
 // src/tui/components/chat-area/chat-area.tsx
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var PENDING_INDENT = theme.secondary.indent;
 function shouldShowGap(prev, _current) {
   if (!prev) return false;
   return true;
@@ -1621,13 +1628,24 @@ var ChatArea = React2.memo(function ChatArea2({ items, busy, streamingItems, con
       },
       item.id
     ) }, "chat"),
-    /* @__PURE__ */ jsxs5(Box5, { paddingX: 1, marginTop: items.length > 0 ? theme.spacing.blockGap : 0, children: [
-      /* @__PURE__ */ jsx8(StreamingSpinner, { spinning: busy }),
-      streamingItems?.[0]?.content && /* @__PURE__ */ jsx8(Text6, { children: streamingItems[0].content })
-    ] }),
-    dynamicItems.length > 0 && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 3, marginTop: 1, marginBottom: 1, children: [
-      /* @__PURE__ */ jsx8(Box5, { justifyContent: "flex-start", children: /* @__PURE__ */ jsx8(Text6, { color: theme.baseToken.color.textSubtle, dimColor: true, children: "\xB7\xB7\xB7 waiting for process \xB7\xB7\xB7" }) }),
-      dynamicItems.map((item) => /* @__PURE__ */ jsx8(Box5, { flexDirection: "column", marginTop: shouldShowGap(null, item) ? theme.spacing.blockGap : 0, children: /* @__PURE__ */ jsx8(ItemRow, { item, contentWidth: width, lookups }) }, item.id))
+    /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs5(Box5, { paddingX: 1, marginTop: items.length > 0 ? theme.spacing.blockGap : 0, children: [
+        /* @__PURE__ */ jsx8(StreamingSpinner, { spinning: busy }),
+        /* @__PURE__ */ jsx8(Box5, { flexDirection: "column", flexGrow: 1, children: streamingItems?.[0]?.content && /* @__PURE__ */ jsx8(Text6, { children: streamingItems[0].content }) })
+      ] }),
+      dynamicItems.length > 0 && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, marginTop: theme.spacing.blockGap, marginBottom: 1, children: [
+        /* @__PURE__ */ jsx8(Box5, { marginLeft: PENDING_INDENT, justifyContent: "flex-start", children: /* @__PURE__ */ jsx8(Text6, { color: theme.baseToken.color.textSubtle, dimColor: true, children: "\xB7\xB7\xB7 waiting for process \xB7\xB7\xB7" }) }),
+        dynamicItems.map((item, idx) => /* @__PURE__ */ jsx8(
+          Box5,
+          {
+            flexDirection: "column",
+            marginLeft: PENDING_INDENT,
+            marginTop: shouldShowGap(idx > 0 ? dynamicItems[idx - 1] : null, item) ? theme.spacing.blockGap : 0,
+            children: /* @__PURE__ */ jsx8(ItemRow, { item, contentWidth: width - PENDING_INDENT, lookups })
+          },
+          item.id
+        ))
+      ] })
     ] })
   ] });
 });
@@ -2374,7 +2392,7 @@ function ControllerPage({ onExit }) {
     });
   });
   return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx13(Box10, { marginBottom: 1, children: /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx13(Box10, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx13(
       ChatArea,
       {
         items: displayItems,
@@ -2430,7 +2448,7 @@ function AppContent() {
 // package.json
 var package_default = {
   name: "wayang-ai",
-  version: "0.6.0",
+  version: "0.6.2",
   description: "Multi-agent orchestration platform",
   type: "module",
   license: "MIT",
@@ -5493,6 +5511,11 @@ var ClaudeCodeWorker = class _ClaudeCodeWorker {
       if (wirePermissions) {
         options.canUseTool = (toolName, input) => this.handleCanUseTool(toolName, input);
       }
+      options.stderr = (data) => {
+        const text = String(data).trimEnd();
+        if (!text.trim()) return;
+        this.logger.debug({ workerId: this.id }, `[claude stderr] ${text}`);
+      };
       const stream = query({
         prompt: this.buildPromptIterable(task.description),
         options
@@ -5502,6 +5525,7 @@ var ClaudeCodeWorker = class _ClaudeCodeWorker {
         for await (const message of stream) {
           if (this.abortController.signal.aborted) break;
           this.processStreamMessage(message, onProgress);
+          if (this._terminalResult) break;
         }
       } finally {
         this._activeQuery = null;
@@ -5655,10 +5679,11 @@ ${leftoverText}` : `${buildThirdPartyPrompt(this.skills)}${initialPrompt}`;
                 done: false
               };
             }
-            while (this._messageQueue.length === 0) {
+            while (true) {
               if (this.abortController.signal.aborted || this._terminalResult) {
                 return { value: void 0, done: true };
               }
+              if (this._messageQueue.length > 0) break;
               await new Promise((resolve11) => {
                 this._messageResolve = resolve11;
               });
@@ -5786,6 +5811,11 @@ controller: ${answer}`,
         error: msg.errors.join("\n") || `Claude Code error: ${msg.subtype}`
       };
     }
+    if (this._messageResolve) {
+      const resolve11 = this._messageResolve;
+      this._messageResolve = null;
+      resolve11();
+    }
     const prev = this.state.get("runtimeState");
     this.state.set("runtimeState", {
       ...prev,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wayang-ai",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "description": "Multi-agent orchestration platform",
   "type": "module",
   "license": "MIT",