@qredence/fleet 0.5.9 → 0.5.11

package/dist/web/server/{chunk-2TRF62K5.js → chunk-N6NOTURM.js}

@@ -30,7 +30,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/citations-UswwFSUx.js
+// web/app/dist/server/assets/citations-CYHZanjq.js
 import { Suspense, lazy, useCallback, useEffect, useId, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 var BookOpenText = createLucideIcon("book-open-text", [
@@ -191,7 +191,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-[10px] font-semibold tabular-nums text-muted-foreground",
+        className: "grid size-5 place-items-center rounded-md bg-foreground/[0.05] text-[0.625rem] 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 +276,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-[10px] font-semibold tabular-nums",
+          className: "rounded-full bg-muted px-1.5 py-0.5 text-[0.625rem] font-semibold tabular-nums",
           children: citations.length
         }),
         /* @__PURE__ */ jsx(m.span, {

package/dist/web/server/{chunk-5XX7RKJ6.js → chunk-NXJ32VFR.js}

@@ -5,7 +5,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/ipython-tool-DHKjxYuT.js
+// web/app/dist/server/assets/ipython-tool-XRT6nQzr.js
 import React, { memo, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CodeXml = createLucideIcon("code-xml", [
@@ -273,7 +273,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-[10px] 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-[0.625rem] 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 +303,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-[11px] leading-[15px]",
+    className: "mt-1.5 border-t border-dashed border-border/70 pt-1.5 font-mono text-[0.6875rem] leading-[15px]",
     children: [/* @__PURE__ */ jsx("span", {
-      className: "text-[10px] font-semibold uppercase tracking-wider text-amber-600/90 dark:text-amber-400/90",
+      className: "text-[0.625rem] 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",
@@ -333,7 +333,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-[12px] leading-[16px]",
+        className: "overflow-hidden border-t border-border bg-background px-2.5 py-1.5 font-mono text-[0.75rem] leading-[16px]",
         children: [
           /* @__PURE__ */ jsxs("div", {
             className: "break-all whitespace-pre-wrap",

package/dist/web/server/{chunk-EFNPNSDO.js → chunk-O4OTWWPF.js}

@@ -21,7 +21,7 @@ import {
   createLucideIcon
 } from "./chunk-4ZIEVI5O.js";
 
-// web/app/dist/server/assets/right-panel-registry-DS4op1ha.js
+// web/app/dist/server/assets/right-panel-registry-BSPaXYPC.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-D20iI9ud-YGBYV6NF.js").then(({ ArtifactsPanelContent }) => ({ default: ArtifactsPanelContent })));
-var LazyResourcesPanel = lazy(() => import("./resources-panel-j4fAIi9g-5C267IXV.js").then(({ ResourcesPanelContent }) => ({ default: ResourcesPanelContent })));
-var LazySessionInsightsPanel = lazy(() => import("./session-insights-panel-BHZyKDTo-LRMAMA3O.js").then(({ SessionInsightsPanel }) => ({ default: SessionInsightsPanel })));
-var LazyReplPanel = lazy(() => import("./repl-panel-yyxhwe4c-7U6HXYPS.js").then(({ ReplPanelContent }) => ({ default: ReplPanelContent })));
-var LazySubagentsPanel = lazy(() => import("./subagents-panel-D2CN0IYy-3L6ZNQ3Q.js").then(({ SubagentsPanelContent }) => ({ default: SubagentsPanelContent })));
-var LazyWorkspacePanel = lazy(() => import("./workspace-panel-BOs-58Cv-SWQBMZSB.js").then(({ WorkspacePanelContent }) => ({ default: WorkspacePanelContent })));
+var LazyArtifactsPanel = lazy(() => import("./artifacts-panel-8GGUCtOd-X5TNKTY2.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-D5KsoJik-BQKO53JO.js").then(({ ReplPanelContent }) => ({ default: ReplPanelContent })));
+var LazySubagentsPanel = lazy(() => import("./subagents-panel-DgfB6_Yy-4INEPE3Y.js").then(({ SubagentsPanelContent }) => ({ default: SubagentsPanelContent })));
+var LazyWorkspacePanel = lazy(() => import("./workspace-panel-bpwj-Veu-Q2CEJMN4.js").then(({ WorkspacePanelContent }) => ({ default: WorkspacePanelContent })));
 function PanelFallback() {
   return /* @__PURE__ */ jsxs("div", {
     className: "flex min-h-32 flex-col gap-3 p-4",

package/dist/web/server/{chunk-X6RKK47S.js → chunk-P6UMR32I.js}

@@ -1,7 +1,7 @@
 import {
   activeElement,
   ownerDocument
-} from "./chunk-JICJWC33.js";
+} from "./chunk-LZ4Q5KUJ.js";
 import {
   useControlled
 } from "./chunk-S3PQ6HKH.js";
@@ -24,7 +24,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/input-CGUxMA95.js
+// web/app/dist/server/assets/input-B4o4sWf7.js
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 var DEFAULT_VALIDITY_STATE = {

package/dist/web/server/{chunk-QJQZLBLU.js → chunk-P7H2OPKF.js}

@@ -1,15 +1,15 @@
 import {
   Input
-} from "./chunk-X6RKK47S.js";
+} from "./chunk-P6UMR32I.js";
 import {
   Button,
   cva
-} from "./chunk-JICJWC33.js";
+} from "./chunk-LZ4Q5KUJ.js";
 import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/input-group-a7xcJ8a9.js
+// web/app/dist/server/assets/input-group-BcYuKbrc.js
 import "react";
 import { jsx } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {

package/dist/web/server/{chunk-MLPLZVON.js → chunk-RNOJACWQ.js}

@@ -6,10 +6,11 @@ import {
   MessageContent,
   MessageScroller,
   UserMessage,
+  VirtualizedTurnList,
   buildAssistantElements,
   groupMessages,
   normalizeAssistantToolParts
-} from "./chunk-WVBBA2VV.js";
+} from "./chunk-WILCIZYU.js";
 import {
   RefreshCw
 } from "./chunk-OKL5ZRVB.js";
@@ -18,22 +19,22 @@ import {
 } from "./chunk-UCA4WN66.js";
 import {
   FleetPiToolRenderer
-} from "./chunk-TFHXOWFX.js";
+} from "./chunk-JQDLJ7KI.js";
 import {
   PI_TOOL_RENDERERS
-} from "./chunk-2TRF62K5.js";
+} from "./chunk-N6NOTURM.js";
 import {
   FleetToolTimeline
-} from "./chunk-X2R5YPQZ.js";
+} from "./chunk-IJPCV6DH.js";
 import {
   FleetSubagentList
-} from "./chunk-EBCYJSBR.js";
+} from "./chunk-7SD2ZSEA.js";
 import {
   derivePrimeAgentArtifactRuns
 } from "./chunk-4UBOIY2S.js";
 import {
   Button
-} from "./chunk-JICJWC33.js";
+} from "./chunk-LZ4Q5KUJ.js";
 import {
   CircleAlert
 } from "./chunk-ZCVWADNW.js";
@@ -41,8 +42,8 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/subagent-transcript-Bec7mVZl.js
-import { useMemo } from "react";
+// web/app/dist/server/assets/subagent-transcript-CMFc5Jn2.js
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function transcriptStatus(child) {
   if (child.status === "running" || child.status === "recovering") return "streaming";
@@ -86,20 +87,44 @@ function SubagentTurnView({ turn, isLast, isStreaming, artifacts, presentation }
             children: assistantElements
           }),
           isLast && presentation ? /* @__PURE__ */ jsx(FleetSubagentList, {
-            children: presentation.rlmChildren,
-            tree: presentation.rlmTree
+            tree: presentation.rlmTree,
+            children: presentation.rlmChildren
           }) : null
         ] })
       }) })
     }) : null]
   });
 }
