@elizaos/plugin-task-coordinator 2.0.3-beta.2 → 2.0.3-beta.4

package/dist/orchestrator-markdown.js

@@ -0,0 +1,199 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Copy } from "lucide-react";
+import { marked } from "marked";
+import { useEffect, useRef, useState } from "react";
+import { sanitizeMarkdownUrl } from "./orchestrator-markdown.helpers";
+function alignStyle(align) {
+  return align ? { textAlign: align } : void 0;
+}
+function renderChildren(tokens, key) {
+  if (!tokens || tokens.length === 0) return null;
+  return tokens.map((token, index) => renderToken(token, `${key}.${index}`));
+}
+function renderToken(token, key) {
+  switch (token.type) {
+    case "space":
+    case "def":
+      return null;
+    case "paragraph":
+      return /* @__PURE__ */ jsx("p", { className: "my-1 leading-relaxed first:mt-0 last:mb-0", children: renderChildren(token.tokens, key) }, key);
+    case "heading": {
+      const depth = Math.min(Math.max(token.depth, 1), 4);
+      const Tag = `h${depth}`;
+      return /* @__PURE__ */ jsx(Tag, { className: "mt-2 mb-1 font-semibold text-txt first:mt-0", children: renderChildren(token.tokens, key) }, key);
+    }
+    case "code":
+      return /* @__PURE__ */ jsx(CodeBlock, { code: token.text, lang: token.lang }, key);
+    case "blockquote":
+      return /* @__PURE__ */ jsx(
+        "blockquote",
+        {
+          className: "my-1 border-l-2 border-border pl-3 text-muted-strong",
+          children: renderChildren(token.tokens, key)
+        },
+        key
+      );
+    case "list": {
+      const items = token.items.map((item, index) => {
+        const itemKey = `${key}.${index}`;
+        return /* @__PURE__ */ jsxs("li", { className: "my-0.5 marker:text-muted", children: [
+          item.task ? /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: Boolean(item.checked),
+              readOnly: true,
+              "aria-hidden": true,
+              className: "mr-1.5 align-middle accent-accent"
+            }
+          ) : null,
+          renderChildren(item.tokens, itemKey)
+        ] }, itemKey);
+      });
+      return token.ordered ? /* @__PURE__ */ jsx(
+        "ol",
+        {
+          start: typeof token.start === "number" ? token.start : void 0,
+          className: "my-1 list-decimal space-y-0.5 pl-5",
+          children: items
+        },
+        key
+      ) : /* @__PURE__ */ jsx("ul", { className: "my-1 list-disc space-y-0.5 pl-5", children: items }, key);
+    }
+    case "table":
+      return /* @__PURE__ */ jsx("div", { className: "my-1.5 overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-2xs", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: token.header.map((cell, index) => {
+          const cellKey = `${key}.h${index}`;
+          return /* @__PURE__ */ jsx(
+            "th",
+            {
+              style: alignStyle(cell.align),
+              className: "border border-border/60 bg-bg/40 px-2 py-1 text-left font-semibold text-txt",
+              children: renderChildren(cell.tokens, cellKey)
+            },
+            cellKey
+          );
+        }) }) }),
+        /* @__PURE__ */ jsx("tbody", { children: token.rows.map((row, rowIndex) => {
+          const rowKey = `${key}.r${rowIndex}`;
+          return /* @__PURE__ */ jsx("tr", { children: row.map((cell, cellIndex) => {
+            const cellKey = `${rowKey}c${cellIndex}`;
+            return /* @__PURE__ */ jsx(
+              "td",
+              {
+                style: alignStyle(cell.align),
+                className: "border border-border/50 px-2 py-1 align-top",
+                children: renderChildren(cell.tokens, cellKey)
+              },
+              cellKey
+            );
+          }) }, rowKey);
+        }) })
+      ] }) }, key);
+    case "hr":
+      return /* @__PURE__ */ jsx("hr", { className: "my-2 border-border/50" }, key);
+    case "strong":
+      return /* @__PURE__ */ jsx("strong", { className: "font-semibold text-txt", children: renderChildren(token.tokens, key) }, key);
+    case "em":
+      return /* @__PURE__ */ jsx("em", { className: "italic", children: renderChildren(token.tokens, key) }, key);
+    case "del":
+      return /* @__PURE__ */ jsx("del", { className: "line-through opacity-80", children: renderChildren(token.tokens, key) }, key);
+    case "codespan":
+      return /* @__PURE__ */ jsx(
+        "code",
+        {
+          className: "break-words rounded-sm bg-bg/70 px-1 py-px font-mono text-[0.95em] text-txt-strong",
+          children: token.text
+        },
+        key
+      );
+    case "link": {
+      const href = sanitizeMarkdownUrl(token.href);
+      const isExternal = href !== null && /^https?:/i.test(href);
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: href ?? void 0,
+          title: token.title ?? void 0,
+          target: isExternal ? "_blank" : void 0,
+          rel: isExternal ? "noreferrer" : void 0,
+          className: "text-txt-strong underline underline-offset-2 transition-colors hover:text-accent",
+          children: renderChildren(token.tokens, key)
+        },
+        key
+      );
+    }
+    case "image": {
+      const src = sanitizeMarkdownUrl(token.href);
+      if (!src) return token.text;
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt: token.text,
+          title: token.title ?? void 0,
+          className: "my-1 max-w-full rounded-sm border border-border/50"
+        },
+        key
+      );
+    }
+    case "br":
+      return /* @__PURE__ */ jsx("br", {}, key);
+    case "escape":
+      return token.text;
+    case "text":
+      return token.tokens && token.tokens.length > 0 ? renderChildren(token.tokens, key) : token.text;
+    default:
+      return "raw" in token ? token.raw : null;
+  }
+}
+function CodeBlock({ code, lang }) {
+  const [copied, setCopied] = useState(false);
+  const revertTimer = useRef(null);
+  useEffect(
+    () => () => {
+      if (revertTimer.current) clearTimeout(revertTimer.current);
+    },
+    []
+  );
+  const copy = () => {
+    if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
+      return;
+    }
+    navigator.clipboard.writeText(code).then(
+      () => {
+        setCopied(true);
+        if (revertTimer.current) clearTimeout(revertTimer.current);
+        revertTimer.current = setTimeout(() => setCopied(false), 1200);
+      },
+      () => void 0
+    );
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "group/code relative my-1 overflow-hidden rounded-sm border border-border/50 bg-bg/80", children: [
+    lang ? /* @__PURE__ */ jsx("div", { className: "border-b border-border/40 px-2.5 py-0.5 font-mono text-3xs uppercase tracking-wide text-muted", children: lang }) : null,
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: copy,
+        "aria-label": copied ? "Copied" : "Copy code",
+        className: `absolute right-1 top-1 z-10 rounded p-1 text-muted opacity-0 transition-[color,opacity] hover:bg-bg-hover/60 hover:text-txt focus-visible:opacity-100 group-hover/code:opacity-100 ${copied ? "text-ok opacity-100" : ""}`,
+        children: copied ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5", "aria-hidden": true })
+      }
+    ),
+    /* @__PURE__ */ jsx("pre", { className: "max-h-72 overflow-auto px-2.5 py-1.5 font-mono text-2xs leading-relaxed text-txt", children: /* @__PURE__ */ jsx("code", { className: "whitespace-pre-wrap break-words", children: code }) })
+  ] });
+}
+function MarkdownText({ text }) {
+  let tokens;
+  try {
+    tokens = marked.lexer(text);
+  } catch {
+    return /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap break-words text-xs text-txt", children: text });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "break-words text-xs text-txt", children: tokens.map((token, index) => renderToken(token, `t${index}`)) });
+}
+export {
+  MarkdownText
+};
+//# sourceMappingURL=orchestrator-markdown.js.map

package/dist/orchestrator-markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/orchestrator-markdown.tsx"],"sourcesContent":["import { Check, Copy } from \"lucide-react\";\nimport { marked, type Token, type Tokens, type TokensList } from \"marked\";\nimport { type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { sanitizeMarkdownUrl } from \"./orchestrator-markdown.helpers\";\n\n// The coding agent writes markdown prose. We parse it with `marked` — a real\n// lexer, not a hand-rolled regex — then render its token AST directly to React\n// elements. Rendering the AST (rather than marked's HTML string) means nothing\n// is ever injected via dangerouslySetInnerHTML: raw HTML that appears in the\n// stream is shown as escaped text, never executed, so there's no XSS surface\n// and no sanitizer dependency. marked is pure ESM with zero dependencies, so it\n// also sidesteps the rolldown dev-optimizer's CommonJS-interop hang that\n// react-markdown's `style-to-js` dep triggers in this app.\n\nfunction alignStyle(align: Tokens.TableCell[\"align\"]) {\n  return align ? { textAlign: align } : undefined;\n}\n\nfunction renderChildren(tokens: Token[] | undefined, key: string): ReactNode {\n  if (!tokens || tokens.length === 0) return null;\n  return tokens.map((token, index) => renderToken(token, `${key}.${index}`));\n}\n\nfunction renderToken(token: Token, key: string): ReactNode {\n  switch (token.type) {\n    case \"space\":\n    case \"def\":\n      return null;\n    case \"paragraph\":\n      return (\n        <p key={key} className=\"my-1 leading-relaxed first:mt-0 last:mb-0\">\n          {renderChildren(token.tokens, key)}\n        </p>\n      );\n    case \"heading\": {\n      const depth = Math.min(Math.max(token.depth, 1), 4);\n      const Tag = `h${depth}` as \"h1\" | \"h2\" | \"h3\" | \"h4\";\n      return (\n        <Tag key={key} className=\"mt-2 mb-1 font-semibold text-txt first:mt-0\">\n          {renderChildren(token.tokens, key)}\n        </Tag>\n      );\n    }\n    case \"code\":\n      return <CodeBlock key={key} code={token.text} lang={token.lang} />;\n    case \"blockquote\":\n      return (\n        <blockquote\n          key={key}\n          className=\"my-1 border-l-2 border-border pl-3 text-muted-strong\"\n        >\n          {renderChildren(token.tokens, key)}\n        </blockquote>\n      );\n    case \"list\": {\n      const items = token.items.map((item, index) => {\n        // Composite path key (parent path + position): stable across this\n        // immutable, fully-recomputed AST render, and unique among siblings.\n        const itemKey = `${key}.${index}`;\n        return (\n          <li key={itemKey} className=\"my-0.5 marker:text-muted\">\n            {item.task ? (\n              <input\n                type=\"checkbox\"\n                checked={Boolean(item.checked)}\n                readOnly\n                aria-hidden\n                className=\"mr-1.5 align-middle accent-accent\"\n              />\n            ) : null}\n            {renderChildren(item.tokens, itemKey)}\n          </li>\n        );\n      });\n      return token.ordered ? (\n        <ol\n          key={key}\n          start={typeof token.start === \"number\" ? token.start : undefined}\n          className=\"my-1 list-decimal space-y-0.5 pl-5\"\n        >\n          {items}\n        </ol>\n      ) : (\n        <ul key={key} className=\"my-1 list-disc space-y-0.5 pl-5\">\n          {items}\n        </ul>\n      );\n    }\n    case \"table\":\n      return (\n        <div key={key} className=\"my-1.5 overflow-x-auto\">\n          <table className=\"w-full border-collapse text-2xs\">\n            <thead>\n              <tr>\n                {token.header.map((cell, index) => {\n                  const cellKey = `${key}.h${index}`;\n                  return (\n                    <th\n                      key={cellKey}\n                      style={alignStyle(cell.align)}\n                      className=\"border border-border/60 bg-bg/40 px-2 py-1 text-left font-semibold text-txt\"\n                    >\n                      {renderChildren(cell.tokens, cellKey)}\n                    </th>\n                  );\n                })}\n              </tr>\n            </thead>\n            <tbody>\n              {token.rows.map((row, rowIndex) => {\n                const rowKey = `${key}.r${rowIndex}`;\n                return (\n                  <tr key={rowKey}>\n                    {row.map((cell, cellIndex) => {\n                      const cellKey = `${rowKey}c${cellIndex}`;\n                      return (\n                        <td\n                          key={cellKey}\n                          style={alignStyle(cell.align)}\n                          className=\"border border-border/50 px-2 py-1 align-top\"\n                        >\n                          {renderChildren(cell.tokens, cellKey)}\n                        </td>\n                      );\n                    })}\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      );\n    case \"hr\":\n      return <hr key={key} className=\"my-2 border-border/50\" />;\n    case \"strong\":\n      return (\n        <strong key={key} className=\"font-semibold text-txt\">\n          {renderChildren(token.tokens, key)}\n        </strong>\n      );\n    case \"em\":\n      return (\n        <em key={key} className=\"italic\">\n          {renderChildren(token.tokens, key)}\n        </em>\n      );\n    case \"del\":\n      return (\n        <del key={key} className=\"line-through opacity-80\">\n          {renderChildren(token.tokens, key)}\n        </del>\n      );\n    case \"codespan\":\n      return (\n        <code\n          key={key}\n          className=\"break-words rounded-sm bg-bg/70 px-1 py-px font-mono text-[0.95em] text-txt-strong\"\n        >\n          {token.text}\n        </code>\n      );\n    case \"link\": {\n      const href = sanitizeMarkdownUrl(token.href);\n      // Only open external (http/https/mailto) links in a new tab.\n      // Relative paths should navigate in the same context.\n      const isExternal = href !== null && /^https?:/i.test(href);\n      return (\n        <a\n          key={key}\n          href={href ?? undefined}\n          title={token.title ?? undefined}\n          target={isExternal ? \"_blank\" : undefined}\n          rel={isExternal ? \"noreferrer\" : undefined}\n          className=\"text-txt-strong underline underline-offset-2 transition-colors hover:text-accent\"\n        >\n          {renderChildren(token.tokens, key)}\n        </a>\n      );\n    }\n    case \"image\": {\n      const src = sanitizeMarkdownUrl(token.href);\n      if (!src) return token.text;\n      return (\n        <img\n          key={key}\n          src={src}\n          alt={token.text}\n          title={token.title ?? undefined}\n          className=\"my-1 max-w-full rounded-sm border border-border/50\"\n        />\n      );\n    }\n    case \"br\":\n      return <br key={key} />;\n    case \"escape\":\n      return token.text;\n    case \"text\":\n      // A block-level text token (e.g. loose-list content) carries inline\n      // tokens; an inline text leaf is just its string.\n      return token.tokens && token.tokens.length > 0\n        ? renderChildren(token.tokens, key)\n        : token.text;\n    default:\n      // `html` and any other raw tokens are rendered as escaped text — never\n      // injected as markup — so stray tags in the stream can't execute.\n      return \"raw\" in token ? token.raw : null;\n  }\n}\n\nfunction CodeBlock({ code, lang }: { code: string; lang?: string }): ReactNode {\n  const [copied, setCopied] = useState(false);\n  // Hold the revert timer so we can cancel it on unmount; firing setCopied\n  // after unmount (within the 1200ms window) would be a stale-state update.\n  const revertTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(\n    () => () => {\n      if (revertTimer.current) clearTimeout(revertTimer.current);\n    },\n    [],\n  );\n\n  const copy = () => {\n    // Guard for non-secure-context / older webviews where clipboard is absent.\n    if (typeof navigator === \"undefined\" || !navigator.clipboard?.writeText) {\n      return;\n    }\n    navigator.clipboard.writeText(code).then(\n      () => {\n        setCopied(true);\n        // Brief confirmation, then revert to the resting copy icon.\n        if (revertTimer.current) clearTimeout(revertTimer.current);\n        revertTimer.current = setTimeout(() => setCopied(false), 1200);\n      },\n      () => undefined,\n    );\n  };\n\n  return (\n    <div className=\"group/code relative my-1 overflow-hidden rounded-sm border border-border/50 bg-bg/80\">\n      {lang ? (\n        <div className=\"border-b border-border/40 px-2.5 py-0.5 font-mono text-3xs uppercase tracking-wide text-muted\">\n          {lang}\n        </div>\n      ) : null}\n      <button\n        type=\"button\"\n        onClick={copy}\n        aria-label={copied ? \"Copied\" : \"Copy code\"}\n        // Unobtrusive: faded until the block is hovered/focused, fully shown\n        // once copied. Green only as the success affordance.\n        className={`absolute right-1 top-1 z-10 rounded p-1 text-muted opacity-0 transition-[color,opacity] hover:bg-bg-hover/60 hover:text-txt focus-visible:opacity-100 group-hover/code:opacity-100 ${\n          copied ? \"text-ok opacity-100\" : \"\"\n        }`}\n      >\n        {copied ? (\n          <Check className=\"h-3.5 w-3.5\" aria-hidden />\n        ) : (\n          <Copy className=\"h-3.5 w-3.5\" aria-hidden />\n        )}\n      </button>\n      <pre className=\"max-h-72 overflow-auto px-2.5 py-1.5 font-mono text-2xs leading-relaxed text-txt\">\n        <code className=\"whitespace-pre-wrap break-words\">{code}</code>\n      </pre>\n    </div>\n  );\n}\n\nexport function MarkdownText({ text }: { text: string }): ReactNode {\n  // marked.lexer runs synchronously here. It can throw — a stack overflow on\n  // pathologically nested input, or a TypeError on a non-string. A throw in\n  // this render would unmount the whole conversation, so degrade to plain text.\n  let tokens: TokensList;\n  try {\n    tokens = marked.lexer(text);\n  } catch {\n    return (\n      <div className=\"whitespace-pre-wrap break-words text-xs text-txt\">\n        {text}\n      </div>\n    );\n  }\n  return (\n    <div className=\"break-words text-xs text-txt\">\n      {tokens.map((token, index) => renderToken(token, `t${index}`))}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/orchestrator-params.d.ts

@@ -0,0 +1,8 @@
+import type { CodingAgentTaskThread } from "@elizaos/ui";
+export type TaskPriority = CodingAgentTaskThread["priority"];
+export declare const TASK_LIST_LIMIT = 100;
+export declare function paramString(value: unknown): string | undefined;
+export declare function paramPriority(value: unknown): TaskPriority | undefined;
+export declare function paramStringArray(value: unknown): string[] | undefined;
+export declare function requireTaskId(params?: Record<string, unknown>): string;
+//# sourceMappingURL=orchestrator-params.d.ts.map

package/dist/orchestrator-params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orchestrator-params.d.ts","sourceRoot":"","sources":["../src/orchestrator-params.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;AAE7D,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAE9D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,YAAY,GAAG,SAAS,CAOtE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,SAAS,CAOrE;AAED,wBAAgB,aAAa,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAItE"}

package/dist/orchestrator-params.js

@@ -0,0 +1,27 @@
+const TASK_LIST_LIMIT = 100;
+function paramString(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : void 0;
+}
+function paramPriority(value) {
+  return value === "low" || value === "normal" || value === "high" || value === "urgent" ? value : void 0;
+}
+function paramStringArray(value) {
+  if (!Array.isArray(value)) return void 0;
+  const items = value.filter(
+    (entry) => typeof entry === "string" && entry.trim() !== ""
+  );
+  return items.length > 0 ? items.map((entry) => entry.trim()) : void 0;
+}
+function requireTaskId(params) {
+  const taskId = paramString(params?.taskId);
+  if (!taskId) throw new Error("taskId is required for this capability.");
+  return taskId;
+}
+export {
+  TASK_LIST_LIMIT,
+  paramPriority,
+  paramString,
+  paramStringArray,
+  requireTaskId
+};
+//# sourceMappingURL=orchestrator-params.js.map

package/dist/orchestrator-params.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/orchestrator-params.ts"],"sourcesContent":["// Shared orchestrator param coercion helpers + small constants used by both\n// OrchestratorWorkbench.tsx (the React workbench) and the capability dispatcher\n// in orchestrator-capabilities.ts. Kept out of the .tsx so that file exports\n// only React components and stays Fast-Refresh-compatible in dev.\nimport type { CodingAgentTaskThread } from \"@elizaos/ui\";\n\nexport type TaskPriority = CodingAgentTaskThread[\"priority\"];\n\nexport const TASK_LIST_LIMIT = 100;\n\nexport function paramString(value: unknown): string | undefined {\n  return typeof value === \"string\" && value.trim() ? value.trim() : undefined;\n}\n\nexport function paramPriority(value: unknown): TaskPriority | undefined {\n  return value === \"low\" ||\n    value === \"normal\" ||\n    value === \"high\" ||\n    value === \"urgent\"\n    ? value\n    : undefined;\n}\n\nexport function paramStringArray(value: unknown): string[] | undefined {\n  if (!Array.isArray(value)) return undefined;\n  const items = value.filter(\n    (entry): entry is string =>\n      typeof entry === \"string\" && entry.trim() !== \"\",\n  );\n  return items.length > 0 ? items.map((entry) => entry.trim()) : undefined;\n}\n\nexport function requireTaskId(params?: Record<string, unknown>): string {\n  const taskId = paramString(params?.taskId);\n  if (!taskId) throw new Error(\"taskId is required for this capability.\");\n  return taskId;\n}\n"],"mappings":"AAQO,MAAM,kBAAkB;AAExB,SAAS,YAAY,OAAoC;AAC9D,SAAO,OAAO,UAAU,YAAY,MAAM,KAAK,IAAI,MAAM,KAAK,IAAI;AACpE;AAEO,SAAS,cAAc,OAA0C;AACtE,SAAO,UAAU,SACf,UAAU,YACV,UAAU,UACV,UAAU,WACR,QACA;AACN;AAEO,SAAS,iBAAiB,OAAsC;AACrE,MAAI,CAAC,MAAM,QAAQ,KAAK,EAAG,QAAO;AAClC,QAAM,QAAQ,MAAM;AAAA,IAClB,CAAC,UACC,OAAO,UAAU,YAAY,MAAM,KAAK,MAAM;AAAA,EAClD;AACA,SAAO,MAAM,SAAS,IAAI,MAAM,IAAI,CAAC,UAAU,MAAM,KAAK,CAAC,IAAI;AACjE;AAEO,SAAS,cAAc,QAA0C;AACtE,QAAM,SAAS,YAAY,QAAQ,MAAM;AACzC,MAAI,CAAC,OAAQ,OAAM,IAAI,MAAM,yCAAyC;AACtE,SAAO;AACT;","names":[]}

package/dist/orchestrator-plan.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+export declare function PlanDock({ plan, }: {
+    plan: Record<string, unknown>;
+}): ReactNode;
+//# sourceMappingURL=orchestrator-plan.d.ts.map

package/dist/orchestrator-plan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orchestrator-plan.d.ts","sourceRoot":"","sources":["../src/orchestrator-plan.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AA+C5D,wBAAgB,QAAQ,CAAC,EACvB,IAAI,GACL,EAAE;IACD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B,GAAG,SAAS,CAgEZ"}

package/dist/orchestrator-plan.js

@@ -0,0 +1,95 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronRight, Circle, Loader } from "lucide-react";
+import { useEffect, useState } from "react";
+function readEntries(plan) {
+  const raw = plan.entries;
+  if (!Array.isArray(raw)) return [];
+  const entries = [];
+  for (const item of raw) {
+    if (!item || typeof item !== "object") continue;
+    const record = item;
+    const content = typeof record.content === "string" ? record.content : "";
+    if (content === "") continue;
+    const status = record.status === "in_progress" || record.status === "completed" ? record.status : "pending";
+    entries.push({ content, status });
+  }
+  return entries;
+}
+function StatusIcon({ status }) {
+  if (status === "completed")
+    return /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 shrink-0 text-ok", "aria-hidden": true });
+  if (status === "in_progress")
+    return /* @__PURE__ */ jsx(
+      Loader,
+      {
+        className: "h-3 w-3 shrink-0 animate-spin text-muted-strong",
+        "aria-hidden": true
+      }
+    );
+  return /* @__PURE__ */ jsx(Circle, { className: "h-3 w-3 shrink-0 text-muted/60", "aria-hidden": true });
+}
+function PlanDock({
+  plan
+}) {
+  const entries = readEntries(plan);
+  const hasActive = entries.some((entry) => entry.status === "in_progress");
+  const [open, setOpen] = useState(hasActive);
+  useEffect(() => {
+    if (hasActive) setOpen(true);
+  }, [hasActive]);
+  if (entries.length === 0) return null;
+  const done = entries.filter((entry) => entry.status === "completed").length;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "rounded-md border border-border/50 bg-card/40",
+      "data-testid": "orchestrator-plan",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setOpen((value) => !value),
+            className: "flex w-full items-center gap-2 px-2.5 py-1.5 text-left",
+            children: [
+              /* @__PURE__ */ jsx(
+                ChevronRight,
+                {
+                  className: `h-3 w-3 shrink-0 text-muted transition-transform ${open ? "rotate-90" : ""}`
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-txt", children: "Plan" }),
+              /* @__PURE__ */ jsx("span", { className: "flex-1" }),
+              /* @__PURE__ */ jsxs("span", { className: "font-mono text-2xs tabular-nums text-muted", children: [
+                done,
+                "/",
+                entries.length
+              ] })
+            ]
+          }
+        ),
+        open ? /* @__PURE__ */ jsx("ul", { className: "space-y-0.5 px-2.5 pb-2", children: entries.map((entry, index) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "flex items-start gap-2 text-xs-tight",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "mt-0.5", children: /* @__PURE__ */ jsx(StatusIcon, { status: entry.status }) }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: entry.status === "completed" ? "text-muted line-through" : entry.status === "in_progress" ? "text-txt" : "text-muted-strong",
+                  children: entry.content
+                }
+              )
+            ]
+          },
+          `${entry.content}-${index}`
+        )) }) : null
+      ]
+    }
+  );
+}
+export {
+  PlanDock
+};
+//# sourceMappingURL=orchestrator-plan.js.map

