@athenaintel/react 0.18.0 → 0.20.0

package/dist/tools/voice-update-tool-ui.cjs

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+require("../packages/agent-runtime/src/generated/runconfig-contract.cjs");
+require("react");
+require("@assistant-ui/tap");
+require("statewire");
+require("../packages/agent-runtime/src/statewire-suspended.cjs");
+require("@tanstack/react-query");
+require("../packages/agent-runtime/src/statewire-state.cjs");
+require("../packages/agent-runtime/src/messages.cjs");
+require("@assistant-ui/react-statewire");
+require("@assistant-ui/store");
+require("@assistant-ui/react-statewire/local-storage");
+require("../packages/agent-runtime/src/statewire-attach-observer.cjs");
+require("../packages/agent-runtime/src/thread-status.cjs");
+const voicePresentation = require("../packages/agent-runtime/src/voice-presentation.cjs");
+require("@assistant-ui/core");
+const lucideReact = require("lucide-react");
+const cnfast = require("cnfast");
+const VoiceUpdateCard = ({
+  text,
+  spoken,
+  statusLabel,
+  failed,
+  pending,
+  className
+}) => {
+  const Icon = pending ? lucideReact.LoaderIcon : spoken ? lucideReact.AudioLinesIcon : lucideReact.MessageSquareTextIcon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cnfast.cn(
+        "my-1 flex items-start gap-2 rounded-lg border px-3 py-2 text-sm",
+        failed ? "border-amber-200 bg-amber-50 text-amber-900" : "border-primary/20 bg-primary/5 text-foreground",
+        className
+      ),
+      "data-testid": "voice-update-card",
+      "data-voice-update-spoken": spoken ? "true" : "false",
+      "data-voice-update-failed": failed ? "true" : "false",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon,
+          {
+            className: cnfast.cn(
+              "mt-0.5 size-3.5 shrink-0",
+              pending && "animate-spin",
+              failed ? "text-amber-700" : "text-primary"
+            ),
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cnfast.cn(
+                "text-[10px] font-medium uppercase tracking-wide",
+                failed ? "text-amber-700" : "text-primary"
+              ),
+              children: statusLabel
+            }
+          ),
+          text ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap break-words", children: text }) : null
+        ] })
+      ]
+    }
+  );
+};
+const VoiceUpdateToolUI = react.makeAssistantToolUI({
+  toolName: voicePresentation.VOICE_UPDATE_TOOL_NAME,
+  render: ({ args, result, status }) => {
+    const call = voicePresentation.describeVoiceUpdateToolCall({ args, result });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      VoiceUpdateCard,
+      {
+        text: call.text,
+        spoken: call.spoken,
+        statusLabel: voicePresentation.voiceUpdateStatusLabel(call, status == null ? void 0 : status.type),
+        failed: call.delivered === false || (status == null ? void 0 : status.type) === "incomplete",
+        pending: (status == null ? void 0 : status.type) === "running"
+      }
+    );
+  }
+});
+exports.VoiceUpdateCard = VoiceUpdateCard;
+exports.VoiceUpdateToolUI = VoiceUpdateToolUI;
+//# sourceMappingURL=voice-update-tool-ui.cjs.map

package/dist/tools/voice-update-tool-ui.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-update-tool-ui.cjs","sources":["../../src/tools/voice-update-tool-ui.tsx"],"sourcesContent":["\"use client\";\n\nimport { makeAssistantToolUI } from \"@assistant-ui/react\";\nimport {\n  describeVoiceUpdateToolCall,\n  VOICE_UPDATE_TOOL_NAME,\n  voiceUpdateStatusLabel,\n} from \"@athenaintel/agent-runtime\";\nimport { AudioLinesIcon, LoaderIcon, MessageSquareTextIcon } from \"lucide-react\";\nimport type { FC } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport interface VoiceUpdateCardProps {\n  /** The update's words. */\n  text: string;\n  /** Read aloud to the user (`mode: \"speak\"`) vs. a silent progress note. */\n  spoken: boolean;\n  /** \"Said aloud\", \"Noting progress…\", \"Could not say this to you\", … */\n  statusLabel: string;\n  /** The live session refused or never received the update. */\n  failed: boolean;\n  /** The tool call is still running. */\n  pending: boolean;\n  className?: string;\n}\n\n/**\n * The card for a delegated run's interim voice update (`send_voice_update`):\n * one line saying whether the words were said aloud or noted silently, and\n * the words themselves — instead of a generic tool row with JSON arguments.\n * Shared by every surface so the same update reads the same everywhere.\n */\nexport const VoiceUpdateCard: FC<VoiceUpdateCardProps> = ({\n  text,\n  spoken,\n  statusLabel,\n  failed,\n  pending,\n  className,\n}) => {\n  const Icon = pending ? LoaderIcon : spoken ? AudioLinesIcon : MessageSquareTextIcon;\n  return (\n    <div\n      className={cn(\n        \"my-1 flex items-start gap-2 rounded-lg border px-3 py-2 text-sm\",\n        failed\n          ? \"border-amber-200 bg-amber-50 text-amber-900\"\n          : \"border-primary/20 bg-primary/5 text-foreground\",\n        className,\n      )}\n      data-testid=\"voice-update-card\"\n      data-voice-update-spoken={spoken ? \"true\" : \"false\"}\n      data-voice-update-failed={failed ? \"true\" : \"false\"}\n    >\n      <Icon\n        className={cn(\n          \"mt-0.5 size-3.5 shrink-0\",\n          pending && \"animate-spin\",\n          failed ? \"text-amber-700\" : \"text-primary\",\n        )}\n        aria-hidden\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div\n          className={cn(\n            \"text-[10px] font-medium uppercase tracking-wide\",\n            failed ? \"text-amber-700\" : \"text-primary\",\n          )}\n        >\n          {statusLabel}\n        </div>\n        {text ? <div className=\"whitespace-pre-wrap break-words\">{text}</div> : null}\n      </div>\n    </div>\n  );\n};\n\n/**\n * The `send_voice_update` tool UI. Registered by every host that renders\n * deep-agent threads (Olympus, the Chrome side panel; mobile has its own\n * React Native presenter over the same shared description).\n */\nexport const VoiceUpdateToolUI = makeAssistantToolUI<Record<string, unknown>, unknown>({\n  toolName: VOICE_UPDATE_TOOL_NAME,\n  render: ({ args, result, status }) => {\n    const call = describeVoiceUpdateToolCall({ args, result });\n    return (\n      <VoiceUpdateCard\n        text={call.text}\n        spoken={call.spoken}\n        statusLabel={voiceUpdateStatusLabel(call, status?.type)}\n        failed={call.delivered === false || status?.type === \"incomplete\"}\n        pending={status?.type === \"running\"}\n      />\n    );\n  },\n});\n"],"names":["LoaderIcon","AudioLinesIcon","MessageSquareTextIcon","jsxs","cn","jsx","makeAssistantToolUI","VOICE_UPDATE_TOOL_NAME","describeVoiceUpdateToolCall","voiceUpdateStatusLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgCO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO,UAAUA,YAAAA,aAAa,SAASC,YAAAA,iBAAiBC,YAAAA;AAC9D,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA,SACI,gDACA;AAAA,QACJ;AAAA,MAAA;AAAA,MAEF,eAAY;AAAA,MACZ,4BAA0B,SAAS,SAAS;AAAA,MAC5C,4BAA0B,SAAS,SAAS;AAAA,MAE5C,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,OAAAA;AAAAA,cACT;AAAA,cACA,WAAW;AAAA,cACX,SAAS,mBAAmB;AAAA,YAAA;AAAA,YAE9B,eAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEbD,2BAAAA,KAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,UAAAE,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD,OAAAA;AAAAA,gBACT;AAAA,gBACA,SAAS,mBAAmB;AAAA,cAAA;AAAA,cAG7B,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,OAAOC,2BAAAA,IAAC,OAAA,EAAI,WAAU,mCAAmC,gBAAK,IAAS;AAAA,QAAA,EAAA,CAC1E;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAOO,MAAM,oBAAoBC,MAAAA,oBAAsD;AAAA,EACrF,UAAUC,kBAAAA;AAAAA,EACV,QAAQ,CAAC,EAAE,MAAM,QAAQ,aAAa;AACpC,UAAM,OAAOC,kBAAAA,4BAA4B,EAAE,MAAM,QAAQ;AACzD,WACEH,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,QAAQ,KAAK;AAAA,QACb,aAAaI,kBAAAA,uBAAuB,MAAM,iCAAQ,IAAI;AAAA,QACtD,QAAQ,KAAK,cAAc,UAAS,iCAAQ,UAAS;AAAA,QACrD,UAAS,iCAAQ,UAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhC;AACF,CAAC;;;"}