+function getSubagentTurnKey(turn, index) {
+  return turn.user?.id ?? turn.assistants[0]?.id ?? `subagent-turn-${index}`;
+}
 function SubagentTranscriptView({ child, parentSessionId, transcript, onRefresh, fullWidth = false, status: statusOverride }) {
   const turns = useMemo(() => transcript?.status !== "loading" ? groupMessages(transcript?.messages ?? []) : [], [transcript]);
   const childStatus = statusOverride ?? transcriptStatus(child);
   const artifactRuns = useMemo(() => transcript?.status !== "loading" ? derivePrimeAgentArtifactRuns(transcript?.messages ?? [], transcript?.presentation, childStatus) : [], [childStatus, transcript]);
   const artifacts = useMemo(() => artifactRuns.flatMap((run) => run.artifacts), [artifactRuns]);
+  const presentation = transcript?.presentation;
+  const renderSubagentTurn = useCallback((turn, index) => {
+    const isLast = index === turns.length - 1;
+    return /* @__PURE__ */ jsx(SubagentTurnView, {
+      turn,
+      isLast,
+      isStreaming: isLast && childStatus === "streaming",
+      artifacts: isLast ? artifacts : [],
+      presentation: isLast ? presentation : void 0
+    });
+  }, [
+    artifacts,
+    childStatus,
+    presentation,
+    turns.length
+  ]);
   const title = child.sessionName || child.label;
+  const [heartbeatLabel, setHeartbeatLabel] = useState(null);
+  useEffect(() => {
+    setHeartbeatLabel(child.lastHeardFrom ? new Date(child.lastHeardFrom).toLocaleTimeString() : null);
+  }, [child.lastHeardFrom]);
+  const viewportRef = useRef(null);
   return /* @__PURE__ */ jsxs("section", {
     "aria-label": `Subagent thread: ${child.label}`,
     className: cn(fullWidth ? "flex min-h-0 min-w-0 flex-1 flex-col" : "space-y-2", "min-w-0"),
@@ -117,20 +142,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-[10px] capitalize text-foreground/45",
+                className: "shrink-0 text-[0.625rem] capitalize text-foreground/45",
                 children: child.status
               })]
             }),
             child.model ? /* @__PURE__ */ jsx("p", {
-              className: "truncate font-mono text-[10px] text-foreground/40",
+              className: "truncate font-mono text-[0.625rem] text-foreground/40",
               children: child.model
             }) : null,