package/dist/orchestrator-plan.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/orchestrator-plan.tsx"],"sourcesContent":["import { Check, ChevronRight, Circle, Loader } from \"lucide-react\";\nimport { type ReactNode, useEffect, useState } from \"react\";\n\n// The orchestrator's current plan/todo list. The sub-agent (opencode) emits its\n// todo snapshot as an ACP `plan` update; the backend sanitizes it onto the\n// task's `currentPlan`, and this dock renders it the way Codex/Claude/opencode\n// surface a live checklist: a pinned, collapsible panel with per-item status\n// (pending / in-progress / done) and a progress count. Color is meaning-only —\n// green = done, neutral spinner = in-progress, muted = pending; no accent fill.\n\ninterface PlanEntry {\n  content: string;\n  status: \"pending\" | \"in_progress\" | \"completed\";\n}\n\n/** Narrow the loosely-typed `currentPlan` DTO (Record<string, unknown>) into the\n * typed entries this view renders, dropping anything malformed. */\nfunction readEntries(plan: Record<string, unknown>): PlanEntry[] {\n  const raw = plan.entries;\n  if (!Array.isArray(raw)) return [];\n  const entries: PlanEntry[] = [];\n  for (const item of raw) {\n    if (!item || typeof item !== \"object\") continue;\n    const record = item as Record<string, unknown>;\n    const content = typeof record.content === \"string\" ? record.content : \"\";\n    if (content === \"\") continue;\n    const status =\n      record.status === \"in_progress\" || record.status === \"completed\"\n        ? record.status\n        : \"pending\";\n    entries.push({ content, status });\n  }\n  return entries;\n}\n\nfunction StatusIcon({ status }: { status: PlanEntry[\"status\"] }): ReactNode {\n  if (status === \"completed\")\n    return <Check className=\"h-3 w-3 shrink-0 text-ok\" aria-hidden />;\n  if (status === \"in_progress\")\n    return (\n      <Loader\n        className=\"h-3 w-3 shrink-0 animate-spin text-muted-strong\"\n        aria-hidden\n      />\n    );\n  return <Circle className=\"h-3 w-3 shrink-0 text-muted/60\" aria-hidden />;\n}\n\nexport function PlanDock({\n  plan,\n}: {\n  plan: Record<string, unknown>;\n}): ReactNode {\n  const entries = readEntries(plan);\n  // The agent has just begun in-progress items first by default, so opening the\n  // dock once there's an active step keeps the live work visible.\n  const hasActive = entries.some((entry) => entry.status === \"in_progress\");\n  const [open, setOpen] = useState(hasActive);\n  // A plan can start all-pending (collapsed) and only later gain an in-progress\n  // step; the lazy init above runs once at mount, so reopen on the false→true\n  // transition. Only forces open (never re-collapses), preserving manual toggle.\n  useEffect(() => {\n    if (hasActive) setOpen(true);\n  }, [hasActive]);\n  if (entries.length === 0) return null;\n  const done = entries.filter((entry) => entry.status === \"completed\").length;\n\n  return (\n    <div\n      className=\"rounded-md border border-border/50 bg-card/40\"\n      data-testid=\"orchestrator-plan\"\n    >\n      <button\n        type=\"button\"\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex w-full items-center gap-2 px-2.5 py-1.5 text-left\"\n      >\n        <ChevronRight\n          className={`h-3 w-3 shrink-0 text-muted transition-transform ${open ? \"rotate-90\" : \"\"}`}\n        />\n        <span className=\"text-xs font-semibold text-txt\">Plan</span>\n        <span className=\"flex-1\" />\n        <span className=\"font-mono text-2xs tabular-nums text-muted\">\n          {done}/{entries.length}\n        </span>\n      </button>\n      {open ? (\n        <ul className=\"space-y-0.5 px-2.5 pb-2\">\n          {entries.map((entry, index) => (\n            <li\n              // Plan entries have no stable id and may repeat content across a\n              // single immutable snapshot; position is the only discriminator.\n              // biome-ignore lint/suspicious/noArrayIndexKey: positional plan snapshot\n              key={`${entry.content}-${index}`}\n              className=\"flex items-start gap-2 text-xs-tight\"\n            >\n              <span className=\"mt-0.5\">\n                <StatusIcon status={entry.status} />\n              </span>\n              <span\n                className={\n                  entry.status === \"completed\"\n                    ? \"text-muted line-through\"\n                    : entry.status === \"in_progress\"\n                      ? \"text-txt\"\n                      : \"text-muted-strong\"\n                }\n              >\n                {entry.content}\n              </span>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"AAqCW,cA6CH,YA7CG;AArCX,SAAS,OAAO,cAAc,QAAQ,cAAc;AACpD,SAAyB,WAAW,gBAAgB;AAgBpD,SAAS,YAAY,MAA4C;AAC/D,QAAM,MAAM,KAAK;AACjB,MAAI,CAAC,MAAM,QAAQ,GAAG,EAAG,QAAO,CAAC;AACjC,QAAM,UAAuB,CAAC;AAC9B,aAAW,QAAQ,KAAK;AACtB,QAAI,CAAC,QAAQ,OAAO,SAAS,SAAU;AACvC,UAAM,SAAS;AACf,UAAM,UAAU,OAAO,OAAO,YAAY,WAAW,OAAO,UAAU;AACtE,QAAI,YAAY,GAAI;AACpB,UAAM,SACJ,OAAO,WAAW,iBAAiB,OAAO,WAAW,cACjD,OAAO,SACP;AACN,YAAQ,KAAK,EAAE,SAAS,OAAO,CAAC;AAAA,EAClC;AACA,SAAO;AACT;AAEA,SAAS,WAAW,EAAE,OAAO,GAA+C;AAC1E,MAAI,WAAW;AACb,WAAO,oBAAC,SAAM,WAAU,4BAA2B,eAAW,MAAC;AACjE,MAAI,WAAW;AACb,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAW;AAAA;AAAA,IACb;AAEJ,SAAO,oBAAC,UAAO,WAAU,kCAAiC,eAAW,MAAC;AACxE;AAEO,SAAS,SAAS;AAAA,EACvB;AACF,GAEc;AACZ,QAAM,UAAU,YAAY,IAAI;AAGhC,QAAM,YAAY,QAAQ,KAAK,CAAC,UAAU,MAAM,WAAW,aAAa;AACxE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,SAAS;AAI1C,YAAU,MAAM;AACd,QAAI,UAAW,SAAQ,IAAI;AAAA,EAC7B,GAAG,CAAC,SAAS,CAAC;AACd,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,QAAM,OAAO,QAAQ,OAAO,CAAC,UAAU,MAAM,WAAW,WAAW,EAAE;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,QAAQ,CAAC,UAAU,CAAC,KAAK;AAAA,YACxC,WAAU;AAAA,YAEV;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,oDAAoD,OAAO,cAAc,EAAE;AAAA;AAAA,cACxF;AAAA,cACA,oBAAC,UAAK,WAAU,kCAAiC,kBAAI;AAAA,cACrD,oBAAC,UAAK,WAAU,UAAS;AAAA,cACzB,qBAAC,UAAK,WAAU,8CACb;AAAA;AAAA,gBAAK;AAAA,gBAAE,QAAQ;AAAA,iBAClB;AAAA;AAAA;AAAA,QACF;AAAA,QACC,OACC,oBAAC,QAAG,WAAU,2BACX,kBAAQ,IAAI,CAAC,OAAO,UACnB;AAAA,UAAC;AAAA;AAAA,YAKC,WAAU;AAAA,YAEV;AAAA,kCAAC,UAAK,WAAU,UACd,8BAAC,cAAW,QAAQ,MAAM,QAAQ,GACpC;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WACE,MAAM,WAAW,cACb,4BACA,MAAM,WAAW,gBACf,aACA;AAAA,kBAGP,gBAAM;AAAA;AAAA,cACT;AAAA;AAAA;AAAA,UAhBK,GAAG,MAAM,OAAO,IAAI,KAAK;AAAA,QAiBhC,CACD,GACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/orchestrator-reasoning.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from "react";
+/**
+ * A collapsed-by-default reasoning cell. While the model is still thinking the
+ * header reads "Thinking…" and the body text gets a luminance-sweep shimmer;
+ * once finished it reads "Thought for {duration}". The shimmer is a CSS
+ * mask-image sweep over the SAME `text-muted` glyphs — it introduces no new
+ * color, and it is disabled under `prefers-reduced-motion`.
+ *
+ * Pure presentational: it renders only from its props and owns no data.
+ *
+ * @param props.text - The reasoning / chain-of-thought markdown to render.
+ * @param props.durationMs - Total thinking time in ms; humanized in the header.
+ * @param props.streaming - Whether reasoning is still arriving (drives the
+ *   "Thinking…" label and the shimmer).
+ */
+export declare function ReasoningCell({ text, durationMs, streaming, }: {
+    text: string;
+    durationMs?: number;
+    streaming?: boolean;
+}): ReactNode;
+//# sourceMappingURL=orchestrator-reasoning.d.ts.map