package/dist/tools/voice-update-tool-ui.d.ts

@@ -0,0 +1,27 @@
+import type { FC } from "react";
+export interface VoiceUpdateCardProps {
+    /** The update's words. */
+    text: string;
+    /** Read aloud to the user (`mode: "speak"`) vs. a silent progress note. */
+    spoken: boolean;
+    /** "Said aloud", "Noting progress…", "Could not say this to you", … */
+    statusLabel: string;
+    /** The live session refused or never received the update. */
+    failed: boolean;
+    /** The tool call is still running. */
+    pending: boolean;
+    className?: string;
+}
+/**
+ * The card for a delegated run's interim voice update (`send_voice_update`):
+ * one line saying whether the words were said aloud or noted silently, and
+ * the words themselves — instead of a generic tool row with JSON arguments.
+ * Shared by every surface so the same update reads the same everywhere.
+ */
+export declare const VoiceUpdateCard: FC<VoiceUpdateCardProps>;
+/**
+ * The `send_voice_update` tool UI. Registered by every host that renders
+ * deep-agent threads (Olympus, the Chrome side panel; mobile has its own
+ * React Native presenter over the same shared description).
+ */
+export declare const VoiceUpdateToolUI: import("@assistant-ui/react").AssistantToolUI;

package/dist/tools/voice-update-tool-ui.js

@@ -0,0 +1,89 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { makeAssistantToolUI } from "@assistant-ui/react";
+import "../packages/agent-runtime/src/generated/runconfig-contract.js";
+import "react";
+import "@assistant-ui/tap";
+import "statewire";
+import "../packages/agent-runtime/src/statewire-suspended.js";
+import "@tanstack/react-query";
+import "../packages/agent-runtime/src/statewire-state.js";
+import "../packages/agent-runtime/src/messages.js";
+import "@assistant-ui/react-statewire";
+import "@assistant-ui/store";
+import "@assistant-ui/react-statewire/local-storage";
+import "../packages/agent-runtime/src/statewire-attach-observer.js";
+import "../packages/agent-runtime/src/thread-status.js";
+import { VOICE_UPDATE_TOOL_NAME, describeVoiceUpdateToolCall, voiceUpdateStatusLabel } from "../packages/agent-runtime/src/voice-presentation.js";
+import "@assistant-ui/core";
+import { LoaderIcon, AudioLinesIcon, MessageSquareTextIcon } from "lucide-react";
+import { cn } from "cnfast";
+const VoiceUpdateCard = ({
+  text,
+  spoken,
+  statusLabel,
+  failed,
+  pending,
+  className
+}) => {
+  const Icon = pending ? LoaderIcon : spoken ? AudioLinesIcon : MessageSquareTextIcon;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "my-1 flex items-start gap-2 rounded-lg border px-3 py-2 text-sm",
+        failed ? "border-amber-200 bg-amber-50 text-amber-900" : "border-primary/20 bg-primary/5 text-foreground",
+        className
+      ),
+      "data-testid": "voice-update-card",
+      "data-voice-update-spoken": spoken ? "true" : "false",
+      "data-voice-update-failed": failed ? "true" : "false",
+      children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: cn(
+              "mt-0.5 size-3.5 shrink-0",
+              pending && "animate-spin",
+              failed ? "text-amber-700" : "text-primary"
+            ),
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "text-[10px] font-medium uppercase tracking-wide",
+                failed ? "text-amber-700" : "text-primary"
+              ),
+              children: statusLabel
+            }
+          ),
+          text ? /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap break-words", children: text }) : null
+        ] })
+      ]
+    }
+  );
+};
+const VoiceUpdateToolUI = makeAssistantToolUI({
+  toolName: VOICE_UPDATE_TOOL_NAME,
+  render: ({ args, result, status }) => {
+    const call = describeVoiceUpdateToolCall({ args, result });
+    return /* @__PURE__ */ jsx(
+      VoiceUpdateCard,
+      {
+        text: call.text,
+        spoken: call.spoken,
+        statusLabel: voiceUpdateStatusLabel(call, status == null ? void 0 : status.type),
+        failed: call.delivered === false || (status == null ? void 0 : status.type) === "incomplete",
+        pending: (status == null ? void 0 : status.type) === "running"
+      }
+    );
+  }
+});
+export {
+  VoiceUpdateCard,
+  VoiceUpdateToolUI
+};
+//# sourceMappingURL=voice-update-tool-ui.js.map