-            child.lastHeardFrom ? /* @__PURE__ */ jsxs("p", {
-              className: "truncate text-[10px] text-foreground/40",
-              children: ["Heartbeat: ", new Date(child.lastHeardFrom).toLocaleTimeString()]
+            heartbeatLabel ? /* @__PURE__ */ jsxs("p", {
+              className: "truncate text-[0.625rem] text-foreground/40",
+              children: ["Heartbeat: ", heartbeatLabel]
             }) : null,
             child.answerPreview || child.recap ? /* @__PURE__ */ jsx("p", {
-              className: "mt-1 line-clamp-3 whitespace-pre-wrap text-[11px] leading-4 text-foreground/55",
+              className: "mt-1 line-clamp-3 whitespace-pre-wrap text-[0.6875rem] leading-4 text-foreground/55",
               children: child.answerPreview ?? child.recap
             }) : null
           ]
@@ -147,23 +172,23 @@ function SubagentTranscriptView({ child, parentSessionId, transcript, onRefresh,
         }) : null
       ]
     }), !parentSessionId ? /* @__PURE__ */ jsx("p", {
-      className: "rounded-md border border-dashed border-border/70 px-3 py-3 text-[11px] leading-4 text-foreground/45",
+      className: "rounded-md border border-dashed border-border/70 p-3 text-[0.6875rem] 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-[11px] 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-[0.6875rem] 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-[11px] leading-4 text-destructive",
+      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",
       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 px-3 py-3 text-[11px] leading-4 text-foreground/45",
+      className: "rounded-md border border-dashed border-border/70 p-3 text-[0.6875rem] 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-[11px] 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-[0.6875rem] 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)]"),
@@ -173,17 +198,16 @@ function SubagentTranscriptView({ child, parentSessionId, transcript, onRefresh,
           followOutput: childStatus === "streaming",
           label: `Transcript for ${child.label}`,
           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"),
-          children: turns.map((turn, index) => {
-            const isLast = index === turns.length - 1;
-            return /* @__PURE__ */ jsx(SubagentTurnView, {
-              turn,
-              isLast,
-              isStreaming: isLast && childStatus === "streaming",
-              artifacts: isLast ? artifacts : [],
-              presentation: isLast ? transcript?.presentation : void 0
-            }, turn.user?.id ?? `subagent-turn-${index}`);
+          children: /* @__PURE__ */ jsx(VirtualizedTurnList, {
+            estimateSize: 320,
+            getItemKey: getSubagentTurnKey,
+            itemGap: 16,
+            items: turns,
+            renderItem: renderSubagentTurn,
+            viewportRef
           })
         })
       })]

