@synergenius/flow-weaver-pack-weaver 0.9.199 → 0.9.201

package/dist/ui/instance-stream-view.js

@@ -0,0 +1,722 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/instance-stream-view.tsx
+var instance_stream_view_exports = {};
+__export(instance_stream_view_exports, {
+  InstanceStreamView: () => InstanceStreamView,
+  default: () => instance_stream_view_default
+});
+module.exports = __toCommonJS(instance_stream_view_exports);
+var import_react = require("react");
+var import_plugin_ui_kit = require("@fw/plugin-ui-kit");
+
+// src/ui/trace-to-timeline.ts
+function traceToTimeline(run) {
+  const entries = [];
+  let idCounter = 0;
+  const meta = run.nodeMeta ?? {};
+  if (run.trace && run.trace.length > 0) {
+    const nodeStarts = /* @__PURE__ */ new Map();
+    for (const event of run.trace) {
+      if (event.type === "node-start") {
+        nodeStarts.set(event.nodeId, event);
+      } else if (event.type === "node-complete" || event.type === "node-error") {
+        const start = nodeStarts.get(event.nodeId);
+        const duration = event.durationMs ?? (start ? event.timestamp - start.timestamp : void 0);
+        const nm = meta[event.nodeId] ?? (event.nodeType ? meta[event.nodeType] : void 0);
+        entries.push({
+          id: `trace-${idCounter++}`,
+          timestamp: new Date(event.timestamp),
+          type: event.type === "node-complete" ? "node-completed" : "node-failed",
+          nodeId: event.nodeId,
+          label: nm?.label ?? event.nodeType ?? event.nodeId,
+          detail: event.error,
+          duration,
+          color: nm?.color,
+          icon: nm?.icon,
+          outputs: event.outputs && event.outputs.length > 0 ? event.outputs : void 0
+        });
+        nodeStarts.delete(event.nodeId);
+      }
+    }
+    for (const [nodeId, event] of nodeStarts) {
+      const nm = meta[nodeId] ?? (event.nodeType ? meta[event.nodeType] : void 0);
+      entries.push({
+        id: `trace-${idCounter++}`,
+        timestamp: new Date(event.timestamp),
+        type: "node-started",
+        nodeId,
+        label: nm?.label ?? event.nodeType ?? nodeId,
+        color: nm?.color,
+        icon: nm?.icon
+      });
+    }
+  } else if (run.stepLog && run.stepLog.length > 0) {
+    for (const step of run.stepLog) {
+      const type = step.status === "ok" ? "node-completed" : step.status === "error" ? "node-failed" : "node-completed";
+      entries.push({
+        id: `step-${idCounter++}`,
+        timestamp: new Date(run.startedAt ?? Date.now()),
+        type,
+        label: step.step,
+        detail: step.detail,
+        icon: step.status === "ok" ? "success" : step.status === "error" ? "error" : "warning"
+      });
+    }
+  }
+  if (run.outcome === "failed" || run.outcome === "error") {
+    let errorDetail = "";
+    if (run.auditTrail) {
+      for (const a of run.auditTrail) {
+        if (a.type === "step-complete" && a.data) {
+          const errors = a.data.errors;
+          if (errors && errors.length > 0) {
+            errorDetail = errors.map((e) => e.length > 120 ? e.slice(0, 117) + "..." : e).join("\n");
+            break;
+          }
+        }
+      }
+    }
+    if (!errorDetail && run.summary) {
+      const parts = run.summary.split("|").map((p) => p.trim());
+      const outcomePart = parts.find((p) => p.startsWith("Outcome:"));
+      const summaryPart = parts.find((p) => p.startsWith("Summary:"));
+      errorDetail = summaryPart?.replace("Summary:", "").trim() ?? outcomePart ?? run.summary;
+    }
+    entries.push({
+      id: `result-${idCounter++}`,
+      timestamp: new Date(run.finishedAt ?? run.startedAt ?? Date.now()),
+      type: "task-failed",
+      label: "Task failed",
+      detail: errorDetail || "Unknown failure",
+      icon: "error"
+    });
+  } else if (run.outcome === "completed" && run.success) {
+    entries.push({
+      id: `result-${idCounter++}`,
+      timestamp: new Date(run.finishedAt ?? run.startedAt ?? Date.now()),
+      type: "task-completed",
+      label: "Task completed",
+      detail: run.summary?.includes("|") ? run.summary.split("|").find((p) => p.trim().startsWith("Summary:"))?.replace("Summary:", "").trim() : void 0
+    });
+  }
+  entries.sort((a, b) => a.timestamp.getTime() - b.timestamp.getTime());
+  return entries;
+}
+
+// src/ui/instance-stream-view.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function buildConversation(events) {
+  const blocks = [];
+  let thinkingBuf = "";
+  let textBuf = "";
+  let lastType = "";
+  const toolMap = /* @__PURE__ */ new Map();
+  const flushThinking = (streaming) => {
+    if (thinkingBuf) {
+      blocks.push({ kind: "thinking", content: thinkingBuf, streaming });
+      thinkingBuf = "";
+    }
+  };
+  const flushText = (streaming) => {
+    if (textBuf) {
+      blocks.push({ kind: "text", content: textBuf, streaming });
+      textBuf = "";
+    }
+  };
+  for (let i = 0; i < events.length; i++) {
+    const e = events[i];
+    const d = e.data ?? {};
+    const isLast = i === events.length - 1;
+    switch (e.type) {
+      case "thinking_delta":
+        if (lastType !== "thinking_delta") flushText(false);
+        thinkingBuf += d.text ?? "";
+        lastType = "thinking_delta";
+        if (isLast) flushThinking(true);
+        break;
+      case "thinking_done":
+        flushThinking(false);
+        lastType = "thinking_done";
+        break;
+      case "text_delta":
+        if (lastType === "thinking_delta") flushThinking(false);
+        textBuf += d.text ?? "";
+        lastType = "text_delta";
+        if (isLast) flushText(true);
+        break;
+      case "tool_use_start": {
+        flushThinking(false);
+        flushText(false);
+        const toolId = d.id ?? `tool-${i}`;
+        const idx = blocks.length;
+        toolMap.set(toolId, idx);
+        blocks.push({
+          kind: "tool_call",
+          id: toolId,
+          name: d.name ?? "unknown",
+          status: "running"
+        });
+        lastType = "tool_use_start";
+        break;
+      }
+      case "tool_result": {
+        const toolId = d.id ?? "";
+        const idx = toolMap.get(toolId);
+        if (idx != null && blocks[idx]?.kind === "tool_call") {
+          const block = blocks[idx];
+          block.status = d.isError ? "error" : "completed";
+          block.result = d.result ?? "";
+          block.isError = d.isError ?? false;
+        }
+        lastType = "tool_result";
+        break;
+      }
+      case "bot-started":
+        blocks.push({
+          kind: "status",
+          label: "Task started",
+          variant: "started",
+          detail: d.instruction ?? void 0
+        });
+        lastType = "bot-started";
+        break;
+      case "bot-completed":
+        flushThinking(false);
+        flushText(false);
+        blocks.push({
+          kind: "status",
+          label: d.success ? "Task completed" : "Task finished",
+          variant: "completed",
+          detail: d.report ?? d.summary ?? void 0
+        });
+        lastType = "bot-completed";
+        break;
+      case "bot-failed":
+        flushThinking(false);
+        flushText(false);
+        blocks.push({
+          kind: "status",
+          label: "Task failed",
+          variant: "failed",
+          detail: d.error ?? void 0
+        });
+        lastType = "bot-failed";
+        break;
+      // ── Swarm/workflow-level events (emitted by runner + swarm-controller) ──
+      case "task-claimed":
+        blocks.push({
+          kind: "status",
+          label: `Task claimed by ${d.profileId ?? "bot"}`,
+          variant: "started"
+        });
+        lastType = "task-claimed";
+        break;
+      case "task-done":
+        flushThinking(false);
+        flushText(false);
+        blocks.push({
+          kind: "status",
+          label: d.outcome === "completed" ? "Task completed" : `Task ${d.outcome ?? "done"}`,
+          variant: d.outcome === "completed" ? "completed" : "failed"
+        });
+        lastType = "task-done";
+        break;
+      case "task-run-error":
+        flushThinking(false);
+        flushText(false);
+        blocks.push({
+          kind: "status",
+          label: "Run error",
+          variant: "failed",
+          detail: d.error ?? void 0
+        });
+        lastType = "task-run-error";
+        break;
+      // Workflow node events — shown as tool-call-like blocks when no
+      // conversation-level events are available (non-CLI providers)
+      case "node-start": {
+        flushThinking(false);
+        flushText(false);
+        const nodeId = d.nodeId ?? `node-${i}`;
+        const idx = blocks.length;
+        toolMap.set(`node:${nodeId}`, idx);
+        blocks.push({
+          kind: "tool_call",
+          id: `node:${nodeId}`,
+          name: d.label ?? d.nodeType ?? nodeId,
+          status: "running"
+        });
+        lastType = "node-start";
+        break;
+      }
+      case "node-complete": {
+        const nodeId = d.nodeId ?? "";
+        const idx = toolMap.get(`node:${nodeId}`);
+        if (idx != null && blocks[idx]?.kind === "tool_call") {
+          const block = blocks[idx];
+          block.status = "completed";
+          const dur = d.durationMs;
+          block.result = dur ? `Completed in ${dur}ms` : "Completed";
+        }
+        lastType = "node-complete";
+        break;
+      }
+      case "node-error": {
+        const nodeId = d.nodeId ?? "";
+        const idx = toolMap.get(`node:${nodeId}`);
+        if (idx != null && blocks[idx]?.kind === "tool_call") {
+          const block = blocks[idx];
+          block.status = "error";
+          block.result = d.error ?? "Failed";
+          block.isError = true;
+        }
+        lastType = "node-error";
+        break;
+      }
+      default:
+        break;
+    }
+  }
+  if (thinkingBuf) flushThinking(true);
+  if (textBuf) flushText(true);
+  return blocks;
+}
+var STREAM_STATUS_MAP = {
+  waiting: "pending",
+  connected: "running",
+  ended: "completed",
+  error: "failed"
+};
+var STREAM_DEFAULT_MSG = {
+  waiting: "Waiting for bot",
+  connected: "Connected",
+  ended: "End of stream",
+  error: "Connection lost"
+};
+function StreamIndicator({ state, message }) {
+  const label = message ?? STREAM_DEFAULT_MSG[state];
+  if (state === "ended") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Section, { padding: "compact", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Divider, { label }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Section, { padding: "default", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-center-nowrap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_plugin_ui_kit.StatusIcon,
+      {
+        status: STREAM_STATUS_MAP[state],
+        size: "xs",
+        pulsing: state === "waiting" || state === "connected"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_plugin_ui_kit.Typography,
+      {
+        variant: "smallCaption-regular",
+        color: state === "error" ? "color-status-negative" : "color-text-subtle",
+        children: label
+      }
+    )
+  ] }) });
+}
+var TYPEWRITER = {
+  charsPerTick: 2,
+  intervalMs: 20,
+  cursor: "\u258F",
+  maxToolResultLen: 500
+};
+function useConversationTypewriter(blocks) {
+  const [activeIdx, setActiveIdx] = (0, import_react.useState)(0);
+  const [charPos, setCharPos] = (0, import_react.useState)(0);
+  const activeIdxRef = (0, import_react.useRef)(0);
+  const charPosRef = (0, import_react.useRef)(0);
+  activeIdxRef.current = activeIdx;
+  charPosRef.current = charPos;
+  const getBlockLen = (0, import_react.useCallback)((block) => {
+    switch (block.kind) {
+      case "thinking":
+        return block.content.length;
+      case "text":
+        return block.content.length;
+      case "tool_call": {
+        if (block.status === "running") return 0;
+        const display = block.result ?? "";
+        return Math.min(display.length, TYPEWRITER.maxToolResultLen);
+      }
+      case "status":
+        return (block.detail ?? "").length;
+      default:
+        return 0;
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    const timer = setInterval(() => {
+      const idx = activeIdxRef.current;
+      if (idx >= blocks.length) return;
+      const block = blocks[idx];
+      const targetLen = getBlockLen(block);
+      if (block.kind === "tool_call" && block.status === "running") return;
+      if (targetLen === 0 && block.kind !== "tool_call") {
+        setActiveIdx(idx + 1);
+        setCharPos(0);
+        return;
+      }
+      const pos = charPosRef.current;
+      if (pos >= targetLen) {
+        if (block.kind === "thinking" && block.streaming) return;
+        if (block.kind === "text" && block.streaming) return;
+        setActiveIdx(idx + 1);
+        setCharPos(0);
+      } else {
+        const speed = 1;
+        const chars = Math.max(1, Math.round(TYPEWRITER.charsPerTick * speed));
+        setCharPos(Math.min(pos + chars, targetLen));
+      }
+    }, TYPEWRITER.intervalMs);
+    return () => clearInterval(timer);
+  }, [blocks, getBlockLen]);
+  (0, import_react.useEffect)(() => {
+    const idx = activeIdx;
+    if (idx < blocks.length) {
+      const block = blocks[idx];
+      const targetLen = getBlockLen(block);
+      if (targetLen === 0 || charPos >= targetLen) {
+        const isStreaming = (block.kind === "thinking" || block.kind === "text") && block.streaming;
+        if (!isStreaming && idx < blocks.length - 1) {
+          setActiveIdx(idx + 1);
+          setCharPos(0);
+        }
+      }
+    }
+  }, [blocks.length]);
+  return { activeIdx, charPos, getBlockLen };
+}
+function RevealedMarkdown({ content, revealedLen, showCursor }) {
+  const visibleText = content.slice(0, revealedLen);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { inline: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.MarkdownContent, { content: visibleText + (showCursor ? TYPEWRITER.cursor : "") }) });
+}
+function RevealedToolResult({ result, revealedLen, isError }) {
+  const display = result.length > TYPEWRITER.maxToolResultLen ? result.slice(0, TYPEWRITER.maxToolResultLen) + "..." : result;
+  const visibleText = display.slice(0, revealedLen);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_plugin_ui_kit.Section,
+    {
+      padding: "compact",
+      background: "surface",
+      border: isError ? "none" : "top",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_plugin_ui_kit.Typography,
+        {
+          variant: "smallCaption-regular",
+          color: isError ? "color-status-negative" : "color-text-medium",
+          mono: true,
+          children: visibleText || "\u200B"
+        }
+      )
+    }
+  );
+}
+function formatToolName(name) {
+  return name.replace(/^fw_/, "").replace(/_/g, " ");
+}
+function InstanceStreamView({
+  instanceId,
+  profileId,
+  profileName,
+  profileIcon,
+  profileColor,
+  currentRunId,
+  currentTaskId,
+  onBack
+}) {
+  const ctx = (0, import_plugin_ui_kit.usePackWorkspace)();
+  const { callTool } = ctx;
+  const [showRedirect, setShowRedirect] = (0, import_react.useState)(false);
+  const [openTasks, setOpenTasks] = (0, import_react.useState)([]);
+  const [redirecting, setRedirecting] = (0, import_react.useState)(false);
+  const [task, setTask] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    if (!currentTaskId) return;
+    callTool("fw_weaver_task_get", { id: currentTaskId }).then((raw) => {
+      const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+      const t = data?.task ?? data;
+      if (t && typeof t === "object") setTask(t);
+    }).catch(() => {
+    });
+  }, [callTool, currentTaskId]);
+  const [history, setHistory] = (0, import_react.useState)([]);
+  (0, import_react.useEffect)(() => {
+    callTool("fw_weaver_history", { instanceId, limit: 10 }).then((raw) => {
+      const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+      if (Array.isArray(data)) {
+        setHistory(data.map((r) => {
+          const costObj = r.cost && typeof r.cost === "object" ? r.cost : void 0;
+          return { ...r, costDetail: costObj, cost: costObj?.totalCost ?? r.cost };
+        }));
+      }
+    }).catch(() => {
+    });
+  }, [callTool, instanceId]);
+  const stream = ctx.createEventStream();
+  const isLive = !!currentRunId;
+  (0, import_react.useEffect)(() => {
+    if (!isLive || !currentRunId) return;
+    stream.start(ctx.packId, "fw_weaver_events", currentRunId);
+    return () => stream.stop();
+  }, [isLive, currentRunId, ctx.packId]);
+  const conversation = (0, import_react.useMemo)(
+    () => buildConversation(stream.events),
+    [stream.events]
+  );
+  const { activeIdx, charPos, getBlockLen } = useConversationTypewriter(conversation);
+  const scrollRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const el = scrollRef.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, [conversation.length, stream.events.length]);
+  const [thinkingExpanded, setThinkingExpanded] = (0, import_react.useState)({});
+  const [expandedRunId, setExpandedRunId] = (0, import_react.useState)(null);
+  const runItems = (0, import_react.useMemo)(() => {
+    return history.map((run) => ({
+      run,
+      runTimeline: traceToTimeline(run)
+    }));
+  }, [history]);
+  function extractInstruction(run) {
+    if (run.instruction) {
+      const titleMatch = run.instruction.match(/^##\s*Task:\s*(.+)/m);
+      if (titleMatch) return titleMatch[1].trim().slice(0, 120);
+      return run.instruction.split("\n")[0].trim().slice(0, 120);
+    }
+    return run.summary?.slice(0, 120) ?? task?.title ?? "Bot run";
+  }
+  const statusIcon = isLive ? "running" : "pending";
+  const statusLabel = isLive ? "Executing" : "Idle";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-0", fill: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Section, { padding: "default", border: "bottom", shrink: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "row-center-space-between-nowrap-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "row-center-start-nowrap-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.IconButton, { icon: "back", size: "xs", variant: "clear", onClick: onBack }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_plugin_ui_kit.Icon,
+          {
+            name: profileIcon || "smartToy",
+            size: 16,
+            color: profileColor || "color-text-medium"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-thick", color: "color-text-high", children: profileName || profileId }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.StatusIcon, { status: statusIcon, size: "sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_plugin_ui_kit.Typography,
+          {
+            variant: "smallCaption-regular",
+            color: isLive ? "color-brand-main" : "color-text-subtle",
+            children: statusLabel
+          }
+        ),
+        isLive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_plugin_ui_kit.IconButton,
+          {
+            icon: "swapHoriz",
+            size: "xs",
+            variant: "clear",
+            title: "Redirect to another task",
+            onClick: () => {
+              if (showRedirect) {
+                setShowRedirect(false);
+                return;
+              }
+              callTool("fw_weaver_task_list", { status: "open" }).then((raw) => {
+                const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+                if (Array.isArray(data)) setOpenTasks(data.filter((t) => !t.isParent && t.id !== currentTaskId));
+              }).catch(() => {
+              });
+              setShowRedirect(true);
+            }
+          }
+        )
+      ] }) }),
+      task && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-medium", children: task.title }),
+        task.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: task.description.length > 200 ? task.description.slice(0, 197) + "..." : task.description })
+      ] }),
+      !isLive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StreamIndicator, { state: "ended", message: "No active run \u2014 instance is idle" })
+    ] }) }),
+    showRedirect && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Section, { padding: "compact", border: "bottom", shrink: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.SectionTitle, { size: "xs", children: "Redirect to Task" }),
+      openTasks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_plugin_ui_kit.Table,
+        {
+          size: "compact",
+          getRowKey: (row) => row.id,
+          onRowClick: async (row) => {
+            setRedirecting(true);
+            try {
+              await callTool("fw_weaver_steer", { botId: instanceId, command: "redirect", payload: row.id });
+              (0, import_plugin_ui_kit.toast)(`Redirected to "${row.title}"`, { type: "success" });
+              setShowRedirect(false);
+            } catch (err) {
+              (0, import_plugin_ui_kit.toast)(err instanceof Error ? err.message : "Failed to redirect", { type: "error" });
+            }
+            setRedirecting(false);
+          },
+          columns: [
+            { key: "title", header: "Task" },
+            { key: "priority", header: "P", width: "30px", align: "center" }
+          ],
+          data: openTasks
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "No open tasks" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Button, { size: "xs", variant: "clear", color: "secondary", onClick: () => setShowRedirect(false), children: "Cancel" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.ScrollArea, { ref: scrollRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Section, { padding: "default", children: [
+      isLive && conversation.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-8", marginBottom: "default", children: conversation.map((block, i) => {
+        const isDone = i < activeIdx;
+        const isActive = i === activeIdx;
+        const isFuture = i > activeIdx;
+        if (isFuture) return null;
+        const revealedLen = isDone ? getBlockLen(block) : isActive ? charPos : 0;
+        const showCursor = isActive && revealedLen < getBlockLen(block);
+        const inner = (() => {
+          switch (block.kind) {
+            case "thinking": {
+              const isExpanded = thinkingExpanded[i] ?? (isActive || block.streaming);
+              const fullContent = block.content;
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.CollapsibleBlock,
+                {
+                  status: "thinking",
+                  label: isActive || block.streaming ? "Thinking..." : "Thought",
+                  expanded: isExpanded,
+                  onToggle: () => setThinkingExpanded((prev) => ({ ...prev, [i]: !isExpanded })),
+                  children: fullContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Section, { padding: "compact", background: "surface", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    RevealedMarkdown,
+                    {
+                      content: fullContent,
+                      revealedLen,
+                      showCursor
+                    }
+                  ) }) : void 0
+                }
+              );
+            }
+            case "text":
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Section, { padding: "minimal", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                RevealedMarkdown,
+                {
+                  content: block.content,
+                  revealedLen,
+                  showCursor
+                }
+              ) });
+            case "tool_call": {
+              const hasResult = !!block.result;
+              const isRunning = block.status === "running";
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_plugin_ui_kit.CollapsibleBlock,
+                {
+                  status: block.status,
+                  label: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "caption-regular", color: "color-text-high", mono: true, children: formatToolName(block.name) }),
+                  headerSuffix: isRunning ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", children: "running..." }) : block.isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-status-negative", children: "failed" }) : null,
+                  expanded: true,
+                  canExpand: hasResult,
+                  onToggle: () => {
+                  },
+                  children: [
+                    isRunning && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Section, { padding: "compact", background: "surface", border: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Typography, { variant: "smallCaption-regular", color: "color-text-subtle", mono: true, children: "..." }) }),
+                    hasResult && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      RevealedToolResult,
+                      {
+                        result: block.result,
+                        revealedLen,
+                        isError: block.isError
+                      }
+                    )
+                  ]
+                }
+              );
+            }
+            case "status": {
+              const statusMap = { started: "running", completed: "completed", failed: "error" };
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_plugin_ui_kit.CollapsibleBlock,
+                {
+                  status: statusMap[block.variant] ?? "running",
+                  label: block.label,
+                  expanded: !!(block.detail && (isDone || revealedLen > 0)),
+                  canExpand: !!block.detail,
+                  onToggle: () => {
+                  },
+                  children: block.detail && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.Section, { padding: "compact", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    RevealedMarkdown,
+                    {
+                      content: block.detail,
+                      revealedLen,
+                      showCursor
+                    }
+                  ) })
+                }
+              );
+            }
+            default:
+              return null;
+          }
+        })();
+        if (!inner) return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.FadeIn, { visible: true, duration: 0.3, slide: 8, children: inner }, `block-${i}`);
+      }) }),
+      isLive && conversation.length === 0 && stream.isStreaming && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StreamIndicator, { state: "waiting" }),
+      isLive && stream.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StreamIndicator, { state: "error", message: stream.error }),
+      isLive && stream.isDone && conversation.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StreamIndicator, { state: "ended" }),
+      runItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_plugin_ui_kit.Flex, { variant: "column-stretch-start-nowrap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_plugin_ui_kit.SectionTitle, { size: "xs", children: `History (${runItems.length})` }),
+        runItems.map(({ run, runTimeline }) => {
+          const runId = run.id;
+          const isExpanded = expandedRunId === runId;
+          const isSuccess = run.outcome === "completed" || run.success === true;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_plugin_ui_kit.TaskBlock,
+            {
+              state: isSuccess ? "completed" : "failed",
+              instruction: extractInstruction(run),
+              timeline: runTimeline,
+              report: run.report ?? null,
+              cost: typeof run.cost === "number" ? run.cost : run.costDetail?.totalCost ?? null,
+              plan: run.plan,
+              startedAt: run.startedAt,
+              durationMs: run.durationMs ?? run.duration,
+              expanded: isExpanded,
+              onToggleExpand: () => setExpandedRunId((prev) => prev === runId ? null : runId)
+            },
+            `run-${runId}`
+          );
+        })
+      ] }),
+      !isLive && runItems.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_plugin_ui_kit.EmptyState,
+        {
+          icon: "smartToy",
+          message: "No execution history",
+          description: "This instance has no runs yet."
+        }
+      )
+    ] }) })
+  ] });
+}
+var instance_stream_view_default = InstanceStreamView;