package/dist/tools/voice-update-tool-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voice-update-tool-ui.js","sources":["../../src/tools/voice-update-tool-ui.tsx"],"sourcesContent":["\"use client\";\n\nimport { makeAssistantToolUI } from \"@assistant-ui/react\";\nimport {\n  describeVoiceUpdateToolCall,\n  VOICE_UPDATE_TOOL_NAME,\n  voiceUpdateStatusLabel,\n} from \"@athenaintel/agent-runtime\";\nimport { AudioLinesIcon, LoaderIcon, MessageSquareTextIcon } from \"lucide-react\";\nimport type { FC } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport interface VoiceUpdateCardProps {\n  /** The update's words. */\n  text: string;\n  /** Read aloud to the user (`mode: \"speak\"`) vs. a silent progress note. */\n  spoken: boolean;\n  /** \"Said aloud\", \"Noting progress…\", \"Could not say this to you\", … */\n  statusLabel: string;\n  /** The live session refused or never received the update. */\n  failed: boolean;\n  /** The tool call is still running. */\n  pending: boolean;\n  className?: string;\n}\n\n/**\n * The card for a delegated run's interim voice update (`send_voice_update`):\n * one line saying whether the words were said aloud or noted silently, and\n * the words themselves — instead of a generic tool row with JSON arguments.\n * Shared by every surface so the same update reads the same everywhere.\n */\nexport const VoiceUpdateCard: FC<VoiceUpdateCardProps> = ({\n  text,\n  spoken,\n  statusLabel,\n  failed,\n  pending,\n  className,\n}) => {\n  const Icon = pending ? LoaderIcon : spoken ? AudioLinesIcon : MessageSquareTextIcon;\n  return (\n    <div\n      className={cn(\n        \"my-1 flex items-start gap-2 rounded-lg border px-3 py-2 text-sm\",\n        failed\n          ? \"border-amber-200 bg-amber-50 text-amber-900\"\n          : \"border-primary/20 bg-primary/5 text-foreground\",\n        className,\n      )}\n      data-testid=\"voice-update-card\"\n      data-voice-update-spoken={spoken ? \"true\" : \"false\"}\n      data-voice-update-failed={failed ? \"true\" : \"false\"}\n    >\n      <Icon\n        className={cn(\n          \"mt-0.5 size-3.5 shrink-0\",\n          pending && \"animate-spin\",\n          failed ? \"text-amber-700\" : \"text-primary\",\n        )}\n        aria-hidden\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div\n          className={cn(\n            \"text-[10px] font-medium uppercase tracking-wide\",\n            failed ? \"text-amber-700\" : \"text-primary\",\n          )}\n        >\n          {statusLabel}\n        </div>\n        {text ? <div className=\"whitespace-pre-wrap break-words\">{text}</div> : null}\n      </div>\n    </div>\n  );\n};\n\n/**\n * The `send_voice_update` tool UI. Registered by every host that renders\n * deep-agent threads (Olympus, the Chrome side panel; mobile has its own\n * React Native presenter over the same shared description).\n */\nexport const VoiceUpdateToolUI = makeAssistantToolUI<Record<string, unknown>, unknown>({\n  toolName: VOICE_UPDATE_TOOL_NAME,\n  render: ({ args, result, status }) => {\n    const call = describeVoiceUpdateToolCall({ args, result });\n    return (\n      <VoiceUpdateCard\n        text={call.text}\n        spoken={call.spoken}\n        statusLabel={voiceUpdateStatusLabel(call, status?.type)}\n        failed={call.delivered === false || status?.type === \"incomplete\"}\n        pending={status?.type === \"running\"}\n      />\n    );\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAgCO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO,UAAU,aAAa,SAAS,iBAAiB;AAC9D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SACI,gDACA;AAAA,QACJ;AAAA,MAAA;AAAA,MAEF,eAAY;AAAA,MACZ,4BAA0B,SAAS,SAAS;AAAA,MAC5C,4BAA0B,SAAS,SAAS;AAAA,MAE5C,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,WAAW;AAAA,cACX,SAAS,mBAAmB;AAAA,YAAA;AAAA,YAE9B,eAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,SAAS,mBAAmB;AAAA,cAAA;AAAA,cAG7B,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,OAAO,oBAAC,OAAA,EAAI,WAAU,mCAAmC,gBAAK,IAAS;AAAA,QAAA,EAAA,CAC1E;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAOO,MAAM,oBAAoB,oBAAsD;AAAA,EACrF,UAAU;AAAA,EACV,QAAQ,CAAC,EAAE,MAAM,QAAQ,aAAa;AACpC,UAAM,OAAO,4BAA4B,EAAE,MAAM,QAAQ;AACzD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,QAAQ,KAAK;AAAA,QACb,aAAa,uBAAuB,MAAM,iCAAQ,IAAI;AAAA,QACtD,QAAQ,KAAK,cAAc,UAAS,iCAAQ,UAAS;AAAA,QACrD,UAAS,iCAAQ,UAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhC;AACF,CAAC;"}

package/dist/tools/write-todos-tool-ui.cjs