package/dist/web/server/chunk-SZJUXVWG.js

@@ -0,0 +1,40 @@
+// web/app/dist/server/assets/safe-storage-BmW7IjhZ.js
+function getStorage(kind) {
+  if (typeof window === "undefined") return null;
+  try {
+    return kind === "local" ? window.localStorage : window.sessionStorage;
+  } catch {
+    return null;
+  }
+}
+function readStoredValue(key, kind = "local") {
+  const storage = getStorage(kind);
+  if (!storage) return null;
+  try {
+    return storage.getItem(key);
+  } catch {
+    return null;
+  }
+}
+function writeStoredValue(key, value, kind = "local") {
+  const storage = getStorage(kind);
+  if (!storage) return;
+  try {
+    storage.setItem(key, value);
+  } catch {
+  }
+}
+function removeStoredValue(key, kind = "local") {
+  const storage = getStorage(kind);
+  if (!storage) return;
+  try {
+    storage.removeItem(key);
+  } catch {
+  }
+}
+
+export {
+  readStoredValue,
+  writeStoredValue,
+  removeStoredValue
+};

package/dist/web/server/{chunk-ZCJXHV2R.js → chunk-UAPNEWCA.js}

@@ -1,6 +1,6 @@
 import {
   useValueChanged
-} from "./chunk-TGZIE2T6.js";
+} from "./chunk-WM4PUT6M.js";
 import {
   fieldValidityMapping,
   useFieldRootContext,
@@ -8,12 +8,12 @@ import {
   useLabelableContext,
   useLabelableId,
   useRegisterFieldControl
-} from "./chunk-X6RKK47S.js";
+} from "./chunk-P6UMR32I.js";
 import {
   cva,
   visuallyHidden,
   visuallyHiddenInput
-} from "./chunk-JICJWC33.js";
+} from "./chunk-LZ4Q5KUJ.js";
 import {
   useControlled
 } from "./chunk-S3PQ6HKH.js";
@@ -35,7 +35,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/switch-2rTMwr-w.js
+// web/app/dist/server/assets/switch-DRjVvKvm.js
 import * as React$1 from "react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/server/{chunk-WVBBA2VV.js → chunk-WILCIZYU.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-FJV6EQDW.js";
 import {
   notify
-} from "./chunk-56NGD3FN.js";
+} from "./chunk-WYL2DW5R.js";
 import {
   LazyMarkdown,
   useHoverCapable
-} from "./chunk-2TRF62K5.js";
+} from "./chunk-N6NOTURM.js";
 import {
   Copy
 } from "./chunk-2ATMSG7U.js";
