@qredence/fleet 0.6.1 → 0.6.2

package/dist/web/server/{chunk-QIULBRTU.js → chunk-MJXXVQNA.js}

@@ -3,9 +3,9 @@ import {
 } from "./chunk-4ZIEVI5O.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 
-// web/app/dist/server/assets/ipython-tool-VcwOyQzB.js
+// web/app/dist/server/assets/ipython-tool-TH8L2Ju3.js
 import React, { memo, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CodeXml = createLucideIcon("code-xml", [
@@ -33,10 +33,79 @@ function useToolComplete(isAnimating, duration, onComplete) {
     return () => clearTimeout(t);
   }, [isAnimating, duration]);
 }
+var ToolApprovalFooter = memo(function ToolApprovalFooter2({ isPending, approveLabel, rejectLabel, onApprove, onReject }) {
+  const [decision, setDecision] = useState(null);
+  const approveText = decision === "approved" ? "Approved" : approveLabel ?? "Next";
+  const rejectText = decision === "rejected" ? "Skipped" : rejectLabel ?? "Skip";
+  const handleApprove = () => {
+    if (decision) return;
+    setDecision("approved");
+    onApprove?.();
+  };
+  const handleReject = () => {
+    if (decision) return;
+    setDecision("rejected");
+    onReject?.();
+  };
+  const statusConfig = useMemo(() => {
+    if (decision === "approved") return {
+      label: "Waiting",
+      dots: true
+    };
+    if (decision === "rejected") return {
+      label: "Canceled",
+      dots: false
+    };
+    if (isPending) return {
+      label: "Starting",
+      dots: true
+    };
+    return null;
+  }, [decision, isPending]);
+  return /* @__PURE__ */ jsxs("div", {
+    className: "flex items-center justify-between border-t border-border bg-muted py-1 pr-2 pl-3",
+    children: [statusConfig ? /* @__PURE__ */ jsxs("span", {
+      className: "text-xs text-muted-foreground",
+      children: [statusConfig.label, statusConfig.dots && /* @__PURE__ */ jsxs("span", {
+        className: "inline-flex",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "animate-[loading-dots_1.4s_infinite_0.2s] text-muted-foreground",
+            children: "."
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "animate-[loading-dots_1.4s_infinite_0.4s] text-muted-foreground",
+            children: "."
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "animate-[loading-dots_1.4s_infinite_0.6s] text-muted-foreground",
+            children: "."
+          })
+        ]
+      })]
+    }) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true" }), /* @__PURE__ */ jsxs("div", {
+      className: "flex gap-1",
+      children: [/* @__PURE__ */ jsx("button", {
+        type: "button",
+        onClick: handleReject,
+        disabled: Boolean(decision),
+        className: "h-5 rounded-[4px] px-1.5 text-xs text-muted-foreground transition-[background-color,color,transform] duration-150 hover:bg-muted/50 hover:text-foreground active:scale-[0.98] disabled:opacity-60 disabled:hover:bg-transparent disabled:active:scale-100",
+        children: rejectText
+      }), /* @__PURE__ */ jsx("button", {
+        type: "button",
+        onClick: handleApprove,
+        disabled: Boolean(decision),
+        className: "h-5 rounded-[4px] bg-primary px-1.5 text-xs font-medium text-primary-foreground transition-[background-color,transform] duration-150 hover:bg-primary/90 active:scale-[0.98] disabled:opacity-60 disabled:hover:bg-primary disabled:active:scale-100",
+        children: approveText
+      })]
+    })]
+  });
+});
 function ToolTextShimmerComponent({ children, as: Component = "p", className, duration = 2, spread = 100, delay = 0 }) {
   const style = {
-    "--an-shimmer-duration": `${duration}s`,
-    "--an-shimmer-spread": `${spread}px`,
+    "--chat-shimmer-duration": `${duration}s`,
+    "--chat-shimmer-spread": `${spread}px`,
     animationDelay: delay > 0 ? `${delay}s` : void 0,
     animationDuration: `${duration}s`,
     animationIterationCount: "infinite",
@@ -160,11 +229,6 @@ function mapToolInvocationToStep(toolCallId, toolInvocation) {
     step.searchQuery = args?.query ?? args?.pattern ? String(args?.query ?? args?.pattern) : void 0;
     step.searchSource = toolName === "WebSearch" || toolName === "web_search" ? "web" : "code";
   }
-  if (toolName.toLowerCase() === "thinking" || toolName.toLowerCase() === "reasoning") {
-    const fromArgs = typeof args?.thought === "string" ? args.thought : typeof args?.text === "string" ? args.text : void 0;
-    const fromResult = typeof result === "string" ? result : result && typeof result === "object" && typeof result.text === "string" ? result.text : typeof result === "object" && result && typeof result.thought === "string" ? result.thought : void 0;
-    step.thoughtContent = fromArgs ?? fromResult;
-  }
   return step;
 }
 function resolveToolPartState(partState) {
@@ -184,75 +248,6 @@ function adaptToolPart(part, toolName) {
     stepState: mapToolStateToStepState(state)
   };
 }
-var ToolApprovalFooter = memo(function ToolApprovalFooter2({ isPending, approveLabel, rejectLabel, onApprove, onReject }) {
-  const [decision, setDecision] = useState(null);
-  const approveText = decision === "approved" ? "Approved" : approveLabel ?? "Next";
-  const rejectText = decision === "rejected" ? "Skipped" : rejectLabel ?? "Skip";
-  const handleApprove = () => {
-    if (decision) return;
-    setDecision("approved");
-    onApprove?.();
-  };
-  const handleReject = () => {
-    if (decision) return;
-    setDecision("rejected");
-    onReject?.();
-  };
-  const statusConfig = useMemo(() => {
-    if (decision === "approved") return {
-      label: "Waiting",
-      dots: true
-    };
-    if (decision === "rejected") return {
-      label: "Canceled",
-      dots: false
-    };
-    if (isPending) return {
-      label: "Starting",
-      dots: true
-    };
-    return null;
-  }, [decision, isPending]);
-  return /* @__PURE__ */ jsxs("div", {
-    className: "flex items-center justify-between border-t border-border bg-an-tool-background py-1 pr-2 pl-3",
-    children: [statusConfig ? /* @__PURE__ */ jsxs("span", {
-      className: "text-xs text-an-tool-color-muted",
-      children: [statusConfig.label, statusConfig.dots && /* @__PURE__ */ jsxs("span", {
-        className: "inline-flex",
-        "aria-hidden": "true",
-        children: [
-          /* @__PURE__ */ jsx("span", {
-            className: "animate-[loading-dots_1.4s_infinite_0.2s] text-an-tool-color-muted",
-            children: "."
-          }),
-          /* @__PURE__ */ jsx("span", {
-            className: "animate-[loading-dots_1.4s_infinite_0.4s] text-an-tool-color-muted",
-            children: "."
-          }),
-          /* @__PURE__ */ jsx("span", {
-            className: "animate-[loading-dots_1.4s_infinite_0.6s] text-an-tool-color-muted",
-            children: "."
-          })
-        ]
-      })]
-    }) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true" }), /* @__PURE__ */ jsxs("div", {
-      className: "flex gap-1",
-      children: [/* @__PURE__ */ jsx("button", {
-        type: "button",
-        onClick: handleReject,
-        disabled: Boolean(decision),
-        className: "h-5 rounded-[4px] px-1.5 text-xs text-muted-foreground transition-[background-color,color,transform] duration-150 hover:bg-muted/50 hover:text-an-tool-color active:scale-[0.98] disabled:opacity-60 disabled:hover:bg-transparent disabled:active:scale-100",
-        children: rejectText
-      }), /* @__PURE__ */ jsx("button", {
-        type: "button",
-        onClick: handleApprove,
-        disabled: Boolean(decision),
-        className: "h-5 rounded-[4px] bg-an-primary-color px-1.5 text-xs font-medium text-an-send-button-color transition-[background-color,transform] duration-150 hover:bg-an-primary-color/90 active:scale-[0.98] disabled:opacity-60 disabled:hover:bg-an-primary-color disabled:active:scale-100",
-        children: approveText
-      })]
-    })]
-  });
-});
 function getInputCode(part) {
   const input = part.input ?? part.args ?? {};
   if (typeof input.code === "string") return input.code;
@@ -273,7 +268,7 @@ function IpythonCardHeader({ isPending, isBashCell, hasError, kernelRestarted })
     children: [/* @__PURE__ */ jsxs("div", {
       className: "flex min-w-0 items-center gap-1.5 overflow-hidden",
       children: [/* @__PURE__ */ jsxs("span", {
-        className: "inline-flex items-center gap-1 rounded-sm bg-muted px-1.5 py-0.5 font-mono text-[0.625rem] leading-none text-muted-foreground uppercase",
+        className: "inline-flex items-center gap-1 rounded-sm bg-muted px-1.5 py-0.5 font-mono text-micro leading-none text-muted-foreground uppercase",
         children: [/* @__PURE__ */ jsx(CodeXml, { className: "h-3 w-3" }), isBashCell ? "shell" : "python"]
       }), isPending ? /* @__PURE__ */ jsx(ToolTextShimmer, {
         as: "span",
@@ -303,9 +298,9 @@ function IpythonCardHeader({ isPending, isBashCell, hasError, kernelRestarted })
 }
 function IpythonBackgroundOutput({ output }) {
   return /* @__PURE__ */ jsxs("div", {
-    className: "mt-1.5 border-t border-dashed border-border/70 pt-1.5 font-mono text-[0.6875rem] leading-[15px]",
+    className: "mt-1.5 border-t border-dashed border-border/70 pt-1.5 font-mono text-caption leading-[15px]",
     children: [/* @__PURE__ */ jsx("span", {
-      className: "text-[0.625rem] font-semibold uppercase tracking-wider text-amber-600/90 dark:text-amber-400/90",
+      className: "text-micro font-semibold uppercase tracking-wider text-amber-600/90 dark:text-amber-400/90",
       children: "Unattributed background output:"
     }), /* @__PURE__ */ jsx("div", {
       className: "mt-0.5 max-h-[140px] overflow-auto whitespace-pre-wrap rounded bg-muted/40 p-1.5 text-muted-foreground",
@@ -324,7 +319,7 @@ function IpythonCellCard({ step, state, onComplete, approval, cellIndex, part })
   const displayOutput = firstNonEmpty(details?.result, details?.stdout, details?.stderr, details?.error?.evalue);
   const hasError = Boolean(details?.error) || Boolean(details?.errorEname) || details?.status === "error";
   return /* @__PURE__ */ jsxs("div", {
-    className: "overflow-hidden rounded-an-tool-border-radius border border-border bg-an-tool-background",
+    className: "overflow-hidden rounded-chat-tool border border-border bg-muted",
     children: [
       /* @__PURE__ */ jsx(IpythonCardHeader, {
         isPending,
@@ -333,7 +328,7 @@ function IpythonCellCard({ step, state, onComplete, approval, cellIndex, part })
         kernelRestarted: details?.kernelRestarted
       }),
       /* @__PURE__ */ jsxs("div", {
-        className: "overflow-hidden border-t border-border bg-background px-2.5 py-1.5 font-mono text-[0.75rem] leading-[16px]",
+        className: "overflow-hidden border-t border-border bg-background px-2.5 py-1.5 font-mono text-label leading-[16px]",
         children: [
           /* @__PURE__ */ jsxs("div", {
             className: "break-all whitespace-pre-wrap",
@@ -388,9 +383,9 @@ var IpythonTool = memo(function IpythonTool2({ part }) {
 export {
   CodeXml,
   useToolComplete,
+  ToolApprovalFooter,
   ToolTextShimmer,
   adaptToolPart,
-  ToolApprovalFooter,
   IpythonTool
 };
 /**

package/dist/web/server/{chunk-NWDI3OWB.js → chunk-NCK2FJAD.js}

@@ -1,25 +1,22 @@
-import {
-  Earth
-} from "./chunk-QPNUGF3V.js";
 import {
   ExternalLink
-} from "./chunk-BLSX7WHW.js";
+} from "./chunk-OSMP55KI.js";
 import {
   AgentDisclosure
-} from "./chunk-VPKX7QRU.js";
+} from "./chunk-WU6X3GPJ.js";
 import {
   AnimatePresence,
   useReducedMotion
-} from "./chunk-NIZBFVJF.js";
+} from "./chunk-CAPTFJOC.js";
 import {
   EASE_OUT,
   SPRING_LAYOUT,
   SPRING_SWAP,
   m
-} from "./chunk-EBG3XFGQ.js";
+} from "./chunk-7FK6YEMA.js";
 import {
   isSafeExternalUrl
-} from "./chunk-L46H6IDX.js";
+} from "./chunk-BQROC4PL.js";
 import {
   ChevronDown
 } from "./chunk-WWJF4RO2.js";
@@ -28,10 +25,10 @@ import {
 } from "./chunk-4ZIEVI5O.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 
-// web/app/dist/server/assets/citations-C9jxvMoi.js
-import { Suspense, lazy, useCallback, useEffect, useId, useState } from "react";
+// web/app/dist/server/assets/citations-DWvO3MWr.js
+import { useCallback, useEffect, useId, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 var BookOpenText = createLucideIcon("book-open-text", [
   ["path", {
@@ -59,6 +56,26 @@ var BookOpenText = createLucideIcon("book-open-text", [
     key: "1k7j9f"
   }]
 ]);
+var Earth = createLucideIcon("earth", [
+  ["path", {
+    d: "M21.54 15H17a2 2 0 0 0-2 2v4.54",
+    key: "1djwo0"
+  }],
+  ["path", {
+    d: "M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17",
+    key: "1tzkfa"
+  }],
+  ["path", {
+    d: "M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05",
+    key: "14pb5j"
+  }],
+  ["circle", {
+    cx: "12",
+    cy: "12",
+    r: "10",
+    key: "1mglay"
+  }]
+]);
 var ListTodo = createLucideIcon("list-todo", [
   ["path", {
     d: "M13 5h8",
@@ -125,17 +142,6 @@ function useHoverCapable() {
   }, []);
   return canHover;
 }
-var MarkdownContent = lazy(() => import("./markdown-DTnMbD87-FXGGAPJD.js").then((n) => n.a).then(({ Markdown }) => ({ default: Markdown })));
-function LazyMarkdown(props) {
-  return /* @__PURE__ */ jsx(Suspense, {
-    fallback: /* @__PURE__ */ jsx("div", {
-      className: props.className ? `${props.className} whitespace-pre-wrap` : "whitespace-pre-wrap",
-      children: props.content
-    }),
-    children: /* @__PURE__ */ jsx(MarkdownContent, { ...props })
-  });
-}
-var PI_TOOL_RENDERERS = {};
 function getFaviconUrl(value) {
   try {
     return new URL("/favicon.ico", value).toString();
@@ -191,7 +197,7 @@ function CitationRow({ citation, index, idPrefix }) {
     /* @__PURE__ */ jsxs("span", {
       className: "flex shrink-0 items-center gap-1.5",
       children: [/* @__PURE__ */ jsx("span", {
-        className: "grid size-5 place-items-center rounded-md bg-foreground/[0.05] text-[0.625rem] font-semibold tabular-nums text-muted-foreground",
+        className: "grid size-5 place-items-center rounded-md bg-foreground/[0.05] text-micro font-semibold tabular-nums text-muted-foreground",
         children: index
       }), safeUrl ? /* @__PURE__ */ jsx(ExternalLink, { className: "size-3.5 text-muted-foreground/40 transition-colors group-hover/citation:text-muted-foreground" }) : null]
     })
@@ -276,7 +282,7 @@ function Citations({ citations, title = "Sources", open, defaultOpen = false, on
           children: title
         }),
         /* @__PURE__ */ jsx("span", {
-          className: "rounded-full bg-muted px-1.5 py-0.5 text-[0.625rem] font-semibold tabular-nums",
+          className: "rounded-full bg-muted px-1.5 py-0.5 text-micro font-semibold tabular-nums",
           children: citations.length
         }),
         /* @__PURE__ */ jsx(m.span, {
@@ -305,8 +311,6 @@ export {
   LogOut,
   MessageCircleQuestionMark,
   useHoverCapable,
-  LazyMarkdown,
-  PI_TOOL_RENDERERS,
   CitationStack,
   CitationList,
   Citations

package/dist/web/server/{chunk-QFRCJWQQ.js → chunk-NMBH57JT.js}

@@ -1,16 +1,18 @@
 import {
-  FleetGenerativeTextRenderer,
   Message,
   MessageBubble,
   MessageBubbleContent,
   MessageContent,
   MessageScroller,
+  SessionGenerativeTextRenderer,
   UserMessage,
   VirtualizedTurnList,
   buildAssistantElements,
   groupMessages,
-  normalizeAssistantToolParts
-} from "./chunk-ZIFSJ3HQ.js";
+  normalizeAssistantToolParts,
+  orderedRlmChildren,
+  rlmStatusIcon
+} from "./chunk-4OTHKQMG.js";
 import {
   RefreshCw
 } from "./chunk-OKL5ZRVB.js";
@@ -18,33 +20,93 @@ import {
   Bot
 } from "./chunk-UCA4WN66.js";
 import {
-  FleetPiToolRenderer
-} from "./chunk-NGCQJ33Y.js";
+  SessionToolRenderer
+} from "./chunk-ENGEUJIH.js";
 import {
-  PI_TOOL_RENDERERS
-} from "./chunk-NWDI3OWB.js";
-import {
-  FleetToolTimeline
-} from "./chunk-FYDQK6UX.js";
-import {
-  FleetSubagentList
-} from "./chunk-NIDBN7BQ.js";
+  ToolTimeline
+} from "./chunk-UDD5W4CR.js";
 import {
   derivePrimeAgentArtifactRuns
-} from "./chunk-4UBOIY2S.js";
+} from "./chunk-ZNFXBGLK.js";
+import {
+  CircleCheck,
+  LoaderCircle
+} from "./chunk-TNL4YV63.js";
 import {
   Button
-} from "./chunk-WNCAL4HN.js";
+} from "./chunk-HQ5TEXHT.js";
+import {
+  ChevronDown
+} from "./chunk-WWJF4RO2.js";
 import {
   CircleAlert
-} from "./chunk-ZCVWADNW.js";
+} from "./chunk-KBWUBWVJ.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 
-// web/app/dist/server/assets/subagent-transcript-BOpqbQin.js
+// web/app/dist/server/assets/subagent-transcript-GfgSxFhq.js
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+function SubagentList({ children, tree, className }) {
+  const agents = useMemo(() => orderedRlmChildren(children, tree), [children, tree]);
+  const active = agents.some((child) => child.status === "queued" || child.status === "running" || child.status === "recovering");
+  const [open, setOpen] = useState(active);
+  if (agents.length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", {
+    className: cn("mt-2 rounded-xl border border-border/60 bg-muted/20", className),
+    children: [/* @__PURE__ */ jsxs("button", {
+      type: "button",
+      "aria-expanded": open || active,
+      onClick: () => setOpen((current) => !current),
+      className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      children: [
+        active ? /* @__PURE__ */ jsx(LoaderCircle, { className: "size-3.5 animate-spin text-primary" }) : /* @__PURE__ */ jsx(CircleCheck, { className: "size-3.5 text-emerald-600 dark:text-emerald-400" }),
+        /* @__PURE__ */ jsx("span", {
+          className: "flex-1 font-medium",
+          children: active ? "Subagents working" : "Subagents completed"
+        }),
+        /* @__PURE__ */ jsx("span", {
+          className: "text-xs text-muted-foreground",
+          children: agents.length
+        }),
+        /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-3.5 text-muted-foreground transition-transform", (open || active) && "rotate-180") })
+      ]
+    }), open || active ? /* @__PURE__ */ jsx("div", {
+      className: "space-y-1 border-t border-border/50 px-3 py-2",
+      children: agents.map((child) => /* @__PURE__ */ jsxs("div", {
+        className: "flex min-w-0 items-start gap-2",
+        style: { paddingLeft: `${Math.max(0, child.depth ?? 0) * 12}px` },
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "mt-0.5 shrink-0",
+            children: rlmStatusIcon(child.status)
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            className: "min-w-0 flex-1",
+            children: [/* @__PURE__ */ jsxs("div", {
+              className: "flex min-w-0 items-baseline gap-2",
+              children: [/* @__PURE__ */ jsx("span", {
+                className: "truncate text-sm text-foreground/85",
+                children: child.label
+              }), child.model ? /* @__PURE__ */ jsx("span", {
+                className: "truncate font-mono text-micro text-muted-foreground",
+                children: child.model
+              }) : null]
+            }), child.answerPreview || child.activity?.toolName || child.error ? /* @__PURE__ */ jsx("p", {
+              className: "truncate text-xs text-muted-foreground",
+              children: child.error ?? child.answerPreview ?? child.activity?.toolName
+            }) : null]
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "shrink-0 text-micro capitalize text-muted-foreground",
+            children: child.status
+          })
+        ]
+      }, child.id))
+    }) : null]
+  });
+}
 function transcriptStatus(child) {
   if (child.status === "running" || child.status === "recovering") return "streaming";
   if (child.status === "error" || child.status === "failed") return "error";
@@ -56,9 +118,8 @@ function SubagentTurnView({ turn, isLast, isStreaming, artifacts, presentation }
     isLast: isLast && index === turn.assistants.length - 1,
     isStreaming,
     suppressQuestionTool: true,
-    ToolRendererComponent: FleetPiToolRenderer,
-    TextRendererComponent: FleetGenerativeTextRenderer,
-    toolRenderers: PI_TOOL_RENDERERS
+    ToolRendererComponent: SessionToolRenderer,
+    TextRendererComponent: SessionGenerativeTextRenderer
   })), [
     isLast,
     isStreaming,
@@ -77,7 +138,7 @@ function SubagentTurnView({ turn, isLast, isStreaming, artifacts, presentation }
       children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageBubble, {
         variant: "ghost",
         children: /* @__PURE__ */ jsxs(MessageBubbleContent, { children: [
-          isLast ? /* @__PURE__ */ jsx(FleetToolTimeline, {
+          isLast ? /* @__PURE__ */ jsx(ToolTimeline, {
             messages: turn.assistants,
             artifacts,
             streaming: isStreaming
@@ -86,7 +147,7 @@ function SubagentTurnView({ turn, isLast, isStreaming, artifacts, presentation }
             className: "flex flex-col gap-3",
             children: assistantElements
           }),
-          isLast && presentation ? /* @__PURE__ */ jsx(FleetSubagentList, {
+          isLast && presentation ? /* @__PURE__ */ jsx(SubagentList, {
             tree: presentation.rlmTree,
             children: presentation.rlmChildren
           }) : null
@@ -142,20 +203,20 @@ function SubagentTranscriptView({ child, parentSessionId, transcript, onRefresh,
                 className: "min-w-0 flex-1 truncate text-xs font-medium text-foreground/80",
                 children: title
               }), /* @__PURE__ */ jsx("span", {
-                className: "shrink-0 text-[0.625rem] capitalize text-foreground/45",
+                className: "shrink-0 text-micro capitalize text-foreground/45",
                 children: child.status
               })]
             }),
             child.model ? /* @__PURE__ */ jsx("p", {
-              className: "truncate font-mono text-[0.625rem] text-foreground/40",
+              className: "truncate font-mono text-micro text-foreground/40",
               children: child.model
             }) : null,
             heartbeatLabel ? /* @__PURE__ */ jsxs("p", {
-              className: "truncate text-[0.625rem] text-foreground/40",
+              className: "truncate text-micro text-foreground/40",
               children: ["Heartbeat: ", heartbeatLabel]
             }) : null,
             child.answerPreview || child.recap ? /* @__PURE__ */ jsx("p", {
-              className: "mt-1 line-clamp-3 whitespace-pre-wrap text-[0.6875rem] leading-4 text-foreground/55",
+              className: "mt-1 line-clamp-3 whitespace-pre-wrap text-caption leading-4 text-foreground/55",
               children: child.answerPreview ?? child.recap
             }) : null
           ]
@@ -172,23 +233,23 @@ function SubagentTranscriptView({ child, parentSessionId, transcript, onRefresh,
         }) : null
       ]
     }), !parentSessionId ? /* @__PURE__ */ jsx("p", {
-      className: "rounded-md border border-dashed border-border/70 p-3 text-[0.6875rem] leading-4 text-foreground/45",
+      className: "rounded-md border border-dashed border-border/70 p-3 text-caption leading-4 text-foreground/45",
       children: "This subagent thread is unavailable until the parent session is active."
     }) : transcript?.status === "loading" ? /* @__PURE__ */ jsx("div", {
-      className: cn("flex items-center justify-center rounded-md border border-dashed border-border/70 text-[0.6875rem] text-foreground/45", fullWidth ? "min-h-32 flex-1" : "min-h-32"),
+      className: cn("flex items-center justify-center rounded-md border border-dashed border-border/70 text-caption text-foreground/45", fullWidth ? "min-h-32 flex-1" : "min-h-32"),
       children: "Loading subagent thread\u2026"
     }) : transcript?.status === "error" && turns.length === 0 ? /* @__PURE__ */ jsxs("div", {
       role: "alert",
-      className: "flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-[0.6875rem] leading-4 text-destructive",
+      className: "flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-caption leading-4 text-destructive",
       children: [/* @__PURE__ */ jsx(CircleAlert, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ jsx("span", { children: transcript.error?.message ?? "Unable to load this subagent thread." })]
     }) : turns.length === 0 ? /* @__PURE__ */ jsx("p", {
-      className: "rounded-md border border-dashed border-border/70 p-3 text-[0.6875rem] leading-4 text-foreground/45",
+      className: "rounded-md border border-dashed border-border/70 p-3 text-caption leading-4 text-foreground/45",
       children: "This subagent thread has no messages yet."
     }) : /* @__PURE__ */ jsxs("div", {
       className: "flex min-h-0 flex-1 flex-col",
       children: [transcript?.error ? /* @__PURE__ */ jsxs("div", {
         role: "alert",
-        className: "mx-4 mt-2 flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-[0.6875rem] leading-4 text-destructive sm:mx-6",
+        className: "mx-4 mt-2 flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-caption leading-4 text-destructive sm:mx-6",
         children: [/* @__PURE__ */ jsx(CircleAlert, { className: "mt-0.5 size-3.5 shrink-0" }), /* @__PURE__ */ jsx("span", { children: transcript.error.message })]
       }) : null, /* @__PURE__ */ jsx("div", {
         className: cn("min-h-0 rounded-md border border-border/60 bg-background", fullWidth ? "flex min-h-0 flex-1 flex-col border-x-0 rounded-none border-b-0" : "h-96 max-h-[calc(100svh-18rem)]"),
@@ -197,7 +258,7 @@ function SubagentTranscriptView({ child, parentSessionId, transcript, onRefresh,
           className: fullWidth ? "min-h-0 flex-1" : void 0,
           followOutput: childStatus === "streaming",
           label: `Transcript for ${child.label}`,
-          smooth: childStatus === "streaming",
+          smooth: childStatus !== "streaming",
           viewportRef,
           viewportClassName: fullWidth ? "px-0" : void 0,
           contentClassName: cn("flex flex-col gap-4", fullWidth ? "mx-auto w-full max-w-3xl px-4 py-6 sm:px-6" : "px-2.5 py-3"),

package/dist/web/server/{chunk-EAJTWMK5.js → chunk-NZ6KQT2X.js}

@@ -1,8 +1,8 @@
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 
-// web/app/dist/server/assets/skeleton-D3UmRKFe.js
+// web/app/dist/server/assets/skeleton-DrHw08p0.js
 import { jsx } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", {

package/dist/web/server/{chunk-2DDWXTVG.js → chunk-O2UYZT3Z.js}

@@ -1,7 +1,7 @@
 import {
   useChatPanelDataContext,
   useWorkspaceTreeContext
-} from "./chunk-SALXCFVO.js";
+} from "./chunk-33QA7BQJ.js";
 import {
   Bot
 } from "./chunk-UCA4WN66.js";
@@ -10,7 +10,7 @@ import {
 } from "./chunk-GS2IZGRC.js";
 import {
   Skeleton
-} from "./chunk-EAJTWMK5.js";
+} from "./chunk-NZ6KQT2X.js";
 import {
   Package
 } from "./chunk-SFTKGQ7H.js";
@@ -21,7 +21,7 @@ import {
   createLucideIcon
 } from "./chunk-4ZIEVI5O.js";
 
-// web/app/dist/server/assets/right-panel-registry-C3gjjGnm.js
+// web/app/dist/server/assets/right-panel-registry-CKV-wYHG.js
 import { Suspense, lazy } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Activity = createLucideIcon("activity", [["path", {
@@ -46,12 +46,12 @@ var Library = createLucideIcon("library", [
     key: "6qkkli"
   }]
 ]);
-var LazyArtifactsPanel = lazy(() => import("./artifacts-panel-D3ySO--V-XSL53CXL.js").then(({ ArtifactsPanelContent }) => ({ default: ArtifactsPanelContent })));
-var LazyResourcesPanel = lazy(() => import("./resources-panel-CE5pD4vy-V5FXBTYC.js").then(({ ResourcesPanelContent }) => ({ default: ResourcesPanelContent })));
-var LazySessionInsightsPanel = lazy(() => import("./session-insights-panel-CUhdgvRt-VB2HUCQP.js").then(({ SessionInsightsPanel }) => ({ default: SessionInsightsPanel })));
-var LazyReplPanel = lazy(() => import("./repl-panel-CuyF8wt5-CHDT2Q3N.js").then(({ ReplPanelContent }) => ({ default: ReplPanelContent })));
-var LazySubagentsPanel = lazy(() => import("./subagents-panel-Berjd7HJ-EI5ZKC6V.js").then(({ SubagentsPanelContent }) => ({ default: SubagentsPanelContent })));
-var LazyWorkspacePanel = lazy(() => import("./workspace-panel-CBBa_3UO-B4PPFPMA.js").then(({ WorkspacePanelContent }) => ({ default: WorkspacePanelContent })));
+var LazyArtifactsPanel = lazy(() => import("./artifacts-panel-BN3DgqfV-N73J6N5Y.js").then(({ ArtifactsPanelContent }) => ({ default: ArtifactsPanelContent })));
+var LazyResourcesPanel = lazy(() => import("./resources-panel-ChUliWV--JITAGS6Q.js").then(({ ResourcesPanelContent }) => ({ default: ResourcesPanelContent })));
+var LazySessionInsightsPanel = lazy(() => import("./session-insights-panel-xgrkX1Rp-FDNURBXZ.js").then(({ SessionInsightsPanel }) => ({ default: SessionInsightsPanel })));
+var LazyReplPanel = lazy(() => import("./repl-panel-CgUF1qUw-3DFD2V53.js").then(({ ReplPanelContent }) => ({ default: ReplPanelContent })));
+var LazySubagentsPanel = lazy(() => import("./subagents-panel-8Z9_csoV-HYMEEBHB.js").then(({ SubagentsPanelContent }) => ({ default: SubagentsPanelContent })));
+var LazyWorkspacePanel = lazy(() => import("./workspace-panel-BHEB9nRM-TS62SYBA.js").then(({ WorkspacePanelContent }) => ({ default: WorkspacePanelContent })));
 function PanelFallback() {
   return /* @__PURE__ */ jsxs("div", {
     className: "flex min-h-32 flex-col gap-3 p-4",
@@ -67,7 +67,7 @@ function SessionInsightsContent() {
       activityLabel: data.activityLabel,
       artifactRuns: data.artifactRuns,
       chatMode: data.chatMode,
-      messages: data.messages,
+      transcriptSummary: data.transcriptSummary,
       planLabel: data.planLabel,
       presentation: data.presentation,
       queue: data.queue,
@@ -111,7 +111,7 @@ function ArtifactsContent() {
     fallback: /* @__PURE__ */ jsx(PanelFallback, {}),
     children: /* @__PURE__ */ jsx(LazyArtifactsPanel, {
       artifactRuns: data.artifactRuns,
-      messages: data.messages,
+      openUIBlocks: data.transcriptSummary.openUIBlocks,
       onOpenUIAction: data.onOpenUIAction,
       selectedArtifactId: data.selectedArtifactId,
       status: data.status