@@ -0,0 +1,270 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const lucideReact = require("lucide-react");
+const todoPlanStore = require("./todo-plan-store.cjs");
+const cnfast = require("cnfast");
+const STEP_STATUSES = [
+  "pending",
+  "in_progress",
+  "completed",
+  "cancelled",
+  "failed"
+];
+function asRecord(value) {
+  return typeof value === "object" && value !== null ? value : null;
+}
+function asStatus(value) {
+  return typeof value === "string" && STEP_STATUSES.includes(value) ? value : "pending";
+}
+function parseSteps(value) {
+  if (!Array.isArray(value)) return [];
+  const steps = [];
+  for (const raw of value) {
+    const record = asRecord(raw);
+    if (!record) continue;
+    const content = record.content ?? record.task ?? record.title;
+    if (typeof content !== "string" || content.trim() === "") continue;
+    steps.push({
+      id: typeof record.id === "string" ? record.id : void 0,
+      content: content.trim(),
+      status: asStatus(record.status)
+    });
+  }
+  return steps;
+}
+function asDescription(value) {
+  return typeof value === "string" && value.trim() !== "" ? value.trim() : void 0;
+}
+function parsePartialSteps(argsText) {
+  if (!argsText) return [];
+  const steps = [];
+  const objectPattern = /\{(?:[^{}\\"]|"(?:[^"\\]|\\.)*")*\}?/g;
+  for (const [chunk] of argsText.matchAll(objectPattern)) {
+    const contentMatch = /"(?:content|task|title)"\s*:\s*"((?:[^"\\]|\\.)*)"/.exec(
+      chunk
+    );
+    if (!contentMatch) continue;
+    let content;
+    try {
+      content = JSON.parse(`"${contentMatch[1]}"`);
+    } catch {
+      content = contentMatch[1];
+    }
+    if (content.trim() === "") continue;
+    const statusMatch = /"status"\s*:\s*"([a-z_]+)"/.exec(chunk);
+    steps.push({
+      content: content.trim(),
+      status: asStatus(statusMatch == null ? void 0 : statusMatch[1])
+    });
+  }
+  return steps;
+}
+function parseTodoPlan({
+  args,
+  argsText,
+  result
+}) {
+  const argsRecord = asRecord(args);
+  const argSteps = parseSteps(argsRecord == null ? void 0 : argsRecord.todos);
+  let resultRecord = asRecord(result);
+  if (!resultRecord && typeof result === "string") {
+    try {
+      resultRecord = asRecord(JSON.parse(result));
+    } catch {
+      resultRecord = null;
+    }
+  }
+  const hasResultTodos = Array.isArray(resultRecord == null ? void 0 : resultRecord.todos);
+  const steps = hasResultTodos ? parseSteps(resultRecord == null ? void 0 : resultRecord.todos) : argSteps.length > 0 ? argSteps : parsePartialSteps(argsText);
+  return {
+    steps,
+    changeDescription: asDescription(resultRecord == null ? void 0 : resultRecord.description) ?? asDescription(resultRecord == null ? void 0 : resultRecord.todoChangeDescription)
+  };
+}
+function StepMarker({
+  status,
+  index
+}) {
+  if (status === "completed") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-[18px] shrink-0 items-center justify-center rounded-full bg-emerald-500 text-white", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3", strokeWidth: 3 }) });
+  }
+  if (status === "in_progress") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-[18px] shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderIcon, { className: "size-3 animate-spin", strokeWidth: 3 }) });
+  }
+  if (status === "failed") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-[18px] shrink-0 items-center justify-center rounded-full bg-destructive/10 text-destructive", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-3", strokeWidth: 3 }) });
+  }
+  if (status === "cancelled") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-[18px] shrink-0 items-center justify-center rounded-full border border-border text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-3", strokeWidth: 3 }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-[18px] shrink-0 items-center justify-center rounded-full border border-dashed border-border text-[9px] font-medium text-muted-foreground", children: index + 1 });
+}
+function PlanBadge({
+  resolved,
+  total
+}) {
+  const isDone = total > 0 && resolved === total;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cnfast.cn(
+        "flex size-8 shrink-0 items-center justify-center rounded-lg",
+        isDone && "bg-emerald-50 text-emerald-600",
+        !isDone && "bg-primary/10 text-primary"
+      ),
+      children: isDone ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4", strokeWidth: 3 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListChecksIcon, { className: "size-4" })
+    }
+  );
+}
+function usePlanCardRegistration(plan, isWriting) {
+  const scope = todoPlanStore.usePlanScope();
+  const [seq] = react.useState(todoPlanStore.allocatePlanSeq);
+  react.useEffect(() => {
+    todoPlanStore.registerPlanCard(scope, seq, plan, isWriting);
+    return () => todoPlanStore.unregisterPlanCard(scope, seq);
+  }, [scope, seq]);
+  react.useEffect(() => {
+    todoPlanStore.updatePlanCard(scope, seq, plan, isWriting);
+  }, [scope, seq, plan, isWriting]);
+  return todoPlanStore.useIsLatestPlanCard(scope, seq);
+}
+const HiddenWriteTodosToolUIImpl = ({
+  args,
+  argsText,
+  result,
+  status
+}) => {
+  const plan = react.useMemo(
+    () => parseTodoPlan({ args, argsText, result }),
+    [args, argsText, result]
+  );
+  usePlanCardRegistration(plan, (status == null ? void 0 : status.type) === "running");
+  return null;
+};
+const HiddenWriteTodosToolUI = react.memo(
+  HiddenWriteTodosToolUIImpl
+);
+HiddenWriteTodosToolUI.displayName = "HiddenWriteTodosToolUI";
+const WriteTodosToolUIImpl = ({
+  args,
+  argsText,
+  result,
+  status
+}) => {
+  const plan = react.useMemo(
+    () => parseTodoPlan({ args, argsText, result }),
+    [args, argsText, result]
+  );
+  const { steps, changeDescription } = plan;
+  const [collapsed, setCollapsed] = react.useState(false);
+  const isWriting = (status == null ? void 0 : status.type) === "running";
+  const isLatest = usePlanCardRegistration(plan, isWriting);
+  if (!isLatest) return null;
+  const completed = steps.filter((s) => s.status === "completed").length;
+  const stopped = steps.filter(
+    (s) => s.status === "cancelled" || s.status === "failed"
+  ).length;
+  const current = steps.find((s) => s.status === "in_progress");
+  const total = steps.length;
+  const resolved = completed + stopped;
+  const isDone = total > 0 && resolved === total;
+  if (total === 0) {
+    return isWriting ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-3 flex w-full items-center gap-2 rounded-xl border border-border/60 bg-background px-4 py-3 shadow-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderIcon, { className: "size-3.5 animate-spin text-primary" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] font-medium text-foreground", children: "Planning..." })
+    ] }) : null;
+  }
+  const heading = isWriting ? "Updating plan" : isDone ? "Plan complete" : completed === 0 && !current ? "Plan" : "Plan in progress";
+  const subtitle = changeDescription ?? (current ? current.content : void 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-3 w-full rounded-xl border border-border/60 bg-background shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-20 overflow-hidden rounded-t-xl bg-background", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setCollapsed((prev) => !prev),
+          className: "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-muted/30",
+          "aria-expanded": !collapsed,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(PlanBadge, { resolved, total }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-baseline gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] font-medium text-foreground", children: heading }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] tabular-nums text-muted-foreground", children: [
+                  resolved,
+                  "/",
+                  total,
+                  " steps"
+                ] })
+              ] }),
+              subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[12px] text-muted-foreground", children: subtitle })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.ChevronDownIcon,
+              {
+                className: cnfast.cn(
+                  "size-4 shrink-0 text-muted-foreground transition-transform duration-200",
+                  collapsed && "-rotate-90"
+                )
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-0.5 w-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cnfast.cn(
+            "h-full transition-all duration-500",
+            isDone ? "bg-emerald-500" : "bg-primary"
+          ),
+          style: { width: `${total > 0 ? resolved / total * 100 : 0}%` }
+        }
+      ) })
+    ] }),
+    !collapsed && /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex max-h-72 flex-col overflow-y-auto rounded-b-xl border-t border-border/40 py-1", children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        className: cnfast.cn(
+          "relative flex items-start gap-2.5 px-4 py-1.5",
+          step.status === "in_progress" && "bg-primary/5"
+        ),
+        children: [
+          index < steps.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "absolute left-[calc(1rem+8px)] top-[26px] h-[calc(100%-18px)] w-px bg-border/60"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10 mt-[3px]", children: /* @__PURE__ */ jsxRuntime.jsx(StepMarker, { status: step.status, index }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cnfast.cn(
+                "text-[12.5px] leading-relaxed text-foreground",
+                step.status === "completed" && "text-muted-foreground line-through decoration-muted-foreground/40",
+                step.status === "cancelled" && "text-muted-foreground/70 line-through decoration-muted-foreground/40",
+                step.status === "failed" && "text-destructive",
+                step.status === "in_progress" && "font-medium text-primary",
+                step.status === "pending" && "text-muted-foreground"
+              ),
+              children: step.content
+            }
+          )
+        ]
+      },
+      step.id ?? `${index}-${step.content}`
+    )) })
+  ] });
+};
+const WriteTodosToolUI = react.memo(
+  WriteTodosToolUIImpl
+);
+WriteTodosToolUI.displayName = "WriteTodosToolUI";
+exports.HiddenWriteTodosToolUI = HiddenWriteTodosToolUI;
+exports.WriteTodosToolUI = WriteTodosToolUI;
+exports.parseTodoPlan = parseTodoPlan;
+//# sourceMappingURL=write-todos-tool-ui.cjs.map