@@ -42,8 +42,8 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/generative-text-renderer-CdDBV74a.js
-import { Suspense, cloneElement, createContext, lazy, memo, useCallback, useContext, useEffect, useEffectEvent, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+// web/app/dist/server/assets/virtualized-turn-list-CVAfBX0T.js
+import { Fragment, Suspense, cloneElement, createContext, lazy, memo, useCallback, useContext, useEffect, useEffectEvent, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 var ChevronLeft = createLucideIcon("chevron-left", [["path", {
@@ -669,7 +669,7 @@ function MessageScroller({ followOutput = true, followThreshold = 56, smooth = t
     children: /* @__PURE__ */ jsx("div", {
       ref: contentRef,
       role: "log",
-      "aria-live": "polite",
+      "aria-live": busy ? "off" : "polite",
       "aria-relevant": "additions text",
       "aria-busy": busy,
       className: contentClassName,
@@ -971,7 +971,7 @@ function FileAttachment({ id, filename, size, isImage, url, onRemove, className,
           title: filename,
           children: filename
         }), size !== void 0 && /* @__PURE__ */ jsx("span", {
-          className: "text-[10px] text-muted-foreground",
+          className: "text-[0.625rem] text-muted-foreground",
           children: formatFileSize(size)
         })]
       })] }),
@@ -1153,7 +1153,7 @@ function PayloadPart({ part }) {
         children: part.title
       }),
       part.text ? /* @__PURE__ */ jsx("pre", {
-        className: "m-0 whitespace-pre-wrap break-words px-3 py-3 font-mono text-xs leading-5 text-foreground/80",
+        className: "m-0 whitespace-pre-wrap break-words p-3 font-mono text-xs leading-5 text-foreground/80",
         children: part.text
       }) : null,
       payload ? /* @__PURE__ */ jsxs("details", {
@@ -1257,7 +1257,7 @@ function CopyButton({ text, onCopied }) {
     onMouseDown: (event) => event.stopPropagation(),
     className: cn("flex size-6 items-center justify-center rounded-md transition-[background-color,opacity,transform] duration-150 ease-out active:scale-[0.97]", "bg-transparent opacity-50 hover:bg-an-foreground/10 hover:opacity-100"),
     children: /* @__PURE__ */ jsxs("div", {
-      className: "relative h-3.5 w-3.5",
+      className: "relative size-3.5",
       children: [/* @__PURE__ */ jsx(Copy, { className: cn("absolute inset-0 h-3.5 w-3.5 text-an-foreground-muted transition-[opacity,transform] duration-150 ease-out", copied ? "scale-50 opacity-0" : "scale-100 opacity-100") }), /* @__PURE__ */ jsx(Check, { className: cn("absolute inset-0 h-3.5 w-3.5 text-an-foreground-muted transition-[opacity,transform] duration-150 ease-out", copied ? "scale-100 opacity-100" : "scale-50 opacity-0") })]
     })
   });
@@ -1416,7 +1416,7 @@ function buildAssistantElements(parts, opts) {
   }
   const text = textChunks.join("\n\n");
   if (text) elems.push(/* @__PURE__ */ jsx("div", {
-    className: "group/assistant-text text-[14px]",
+    className: "group/assistant-text text-[0.875rem]",
     children: /* @__PURE__ */ jsx(TextRendererComponent, {
       content: text,
       isStreaming,
@@ -1487,7 +1487,7 @@ function groupMessages(messages) {
   if (current) turns.push(current);
   return turns;
 }
-var LazyGenerativeTextRenderer = lazy(() => import("./openui-renderer-BNLpfzyj-JUPJXUWF.js").then((n) => n.n).then(({ GenerativeTextRenderer }) => ({ default: GenerativeTextRenderer })));
+var LazyGenerativeTextRenderer = lazy(() => import("./openui-renderer-Cj7kfqyL-EKJ6JTTQ.js").then((n) => n.n).then(({ GenerativeTextRenderer }) => ({ default: GenerativeTextRenderer })));
 function PlainTextFallback({ className, content }) {
   return /* @__PURE__ */ jsx("div", {
     className: className ? `${className} whitespace-pre-wrap` : "whitespace-pre-wrap",
@@ -1507,6 +1507,189 @@ function FleetGenerativeTextRenderer(props) {
     children: /* @__PURE__ */ jsx(LazyGenerativeTextRenderer, { ...props })
   });
 }
+function findItemAtOffset(offsets, target, itemCount) {
+  if (itemCount === 0) return 0;
+  let low = 0;
+  let high = itemCount;
+  while (low < high) {
+    const middle = Math.floor((low + high) / 2);
+    if (offsets[middle] <= target) low = middle + 1;
+    else high = middle;
+  }
+  return Math.max(0, Math.min(itemCount - 1, low - 1));
+}
+function buildOffsets(itemKeys, measuredHeights, estimateSize, itemGap) {
+  const offsets = [0];
+  for (const [index, key] of itemKeys.entries()) offsets.push(offsets[offsets.length - 1] + (measuredHeights.get(key) ?? estimateSize) + (index < itemKeys.length - 1 ? itemGap : 0));
+  return offsets;
+}
+function VirtualizedTurnList({ estimateSize, getItemKey, itemGap = 0, items, overscan = 1.5, renderItem, viewportRef }) {
+  const itemKeys = useMemo(() => items.map((item, index) => getItemKey(item, index)), [getItemKey, items]);
+  const shouldVirtualize = items.length >= 40;
+  const [measuredHeights, setMeasuredHeights] = useState(() => /* @__PURE__ */ new Map());
+  const [viewport, setViewport] = useState({
+    height: 0,
+    scrollTop: 0
+  });
+  const itemKeysRef = useRef(itemKeys);
+  const measuredHeightsRef = useRef(measuredHeights);
+  const estimateSizeRef = useRef(estimateSize);
+  const itemGapRef = useRef(itemGap);
+  const offsetsRef = useRef([0]);
+  const pendingScrollAdjustmentRef = useRef(0);
+  const rowNodesRef = useRef(/* @__PURE__ */ new Map());
+  const rowKeysRef = useRef(/* @__PURE__ */ new WeakMap());
+  const rowObserverRef = useRef(null);
+  const updateViewport = useCallback(() => {
+    const element = viewportRef.current;
+    if (!element) return;
+    const next = {
+      height: element.clientHeight,
+      scrollTop: element.scrollTop
+    };
+    setViewport((current) => current.height === next.height && current.scrollTop === next.scrollTop ? current : next);
+  }, [viewportRef]);
+  const setRowRef = useCallback((key, node) => {
+    const previous = rowNodesRef.current.get(key);
+    if (previous && previous !== node) {
+      rowObserverRef.current?.unobserve(previous);
+      rowNodesRef.current.delete(key);
+    }
+    if (!node) return;
+    rowNodesRef.current.set(key, node);
+    rowKeysRef.current.set(node, key);
+    rowObserverRef.current?.observe(node);
+  }, []);
+  const offsets = useMemo(() => {
+    return buildOffsets(itemKeys, measuredHeights, estimateSize, itemGap);
+  }, [
+    estimateSize,
+    itemGap,
+    itemKeys,
+    measuredHeights
+  ]);
+  useLayoutEffect(() => {
+    updateViewport();
+  }, [items.length, updateViewport]);
+  useLayoutEffect(() => {
+    itemKeysRef.current = itemKeys;
+    measuredHeightsRef.current = measuredHeights;
+    estimateSizeRef.current = estimateSize;
+    itemGapRef.current = itemGap;
+    offsetsRef.current = offsets;
+  }, [
+    estimateSize,
+    itemGap,
+    itemKeys,
+    measuredHeights,
+    offsets
+  ]);
+  useEffect(() => {
+    const element = viewportRef.current;
+    if (!element) return;
+    element.addEventListener("scroll", updateViewport, { passive: true });
+    window.addEventListener("resize", updateViewport);
+    updateViewport();
+    let viewportObserver;
+    if (typeof ResizeObserver !== "undefined") {
+      viewportObserver = new ResizeObserver(updateViewport);
+      viewportObserver.observe(element);
+    }
+    return () => {
+      element.removeEventListener("scroll", updateViewport);
+      window.removeEventListener("resize", updateViewport);
+      viewportObserver?.disconnect();
+    };
+  }, [updateViewport, viewportRef]);
+  const updateMeasuredHeights = useCallback((entries) => {
+    const current = measuredHeightsRef.current;
+    let next = current;
+    for (const entry of entries) {
+      const key = rowKeysRef.current.get(entry.target);
+      const height = entry.contentRect.height;
+      if (!key || height <= 0 || current.get(key) === height) continue;
+      if (next === current) next = new Map(current);
+      next.set(key, height);
+    }
+    if (next === current) return;
+    const element = viewportRef.current;
+    const itemKeys2 = itemKeysRef.current;
+    const nextOffsets = buildOffsets(itemKeys2, next, estimateSizeRef.current, itemGapRef.current);
+    if (element && itemKeys2.length > 0) {
+      const beforeOffsets = offsetsRef.current;
+      const anchorIndex = findItemAtOffset(beforeOffsets, Math.max(0, element.scrollTop), itemKeys2.length);
+      const anchorKey = itemKeys2[anchorIndex];
+      if (anchorKey && anchorIndex > 0) {
+        const offsetDelta = (nextOffsets[itemKeys2.indexOf(anchorKey)] ?? 0) - (beforeOffsets[anchorIndex] ?? 0);
+        if (offsetDelta !== 0) pendingScrollAdjustmentRef.current += offsetDelta;
+      }
+    }
+    measuredHeightsRef.current = next;
+    offsetsRef.current = nextOffsets;
+    setMeasuredHeights(next);
+  }, [viewportRef]);
+  useLayoutEffect(() => {
+    if (!shouldVirtualize || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver((entries) => updateMeasuredHeights(entries));
+    rowObserverRef.current = observer;
+    for (const node of rowNodesRef.current.values()) observer.observe(node);
+    return () => {
+      observer.disconnect();
+      if (rowObserverRef.current === observer) rowObserverRef.current = null;
+    };
+  }, [shouldVirtualize, updateMeasuredHeights]);
+  useEffect(() => {
+    const current = measuredHeightsRef.current;
+    if (current.size === 0) return;
+    const validKeys = new Set(itemKeys);
+    const next = new Map([...current].filter(([key]) => validKeys.has(key)));
+    if (next.size === current.size) return;
+    measuredHeightsRef.current = next;
+    setMeasuredHeights(next);
+  }, [itemKeys]);
+  useLayoutEffect(() => {
+    const adjustment = pendingScrollAdjustmentRef.current;
+    const element = viewportRef.current;
+    if (!element || adjustment === 0) return;
+    element.scrollTop += adjustment;
+    pendingScrollAdjustmentRef.current = 0;
+    updateViewport();
+  }, [
+    measuredHeights,
+    updateViewport,
+    viewportRef
+  ]);
+  if (!shouldVirtualize) return /* @__PURE__ */ jsx(Fragment$1, { children: items.map((item, index) => /* @__PURE__ */ jsx(Fragment, { children: renderItem(item, index) }, itemKeys[index])) });
+  const totalHeight = offsets[offsets.length - 1] ?? 0;
+  const overscanDistance = Math.max(estimateSize, viewport.height * overscan);
+  const firstVisible = findItemAtOffset(offsets, Math.max(0, viewport.scrollTop - overscanDistance), items.length);
+  const lastVisible = Math.min(items.length - 1, findItemAtOffset(offsets, viewport.scrollTop + viewport.height + overscanDistance, items.length) + 1);
+  return /* @__PURE__ */ jsx("div", {
+    "data-rendered-turn-count": lastVisible - firstVisible + 1,
+    "data-total-turn-count": items.length,
+    "data-virtualized-transcript": "true",
+    style: {
+      height: totalHeight,
+      position: "relative",
+      width: "100%"
+    },
+    children: items.slice(firstVisible, lastVisible + 1).map((item, index) => {
+      const itemIndex = firstVisible + index;
+      const key = itemKeys[itemIndex];
+      return /* @__PURE__ */ jsx("div", {
+        ref: (node) => setRowRef(key, node),
+        "data-virtualized-turn-index": itemIndex,
+        style: {
+          left: 0,
+          position: "absolute",
+          right: 0,
+          top: offsets[itemIndex]
+        },
+        children: renderItem(item, itemIndex)
+      }, key);
+    })
+  });
+}
 
 export {
   ChevronLeft,
@@ -1520,7 +1703,8 @@ export {
   normalizeAssistantToolParts,
   buildAssistantElements,
   groupMessages,
-  FleetGenerativeTextRenderer
+  FleetGenerativeTextRenderer,
+  VirtualizedTurnList
 };
 /**
 * @license lucide-react v1.38.0 - ISC