package/dist/orchestrator-reasoning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orchestrator-reasoning.d.ts","sourceRoot":"","sources":["../src/orchestrator-reasoning.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAyEjD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,UAAU,EACV,SAAS,GACV,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,SAAS,CAuDZ"}

package/dist/orchestrator-reasoning.js

@@ -0,0 +1,105 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Brain, ChevronRight } from "lucide-react";
+import { useState } from "react";
+import { MarkdownText } from "./orchestrator-markdown.js";
+const REASONING_SHIMMER_CSS = `
+.orchestrator-reasoning-shimmer {
+  -webkit-mask-image: linear-gradient(
+    100deg,
+    rgba(0, 0, 0, 0.45) 30%,
+    rgba(0, 0, 0, 1) 50%,
+    rgba(0, 0, 0, 0.45) 70%
+  );
+  mask-image: linear-gradient(
+    100deg,
+    rgba(0, 0, 0, 0.45) 30%,
+    rgba(0, 0, 0, 1) 50%,
+    rgba(0, 0, 0, 0.45) 70%
+  );
+  -webkit-mask-size: 220% 100%;
+  mask-size: 220% 100%;
+  animation: orchestrator-reasoning-sweep 1.8s linear infinite;
+}
+@keyframes orchestrator-reasoning-sweep {
+  from {
+    -webkit-mask-position: 180% 0;
+    mask-position: 180% 0;
+  }
+  to {
+    -webkit-mask-position: -80% 0;
+    mask-position: -80% 0;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .orchestrator-reasoning-shimmer {
+    -webkit-mask-image: none;
+    mask-image: none;
+    animation: none;
+  }
+}
+`;
+function humanizeDuration(ms) {
+  const totalSeconds = Math.max(0, Math.round(ms / 1e3));
+  if (totalSeconds < 60) {
+    return `${totalSeconds}s`;
+  }
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return seconds === 0 ? `${minutes}m` : `${minutes}m ${seconds}s`;
+}
+function ReasoningCell({
+  text,
+  durationMs,
+  streaming
+}) {
+  const [open, setOpen] = useState(false);
+  const header = streaming ? "Thinking\u2026" : durationMs !== void 0 ? `Thought for ${humanizeDuration(durationMs)}` : "Thought";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "rounded-md border border-border/50 bg-card/50",
+      "data-testid": "orchestrator-reasoning",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setOpen((value) => !value),
+            "aria-expanded": open,
+            className: "flex w-full items-center gap-2 px-2.5 py-1.5 text-left",
+            children: [
+              /* @__PURE__ */ jsx(
+                ChevronRight,
+                {
+                  className: `h-3 w-3 shrink-0 text-muted transition-transform ${open ? "rotate-90" : ""}`
+                }
+              ),
+              /* @__PURE__ */ jsx(Brain, { className: "h-3.5 w-3.5 shrink-0 text-muted-strong" }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: `min-w-0 flex-1 truncate text-2xs italic text-muted ${// The header itself gets the shimmer while streaming so the cell
+                  // reads as "alive" even when collapsed.
+                  streaming ? "orchestrator-reasoning-shimmer" : ""}`,
+                  children: header
+                }
+              )
+            ]
+          }
+        ),
+        open ? /* @__PURE__ */ jsx("div", { className: "px-2.5 pb-2", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `text-2xs italic text-muted ${streaming ? "orchestrator-reasoning-shimmer" : ""}`,
+            children: /* @__PURE__ */ jsx(MarkdownText, { text })
+          }
+        ) }) : null,
+        /* @__PURE__ */ jsx("style", { href: "orchestrator-reasoning-shimmer", precedence: "default", children: REASONING_SHIMMER_CSS })
+      ]
+    }
+  );
+}
+export {
+  ReasoningCell
+};
+//# sourceMappingURL=orchestrator-reasoning.js.map