package/dist/tools/write-todos-tool-ui.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"write-todos-tool-ui.cjs","sources":["../../src/tools/write-todos-tool-ui.tsx"],"sourcesContent":["\"use client\";\n\nimport { memo, useEffect, useMemo, useState } from \"react\";\nimport type { ToolCallMessagePartComponent } from \"@assistant-ui/react\";\nimport {\n  CheckIcon,\n  ChevronDownIcon,\n  ListChecksIcon,\n  LoaderIcon,\n  XIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport {\n  allocatePlanSeq,\n  registerPlanCard,\n  unregisterPlanCard,\n  updatePlanCard,\n  useIsLatestPlanCard,\n  usePlanScope,\n} from \"./todo-plan-store\";\n\n// ─── Types ───────────────────────────────────────────────────────────\n\nexport type PlanStepStatus =\n  | \"pending\"\n  | \"in_progress\"\n  | \"completed\"\n  | \"cancelled\"\n  | \"failed\";\n\nexport type PlanStep = {\n  id?: string;\n  content: string;\n  status: PlanStepStatus;\n};\n\nexport type TodoPlan = {\n  steps: PlanStep[];\n  changeDescription?: string;\n};\n\nconst STEP_STATUSES: readonly PlanStepStatus[] = [\n  \"pending\",\n  \"in_progress\",\n  \"completed\",\n  \"cancelled\",\n  \"failed\",\n];\n\n// ─── Parsing ─────────────────────────────────────────────────────────\n\nfunction asRecord(value: unknown): Record<string, unknown> | null {\n  return typeof value === \"object\" && value !== null\n    ? (value as Record<string, unknown>)\n    : null;\n}\n\nfunction asStatus(value: unknown): PlanStepStatus {\n  return typeof value === \"string\" &&\n    (STEP_STATUSES as readonly string[]).includes(value)\n    ? (value as PlanStepStatus)\n    : \"pending\";\n}\n\nfunction parseSteps(value: unknown): PlanStep[] {\n  if (!Array.isArray(value)) return [];\n  const steps: PlanStep[] = [];\n  for (const raw of value) {\n    const record = asRecord(raw);\n    if (!record) continue;\n    const content = record.content ?? record.task ?? record.title;\n    if (typeof content !== \"string\" || content.trim() === \"\") continue;\n    steps.push({\n      id: typeof record.id === \"string\" ? record.id : undefined,\n      content: content.trim(),\n      status: asStatus(record.status),\n    });\n  }\n  return steps;\n}\n\nfunction asDescription(value: unknown): string | undefined {\n  return typeof value === \"string\" && value.trim() !== \"\"\n    ? value.trim()\n    : undefined;\n}\n\nfunction parsePartialSteps(argsText: string | undefined): PlanStep[] {\n  if (!argsText) return [];\n  const steps: PlanStep[] = [];\n  const objectPattern = /\\{(?:[^{}\\\\\"]|\"(?:[^\"\\\\]|\\\\.)*\")*\\}?/g;\n  for (const [chunk] of argsText.matchAll(objectPattern)) {\n    const contentMatch = /\"(?:content|task|title)\"\\s*:\\s*\"((?:[^\"\\\\]|\\\\.)*)\"/.exec(\n      chunk,\n    );\n    if (!contentMatch) continue;\n    let content: string;\n    try {\n      content = JSON.parse(`\"${contentMatch[1]}\"`) as string;\n    } catch {\n      content = contentMatch[1];\n    }\n    if (content.trim() === \"\") continue;\n    const statusMatch = /\"status\"\\s*:\\s*\"([a-z_]+)\"/.exec(chunk);\n    steps.push({\n      content: content.trim(),\n      status: asStatus(statusMatch?.[1]),\n    });\n  }\n  return steps;\n}\n\nexport function parseTodoPlan({\n  args,\n  argsText,\n  result,\n}: {\n  args?: unknown;\n  argsText?: string;\n  result?: unknown;\n}): TodoPlan {\n  const argsRecord = asRecord(args);\n  const argSteps = parseSteps(argsRecord?.todos);\n\n  let resultRecord = asRecord(result);\n  if (!resultRecord && typeof result === \"string\") {\n    try {\n      resultRecord = asRecord(JSON.parse(result));\n    } catch {\n      resultRecord = null;\n    }\n  }\n\n  const hasResultTodos = Array.isArray(resultRecord?.todos);\n  const steps = hasResultTodos\n    ? parseSteps(resultRecord?.todos)\n    : argSteps.length > 0\n      ? argSteps\n      : parsePartialSteps(argsText);\n\n  return {\n    steps,\n    changeDescription:\n      asDescription(resultRecord?.description) ??\n      asDescription(resultRecord?.todoChangeDescription),\n  };\n}\n\n// ─── Presentation ────────────────────────────────────────────────────\n\nfunction StepMarker({\n  status,\n  index,\n}: {\n  status: PlanStepStatus;\n  index: number;\n}) {\n  if (status === \"completed\") {\n    return (\n      <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-emerald-500 text-white\">\n        <CheckIcon className=\"size-3\" strokeWidth={3} />\n      </span>\n    );\n  }\n  if (status === \"in_progress\") {\n    return (\n      <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-primary/10 text-primary\">\n        <LoaderIcon className=\"size-3 animate-spin\" strokeWidth={3} />\n      </span>\n    );\n  }\n  if (status === \"failed\") {\n    return (\n      <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full bg-destructive/10 text-destructive\">\n        <XIcon className=\"size-3\" strokeWidth={3} />\n      </span>\n    );\n  }\n  if (status === \"cancelled\") {\n    return (\n      <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full border border-border text-muted-foreground\">\n        <XIcon className=\"size-3\" strokeWidth={3} />\n      </span>\n    );\n  }\n  return (\n    <span className=\"flex size-[18px] shrink-0 items-center justify-center rounded-full border border-dashed border-border text-[9px] font-medium text-muted-foreground\">\n      {index + 1}\n    </span>\n  );\n}\n\nfunction PlanBadge({\n  resolved,\n  total,\n}: {\n  resolved: number;\n  total: number;\n}) {\n  const isDone = total > 0 && resolved === total;\n\n  return (\n    <span\n      className={cn(\n        \"flex size-8 shrink-0 items-center justify-center rounded-lg\",\n        isDone && \"bg-emerald-50 text-emerald-600\",\n        !isDone && \"bg-primary/10 text-primary\",\n      )}\n    >\n      {isDone ? (\n        <CheckIcon className=\"size-4\" strokeWidth={3} />\n      ) : (\n        <ListChecksIcon className=\"size-4\" />\n      )}\n    </span>\n  );\n}\n\n/**\n * Register this card in its chat's plan registry and report whether it is the\n * newest mounted one. Shared by the visible card (which hides superseded\n * instances) and {@link HiddenWriteTodosToolUI} (which renders nothing but\n * keeps the registry — and so `useLatestTodoPlan` — fed).\n */\nfunction usePlanCardRegistration(plan: TodoPlan, isWriting: boolean): boolean {\n  const scope = usePlanScope();\n  const [seq] = useState(allocatePlanSeq);\n  useEffect(() => {\n    registerPlanCard(scope, seq, plan, isWriting);\n    return () => unregisterPlanCard(scope, seq);\n    // Registration is keyed to this instance's lifetime (and its chat's\n    // scope); content updates ride the effect below.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scope, seq]);\n  useEffect(() => {\n    updatePlanCard(scope, seq, plan, isWriting);\n  }, [scope, seq, plan, isWriting]);\n  return useIsLatestPlanCard(scope, seq);\n}\n\n/**\n * Inline-invisible `write_todos` for hosts that pin the plan elsewhere:\n * feeds the plan registry exactly like the visible card, renders nothing.\n * Register it via `toolUIs={{ write_todos: HiddenWriteTodosToolUI }}` and\n * read the plan with `useLatestTodoPlan()` — a bare `() => null` override\n * would leave the registry (and the hook) permanently empty.\n */\nconst HiddenWriteTodosToolUIImpl: ToolCallMessagePartComponent = ({\n  args,\n  argsText,\n  result,\n  status,\n}) => {\n  const plan = useMemo(\n    () => parseTodoPlan({ args, argsText, result }),\n    [args, argsText, result],\n  );\n  usePlanCardRegistration(plan, status?.type === \"running\");\n  return null;\n};\n\nexport const HiddenWriteTodosToolUI = memo(\n  HiddenWriteTodosToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nHiddenWriteTodosToolUI.displayName = \"HiddenWriteTodosToolUI\";\n\nconst WriteTodosToolUIImpl: ToolCallMessagePartComponent = ({\n  args,\n  argsText,\n  result,\n  status,\n}) => {\n  const plan = useMemo(\n    () => parseTodoPlan({ args, argsText, result }),\n    [args, argsText, result],\n  );\n  const { steps, changeDescription } = plan;\n  const [collapsed, setCollapsed] = useState(false);\n\n  // Newest-plan dedupe: a run updates its plan by calling write_todos again,\n  // so a conversation stacks cards that all describe the same plan. Only the\n  // newest mounted card in this chat's scope renders (see todo-plan-store.ts).\n  const isWriting = status?.type === \"running\";\n  const isLatest = usePlanCardRegistration(plan, isWriting);\n  if (!isLatest) return null;\n\n  const completed = steps.filter((s) => s.status === \"completed\").length;\n  const stopped = steps.filter(\n    (s) => s.status === \"cancelled\" || s.status === \"failed\",\n  ).length;\n  const current = steps.find((s) => s.status === \"in_progress\");\n  const total = steps.length;\n  const resolved = completed + stopped;\n  const isDone = total > 0 && resolved === total;\n\n  if (total === 0) {\n    return isWriting ? (\n      <div className=\"my-3 flex w-full items-center gap-2 rounded-xl border border-border/60 bg-background px-4 py-3 shadow-sm\">\n        <LoaderIcon className=\"size-3.5 animate-spin text-primary\" />\n        <span className=\"text-[13px] font-medium text-foreground\">\n          Planning...\n        </span>\n      </div>\n    ) : null;\n  }\n\n  const heading = isWriting\n    ? \"Updating plan\"\n    : isDone\n      ? \"Plan complete\"\n      : completed === 0 && !current\n        ? \"Plan\"\n        : \"Plan in progress\";\n\n  const subtitle =\n    changeDescription ?? (current ? current.content : undefined);\n\n  return (\n    <div className=\"my-3 w-full rounded-xl border border-border/60 bg-background shadow-sm\">\n      <div className=\"sticky top-0 z-20 overflow-hidden rounded-t-xl bg-background\">\n        <button\n          type=\"button\"\n          onClick={() => setCollapsed((prev) => !prev)}\n          className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-muted/30\"\n          aria-expanded={!collapsed}\n        >\n          <PlanBadge resolved={resolved} total={total} />\n          <span className=\"min-w-0 flex-1\">\n            <span className=\"flex items-baseline gap-2\">\n              <span className=\"text-[13px] font-medium text-foreground\">\n                {heading}\n              </span>\n              <span className=\"text-[11px] tabular-nums text-muted-foreground\">\n                {resolved}/{total} steps\n              </span>\n            </span>\n            {subtitle && (\n              <span className=\"block truncate text-[12px] text-muted-foreground\">\n                {subtitle}\n              </span>\n            )}\n          </span>\n          <ChevronDownIcon\n            className={cn(\n              \"size-4 shrink-0 text-muted-foreground transition-transform duration-200\",\n              collapsed && \"-rotate-90\",\n            )}\n          />\n        </button>\n\n        <div className=\"h-0.5 w-full bg-muted\">\n          <div\n            className={cn(\n              \"h-full transition-all duration-500\",\n              isDone ? \"bg-emerald-500\" : \"bg-primary\",\n            )}\n            style={{ width: `${total > 0 ? (resolved / total) * 100 : 0}%` }}\n          />\n        </div>\n      </div>\n\n      {!collapsed && (\n        <ol className=\"flex max-h-72 flex-col overflow-y-auto rounded-b-xl border-t border-border/40 py-1\">\n          {steps.map((step, index) => (\n            <li\n              key={step.id ?? `${index}-${step.content}`}\n              className={cn(\n                \"relative flex items-start gap-2.5 px-4 py-1.5\",\n                step.status === \"in_progress\" && \"bg-primary/5\",\n              )}\n            >\n              {index < steps.length - 1 && (\n                <span\n                  aria-hidden\n                  className=\"absolute left-[calc(1rem+8px)] top-[26px] h-[calc(100%-18px)] w-px bg-border/60\"\n                />\n              )}\n              <span className=\"relative z-10 mt-[3px]\">\n                <StepMarker status={step.status} index={index} />\n              </span>\n              <span\n                className={cn(\n                  \"text-[12.5px] leading-relaxed text-foreground\",\n                  step.status === \"completed\" &&\n                    \"text-muted-foreground line-through decoration-muted-foreground/40\",\n                  step.status === \"cancelled\" &&\n                    \"text-muted-foreground/70 line-through decoration-muted-foreground/40\",\n                  step.status === \"failed\" && \"text-destructive\",\n                  step.status === \"in_progress\" && \"font-medium text-primary\",\n                  step.status === \"pending\" && \"text-muted-foreground\",\n                )}\n              >\n                {step.content}\n              </span>\n            </li>\n          ))}\n        </ol>\n      )}\n    </div>\n  );\n};\n\nexport const WriteTodosToolUI = memo(\n  WriteTodosToolUIImpl,\n) as unknown as ToolCallMessagePartComponent;\nWriteTodosToolUI.displayName = \"WriteTodosToolUI\";\n"],"names":["jsx","CheckIcon","LoaderIcon","XIcon","cn","ListChecksIcon","usePlanScope","useState","allocatePlanSeq","useEffect","registerPlanCard","unregisterPlanCard","updatePlanCard","useIsLatestPlanCard","useMemo","memo","jsxs","ChevronDownIcon"],"mappings":";;;;;;;AAyCA,MAAM,gBAA2C;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIA,SAAS,SAAS,OAAgD;AAChE,SAAO,OAAO,UAAU,YAAY,UAAU,OACzC,QACD;AACN;AAEA,SAAS,SAAS,OAAgC;AAChD,SAAO,OAAO,UAAU,YACrB,cAAoC,SAAS,KAAK,IAChD,QACD;AACN;AAEA,SAAS,WAAW,OAA4B;AAC9C,MAAI,CAAC,MAAM,QAAQ,KAAK,UAAU,CAAA;AAClC,QAAM,QAAoB,CAAA;AAC1B,aAAW,OAAO,OAAO;AACvB,UAAM,SAAS,SAAS,GAAG;AAC3B,QAAI,CAAC,OAAQ;AACb,UAAM,UAAU,OAAO,WAAW,OAAO,QAAQ,OAAO;AACxD,QAAI,OAAO,YAAY,YAAY,QAAQ,KAAA,MAAW,GAAI;AAC1D,UAAM,KAAK;AAAA,MACT,IAAI,OAAO,OAAO,OAAO,WAAW,OAAO,KAAK;AAAA,MAChD,SAAS,QAAQ,KAAA;AAAA,MACjB,QAAQ,SAAS,OAAO,MAAM;AAAA,IAAA,CAC/B;AAAA,EACH;AACA,SAAO;AACT;AAEA,SAAS,cAAc,OAAoC;AACzD,SAAO,OAAO,UAAU,YAAY,MAAM,WAAW,KACjD,MAAM,KAAA,IACN;AACN;AAEA,SAAS,kBAAkB,UAA0C;AACnE,MAAI,CAAC,SAAU,QAAO,CAAA;AACtB,QAAM,QAAoB,CAAA;AAC1B,QAAM,gBAAgB;AACtB,aAAW,CAAC,KAAK,KAAK,SAAS,SAAS,aAAa,GAAG;AACtD,UAAM,eAAe,qDAAqD;AAAA,MACxE;AAAA,IAAA;AAEF,QAAI,CAAC,aAAc;AACnB,QAAI;AACJ,QAAI;AACF,gBAAU,KAAK,MAAM,IAAI,aAAa,CAAC,CAAC,GAAG;AAAA,IAC7C,QAAQ;AACN,gBAAU,aAAa,CAAC;AAAA,IAC1B;AACA,QAAI,QAAQ,KAAA,MAAW,GAAI;AAC3B,UAAM,cAAc,6BAA6B,KAAK,KAAK;AAC3D,UAAM,KAAK;AAAA,MACT,SAAS,QAAQ,KAAA;AAAA,MACjB,QAAQ,SAAS,2CAAc,EAAE;AAAA,IAAA,CAClC;AAAA,EACH;AACA,SAAO;AACT;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIa;AACX,QAAM,aAAa,SAAS,IAAI;AAChC,QAAM,WAAW,WAAW,yCAAY,KAAK;AAE7C,MAAI,eAAe,SAAS,MAAM;AAClC,MAAI,CAAC,gBAAgB,OAAO,WAAW,UAAU;AAC/C,QAAI;AACF,qBAAe,SAAS,KAAK,MAAM,MAAM,CAAC;AAAA,IAC5C,QAAQ;AACN,qBAAe;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,iBAAiB,MAAM,QAAQ,6CAAc,KAAK;AACxD,QAAM,QAAQ,iBACV,WAAW,6CAAc,KAAK,IAC9B,SAAS,SAAS,IAChB,WACA,kBAAkB,QAAQ;AAEhC,SAAO;AAAA,IACL;AAAA,IACA,mBACE,cAAc,6CAAc,WAAW,KACvC,cAAc,6CAAc,qBAAqB;AAAA,EAAA;AAEvD;AAIA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AACF,GAGG;AACD,MAAI,WAAW,aAAa;AAC1B,WACEA,2BAAAA,IAAC,QAAA,EAAK,WAAU,gGACd,UAAAA,2BAAAA,IAACC,YAAAA,aAAU,WAAU,UAAS,aAAa,EAAA,CAAG,EAAA,CAChD;AAAA,EAEJ;AACA,MAAI,WAAW,eAAe;AAC5B,WACED,2BAAAA,IAAC,QAAA,EAAK,WAAU,iGACd,UAAAA,2BAAAA,IAACE,YAAAA,cAAW,WAAU,uBAAsB,aAAa,EAAA,CAAG,EAAA,CAC9D;AAAA,EAEJ;AACA,MAAI,WAAW,UAAU;AACvB,WACEF,2BAAAA,IAAC,QAAA,EAAK,WAAU,yGACd,UAAAA,2BAAAA,IAACG,YAAAA,SAAM,WAAU,UAAS,aAAa,EAAA,CAAG,EAAA,CAC5C;AAAA,EAEJ;AACA,MAAI,WAAW,aAAa;AAC1B,WACEH,2BAAAA,IAAC,QAAA,EAAK,WAAU,iHACd,UAAAA,2BAAAA,IAACG,YAAAA,SAAM,WAAU,UAAS,aAAa,EAAA,CAAG,EAAA,CAC5C;AAAA,EAEJ;AACA,SACEH,2BAAAA,IAAC,QAAA,EAAK,WAAU,sJACb,kBAAQ,GACX;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,QAAQ,KAAK,aAAa;AAEzC,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWI,OAAAA;AAAAA,QACT;AAAA,QACA,UAAU;AAAA,QACV,CAAC,UAAU;AAAA,MAAA;AAAA,MAGZ,UAAA,SACCJ,2BAAAA,IAACC,YAAAA,WAAA,EAAU,WAAU,UAAS,aAAa,EAAA,CAAG,IAE9CD,2BAAAA,IAACK,YAAAA,gBAAA,EAAe,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAI3C;AAQA,SAAS,wBAAwB,MAAgB,WAA6B;AAC5E,QAAM,QAAQC,cAAAA,aAAA;AACd,QAAM,CAAC,GAAG,IAAIC,MAAAA,SAASC,6BAAe;AACtCC,QAAAA,UAAU,MAAM;AACdC,kBAAAA,iBAAiB,OAAO,KAAK,MAAM,SAAS;AAC5C,WAAO,MAAMC,cAAAA,mBAAmB,OAAO,GAAG;AAAA,EAI5C,GAAG,CAAC,OAAO,GAAG,CAAC;AACfF,QAAAA,UAAU,MAAM;AACdG,kBAAAA,eAAe,OAAO,KAAK,MAAM,SAAS;AAAA,EAC5C,GAAG,CAAC,OAAO,KAAK,MAAM,SAAS,CAAC;AAChC,SAAOC,cAAAA,oBAAoB,OAAO,GAAG;AACvC;AASA,MAAM,6BAA2D,CAAC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAOC,MAAAA;AAAAA,IACX,MAAM,cAAc,EAAE,MAAM,UAAU,QAAQ;AAAA,IAC9C,CAAC,MAAM,UAAU,MAAM;AAAA,EAAA;AAEzB,0BAAwB,OAAM,iCAAQ,UAAS,SAAS;AACxD,SAAO;AACT;AAEO,MAAM,yBAAyBC,MAAAA;AAAAA,EACpC;AACF;AACA,uBAAuB,cAAc;AAErC,MAAM,uBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAOD,MAAAA;AAAAA,IACX,MAAM,cAAc,EAAE,MAAM,UAAU,QAAQ;AAAA,IAC9C,CAAC,MAAM,UAAU,MAAM;AAAA,EAAA;AAEzB,QAAM,EAAE,OAAO,kBAAA,IAAsB;AACrC,QAAM,CAAC,WAAW,YAAY,IAAIP,MAAAA,SAAS,KAAK;AAKhD,QAAM,aAAY,iCAAQ,UAAS;AACnC,QAAM,WAAW,wBAAwB,MAAM,SAAS;AACxD,MAAI,CAAC,SAAU,QAAO;AAEtB,QAAM,YAAY,MAAM,OAAO,CAAC,MAAM,EAAE,WAAW,WAAW,EAAE;AAChE,QAAM,UAAU,MAAM;AAAA,IACpB,CAAC,MAAM,EAAE,WAAW,eAAe,EAAE,WAAW;AAAA,EAAA,EAChD;AACF,QAAM,UAAU,MAAM,KAAK,CAAC,MAAM,EAAE,WAAW,aAAa;AAC5D,QAAM,QAAQ,MAAM;AACpB,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,QAAQ,KAAK,aAAa;AAEzC,MAAI,UAAU,GAAG;AACf,WAAO,YACLS,2BAAAA,KAAC,OAAA,EAAI,WAAU,4GACb,UAAA;AAAA,MAAAhB,2BAAAA,IAACE,YAAAA,YAAA,EAAW,WAAU,qCAAA,CAAqC;AAAA,MAC3DF,2BAAAA,IAAC,QAAA,EAAK,WAAU,2CAA0C,UAAA,cAAA,CAE1D;AAAA,IAAA,EAAA,CACF,IACE;AAAA,EACN;AAEA,QAAM,UAAU,YACZ,kBACA,SACE,kBACA,cAAc,KAAK,CAAC,UAClB,SACA;AAER,QAAM,WACJ,sBAAsB,UAAU,QAAQ,UAAU;AAEpD,SACEgB,2BAAAA,KAAC,OAAA,EAAI,WAAU,0EACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,MAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,aAAa,CAAC,SAAS,CAAC,IAAI;AAAA,UAC3C,WAAU;AAAA,UACV,iBAAe,CAAC;AAAA,UAEhB,UAAA;AAAA,YAAAhB,2BAAAA,IAAC,WAAA,EAAU,UAAoB,MAAA,CAAc;AAAA,YAC7CgB,2BAAAA,KAAC,QAAA,EAAK,WAAU,kBACd,UAAA;AAAA,cAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,6BACd,UAAA;AAAA,gBAAAhB,2BAAAA,IAAC,QAAA,EAAK,WAAU,2CACb,UAAA,SACH;AAAA,gBACAgB,2BAAAA,KAAC,QAAA,EAAK,WAAU,kDACb,UAAA;AAAA,kBAAA;AAAA,kBAAS;AAAA,kBAAE;AAAA,kBAAM;AAAA,gBAAA,EAAA,CACpB;AAAA,cAAA,GACF;AAAA,cACC,YACChB,2BAAAA,IAAC,QAAA,EAAK,WAAU,oDACb,UAAA,SAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YACAA,2BAAAA;AAAAA,cAACiB,YAAAA;AAAAA,cAAA;AAAA,gBACC,WAAWb,OAAAA;AAAAA,kBACT;AAAA,kBACA,aAAa;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGFJ,2BAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWI,OAAAA;AAAAA,YACT;AAAA,YACA,SAAS,mBAAmB;AAAA,UAAA;AAAA,UAE9B,OAAO,EAAE,OAAO,GAAG,QAAQ,IAAK,WAAW,QAAS,MAAM,CAAC,IAAA;AAAA,QAAI;AAAA,MAAA,EACjE,CACF;AAAA,IAAA,GACF;AAAA,IAEC,CAAC,aACAJ,2BAAAA,IAAC,MAAA,EAAG,WAAU,sFACX,UAAA,MAAM,IAAI,CAAC,MAAM,UAChBgB,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWZ,OAAAA;AAAAA,UACT;AAAA,UACA,KAAK,WAAW,iBAAiB;AAAA,QAAA;AAAA,QAGlC,UAAA;AAAA,UAAA,QAAQ,MAAM,SAAS,KACtBJ,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGdA,2BAAAA,IAAC,QAAA,EAAK,WAAU,0BACd,UAAAA,2BAAAA,IAAC,cAAW,QAAQ,KAAK,QAAQ,MAAA,CAAc,EAAA,CACjD;AAAA,UACAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWI,OAAAA;AAAAA,gBACT;AAAA,gBACA,KAAK,WAAW,eACd;AAAA,gBACF,KAAK,WAAW,eACd;AAAA,gBACF,KAAK,WAAW,YAAY;AAAA,gBAC5B,KAAK,WAAW,iBAAiB;AAAA,gBACjC,KAAK,WAAW,aAAa;AAAA,cAAA;AAAA,cAG9B,UAAA,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,MA5BK,KAAK,MAAM,GAAG,KAAK,IAAI,KAAK,OAAO;AAAA,IAAA,CA8B3C,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEO,MAAM,mBAAmBW,MAAAA;AAAAA,EAC9B;AACF;AACA,iBAAiB,cAAc;;;;"}