package/dist/orchestrator-reasoning.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/orchestrator-reasoning.tsx"],"sourcesContent":["import { Brain, ChevronRight } from \"lucide-react\";\nimport { type ReactNode, useState } from \"react\";\nimport { MarkdownText } from \"./orchestrator-markdown.js\";\n\n// Luminance-sweep shimmer keyframes for the streaming reasoning cell. The cell\n// renders in the OrchestratorWorkbench timeline (/orchestrator), which injects\n// no shared stylesheet, so the cell carries the rule itself rather than\n// assuming an ambient stylesheet is present. It is emitted via a\n// React-hoistable <style href precedence> (below):\n// React lifts it to <head> and DEDUPLICATES every identical href to a single\n// DOM node, so N cells across any number of renders inject the rule exactly\n// once (the per-instance <style> this replaces injected one tag per cell). The\n// reduced-motion guard drops the animation and the mask entirely.\nconst REASONING_SHIMMER_CSS = `\n.orchestrator-reasoning-shimmer {\n  -webkit-mask-image: linear-gradient(\n    100deg,\n    rgba(0, 0, 0, 0.45) 30%,\n    rgba(0, 0, 0, 1) 50%,\n    rgba(0, 0, 0, 0.45) 70%\n  );\n  mask-image: linear-gradient(\n    100deg,\n    rgba(0, 0, 0, 0.45) 30%,\n    rgba(0, 0, 0, 1) 50%,\n    rgba(0, 0, 0, 0.45) 70%\n  );\n  -webkit-mask-size: 220% 100%;\n  mask-size: 220% 100%;\n  animation: orchestrator-reasoning-sweep 1.8s linear infinite;\n}\n@keyframes orchestrator-reasoning-sweep {\n  from {\n    -webkit-mask-position: 180% 0;\n    mask-position: 180% 0;\n  }\n  to {\n    -webkit-mask-position: -80% 0;\n    mask-position: -80% 0;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .orchestrator-reasoning-shimmer {\n    -webkit-mask-image: none;\n    mask-image: none;\n    animation: none;\n  }\n}\n`;\n\n// A collapsible \"reasoning / thinking\" cell, matching the Codex / opencode\n// shape: a dim one-line header you can expand into the model's raw chain of\n// thought. The cloud-ui ai-elements `Reasoning` primitive\n// (packages/ui/.../ai-elements/reasoning.tsx) carries a Radix\n// `useControllableState` + auto-open/auto-close timer machine and its own\n// `text-muted-foreground`/`text-sm` skin keyed to seconds. Our contract is a\n// flat presentational `{ text, durationMs, streaming }` with a humanized\n// duration, a `MarkdownText` body, and an in-token shimmer — none of which that\n// primitive exposes — so we build a self-contained collapsible on the same\n// useState open/setOpen pattern the sibling tool-call cell uses, re-skinned to\n// eliza tokens (text-2xs, text-muted, rounded-md, border-border/50).\n\n/** Humanize a stopwatch duration the way Codex's header reads: sub-minute as\n * whole seconds, then minutes (+ trailing seconds). Display-only rounding. */\nfunction humanizeDuration(ms: number): string {\n  const totalSeconds = Math.max(0, Math.round(ms / 1000));\n  if (totalSeconds < 60) {\n    return `${totalSeconds}s`;\n  }\n  const minutes = Math.floor(totalSeconds / 60);\n  const seconds = totalSeconds % 60;\n  return seconds === 0 ? `${minutes}m` : `${minutes}m ${seconds}s`;\n}\n\n/**\n * A collapsed-by-default reasoning cell. While the model is still thinking the\n * header reads \"Thinking…\" and the body text gets a luminance-sweep shimmer;\n * once finished it reads \"Thought for {duration}\". The shimmer is a CSS\n * mask-image sweep over the SAME `text-muted` glyphs — it introduces no new\n * color, and it is disabled under `prefers-reduced-motion`.\n *\n * Pure presentational: it renders only from its props and owns no data.\n *\n * @param props.text - The reasoning / chain-of-thought markdown to render.\n * @param props.durationMs - Total thinking time in ms; humanized in the header.\n * @param props.streaming - Whether reasoning is still arriving (drives the\n *   \"Thinking…\" label and the shimmer).\n */\nexport function ReasoningCell({\n  text,\n  durationMs,\n  streaming,\n}: {\n  text: string;\n  durationMs?: number;\n  streaming?: boolean;\n}): ReactNode {\n  const [open, setOpen] = useState(false);\n\n  const header = streaming\n    ? \"Thinking…\"\n    : durationMs !== undefined\n      ? `Thought for ${humanizeDuration(durationMs)}`\n      : \"Thought\";\n\n  return (\n    <div\n      className=\"rounded-md border border-border/50 bg-card/50\"\n      data-testid=\"orchestrator-reasoning\"\n    >\n      <button\n        type=\"button\"\n        onClick={() => setOpen((value) => !value)}\n        aria-expanded={open}\n        className=\"flex w-full items-center gap-2 px-2.5 py-1.5 text-left\"\n      >\n        <ChevronRight\n          className={`h-3 w-3 shrink-0 text-muted transition-transform ${\n            open ? \"rotate-90\" : \"\"\n          }`}\n        />\n        <Brain className=\"h-3.5 w-3.5 shrink-0 text-muted-strong\" />\n        <span\n          className={`min-w-0 flex-1 truncate text-2xs italic text-muted ${\n            // The header itself gets the shimmer while streaming so the cell\n            // reads as \"alive\" even when collapsed.\n            streaming ? \"orchestrator-reasoning-shimmer\" : \"\"\n          }`}\n        >\n          {header}\n        </span>\n      </button>\n      {open ? (\n        <div className=\"px-2.5 pb-2\">\n          <div\n            className={`text-2xs italic text-muted ${\n              streaming ? \"orchestrator-reasoning-shimmer\" : \"\"\n            }`}\n          >\n            <MarkdownText text={text} />\n          </div>\n        </div>\n      ) : null}\n      {/* React-hoistable, deduplicated stylesheet: the shared `href` collapses\n          every ReasoningCell's copy of this rule to a single <head> node, so it\n          is emitted once regardless of how many cells mount or re-render. */}\n      <style href=\"orchestrator-reasoning-shimmer\" precedence=\"default\">\n        {REASONING_SHIMMER_CSS}\n      </style>\n    </div>\n  );\n}\n"],"mappings":"AA8GM,SAME,KANF;AA9GN,SAAS,OAAO,oBAAoB;AACpC,SAAyB,gBAAgB;AACzC,SAAS,oBAAoB;AAW7B,MAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmD9B,SAAS,iBAAiB,IAAoB;AAC5C,QAAM,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,GAAI,CAAC;AACtD,MAAI,eAAe,IAAI;AACrB,WAAO,GAAG,YAAY;AAAA,EACxB;AACA,QAAM,UAAU,KAAK,MAAM,eAAe,EAAE;AAC5C,QAAM,UAAU,eAAe;AAC/B,SAAO,YAAY,IAAI,GAAG,OAAO,MAAM,GAAG,OAAO,KAAK,OAAO;AAC/D;AAgBO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIc;AACZ,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,SAAS,YACX,mBACA,eAAe,SACb,eAAe,iBAAiB,UAAU,CAAC,KAC3C;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,QAAQ,CAAC,UAAU,CAAC,KAAK;AAAA,YACxC,iBAAe;AAAA,YACf,WAAU;AAAA,YAEV;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,oDACT,OAAO,cAAc,EACvB;AAAA;AAAA,cACF;AAAA,cACA,oBAAC,SAAM,WAAU,0CAAyC;AAAA,cAC1D;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA;AAAA,kBAGT,YAAY,mCAAmC,EACjD;AAAA,kBAEC;AAAA;AAAA,cACH;AAAA;AAAA;AAAA,QACF;AAAA,QACC,OACC,oBAAC,SAAI,WAAU,eACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,8BACT,YAAY,mCAAmC,EACjD;AAAA,YAEA,8BAAC,gBAAa,MAAY;AAAA;AAAA,QAC5B,GACF,IACE;AAAA,QAIJ,oBAAC,WAAM,MAAK,kCAAiC,YAAW,WACrD,iCACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/orchestrator-stream.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+import type { ConversationBlock, ToolView } from "./orchestrator-stream.helpers";
+export type { ConversationBlock, ToolView, } from "./orchestrator-stream.helpers";
+/** The expandable body of a tool card: an interleaved diff for edits, the new
+ * content for writes, the command + output for shells, and the raw output
+ * otherwise. */
+export declare function ToolBody({ tool }: {
+    tool: ToolView;
+}): ReactNode;
+export declare function ConversationBlockView({ block, locale, onInspect, }: {
+    block: ConversationBlock;
+    locale?: string;
+    onInspect?: () => void;
+}): ReactNode;
+//# sourceMappingURL=orchestrator-stream.d.ts.map

package/dist/orchestrator-stream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orchestrator-stream.d.ts","sourceRoot":"","sources":["../src/orchestrator-stream.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAK1D,OAAO,KAAK,EACV,iBAAiB,EAEjB,QAAQ,EACT,MAAM,+BAA+B,CAAC;AAGvC,YAAY,EACV,iBAAiB,EACjB,QAAQ,GACT,MAAM,+BAA+B,CAAC;AA6IvC;;gBAEgB;AAChB,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG,SAAS,CAiChE;AAqGD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,GAAG,SAAS,CAmFZ"}