@qredence/fleet 0.5.10 → 0.5.11

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

@@ -7,7 +7,7 @@ import {
 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-B3H8tWzp.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-Czy5Vo2L-BLXPJD65.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

package/dist/web/server/{chunk-FED63ZHU.js → chunk-WKV2Z4KO.js}

@@ -1,6 +1,10 @@
 import {
   redactSessionLabelSecrets
 } from "./chunk-QK4CHLVV.js";
+import {
+  readStoredValue,
+  writeStoredValue
+} from "./chunk-SZJUXVWG.js";
 import {
   AnimatePresence,
   useReducedMotion
@@ -16,7 +20,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/horizontal-resize-Dy1Vuw1s.js
+// web/app/dist/server/assets/horizontal-resize-2lm4rtju.js
 import { Children, cloneElement, forwardRef, isValidElement, useId, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 var File = createLucideIcon("file", [["path", {
@@ -30,7 +34,7 @@ var FolderOpen = createLucideIcon("folder-open", [["path", {
   d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
   key: "usdka0"
 }]]);
-var RESOURCE_CANVAS_VIEWPORT_RATIO = 0.5;
+var RESOURCE_CANVAS_VIEWPORT_RATIO = 0.4;
 var DESKTOP_PANEL_ONLY = "min-[960px]:hidden";
 var WORKSPACE_SPLIT_HIDDEN_BLOCK = "hidden min-[640px]:block";
 var WORKSPACE_SPLIT_GAP_RESET = "min-[640px]:gap-0";
@@ -184,12 +188,13 @@ function isDaytonaNotConnectedError(error) {
 }
 function readStoredWidth(storageKey, defaultWidth, clamp) {
   if (typeof window === "undefined") return defaultWidth;
-  const value = Number(window.localStorage.getItem(storageKey));
+  const stored = readStoredValue(storageKey);
+  if (stored === null) return defaultWidth;
+  const value = Number(stored);
   return Number.isFinite(value) ? clamp(value) : defaultWidth;
 }
 function storeStoredWidth(storageKey, width) {
-  if (typeof window === "undefined") return;
-  window.localStorage.setItem(storageKey, String(Math.round(width)));
+  writeStoredValue(storageKey, String(Math.round(width)));
 }
 function startHorizontalResize({ event, getNextWidth, onWidthChange, startWidth, startX }) {
   event.preventDefault();

package/dist/web/server/{chunk-ANL4B775.js → chunk-XLNCWZMZ.js}

@@ -2,7 +2,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/surfaces-BwzRUxHG.js
+// web/app/dist/server/assets/surfaces-DlT92b6L.js
 import { useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var paper = "bg-background shadow-[0_1px_2px_rgba(0,0,0,0.04),0_12px_32px_-16px_rgba(0,0,0,0.12)] dark:bg-popover dark:shadow-none";
@@ -12,7 +12,7 @@ var labelSwap = "col-start-1 row-start-1 flex w-max items-center gap-1.5 leading
 var labelSwapIn = "opacity-100 blur-none";
 var labelSwapOut = "pointer-events-none select-none opacity-0 blur-[2px]";
 var collapsePanel = "h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 ease-[cubic-bezier(0.32,0.72,0,1)] data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none";
-var mono = "font-mono text-[11px] tracking-tight";
+var mono = "font-mono text-[0.6875rem] tracking-tight";
 function ShimmerLabel({ active = true, className, ...props }) {
   return /* @__PURE__ */ jsx("span", {
     className: cn(active && "shimmer motion-reduce:animate-none", className),

package/dist/web/server/{chunk-GM32R7JW.js → chunk-YKVGQBZA.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-PVJCTQFK.js";
 import {
   useHoverCapable
-} from "./chunk-2TRF62K5.js";
+} from "./chunk-N6NOTURM.js";
 import {
   LoaderCircle
 } from "./chunk-TNL4YV63.js";
@@ -50,7 +50,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/prompt-input-JtVsQDA2.js
+// web/app/dist/server/assets/prompt-input-CQuyIgBz.js
 import { cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useEffectEvent, useId, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -498,15 +498,15 @@ forwardRef(function StatefulButton({ state = "idle", children, loadingText = "Lo
           children: [
             state === "loading" ? /* @__PURE__ */ jsx(IconSlot, {
               keyId: "loading-icon",
-              children: /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })
+              children: /* @__PURE__ */ jsx(LoaderCircle, { className: "size-4 animate-spin" })
             }) : null,
             state === "success" ? /* @__PURE__ */ jsx(IconSlot, {
               keyId: "success-icon",
-              children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx(Check, { className: "size-4" })
             }) : null,
             state === "error" ? /* @__PURE__ */ jsx(IconSlot, {
               keyId: "error-icon",
-              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
             }) : null
           ]
         }),
@@ -894,7 +894,7 @@ function AnimatedSelectTrigger({ className, children }) {
       animate: { rotate: ctx.open ? 180 : 0 },
       transition: ctx.reduce ? { duration: 0 } : CHEVRON_TRANSITION,
       className: "text-muted-foreground",
-      children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
     })]
   });
 }
@@ -1028,7 +1028,7 @@ function AnimatedSelectItem({ value, disabled = false, className, children }) {
       disabled,
       onClick: () => ctx.select(value),
       className: cn("flex w-full items-center justify-between gap-2 rounded-lg px-2.5 py-1.5 text-left text-sm outline-none transition-colors", selected ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:bg-muted", "disabled:pointer-events-none disabled:opacity-50", className),
-      children: [children, selected ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0" }) : null]
+      children: [children, selected ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 shrink-0" }) : null]
     })
   });
 }
@@ -1059,7 +1059,9 @@ function PromptInput({ value, defaultValue = "", onValueChange, models = [], mod
     resizeTextarea();
   }, [resizeTextarea]);
   const resizeRef = useRef(resizeTextarea);
-  resizeRef.current = resizeTextarea;
+  useEffect(() => {
+    resizeRef.current = resizeTextarea;
+  });
   useEffect(() => {
     const textarea = textareaRef.current;
     if (!textarea || typeof ResizeObserver === "undefined") return;

package/dist/web/server/{chunk-3PIUR75R.js → chunk-YXXRP3NS.js}

@@ -43,7 +43,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/tool-result-BBMNKQkY.js
+// web/app/dist/server/assets/tool-result-Dd8SJ9RU.js
 import { useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Ban = createLucideIcon("ban", [["circle", {
@@ -226,11 +226,11 @@ function CodeBlock({ code, language = "typescript", languageLabel, filename, sta
           children: filename
         }) : null,
         /* @__PURE__ */ jsx("span", {
-          className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground/55",
+          className: "text-[0.625rem] font-medium uppercase tracking-wide text-muted-foreground/55",
           children: resolvedLanguageLabel
         }),
         showStatus ? /* @__PURE__ */ jsxs("span", {
-          className: cn("ml-auto inline-flex shrink-0 items-center gap-1 text-[10px] font-medium", streaming ? "text-blue-600 dark:text-blue-400" : "text-emerald-600 dark:text-emerald-400"),
+          className: cn("ml-auto inline-flex shrink-0 items-center gap-1 text-[0.625rem] font-medium", streaming ? "text-blue-600 dark:text-blue-400" : "text-emerald-600 dark:text-emerald-400"),
           children: [streaming ? /* @__PURE__ */ jsx(LoaderCircle, { className: cn("size-3", !reduce && "animate-spin") }) : /* @__PURE__ */ jsx(Check, { className: "size-3" }), streaming ? "Writing" : "Ready"]
         }) : null,
         copyable || onCopy ? /* @__PURE__ */ jsx(m.button, {
@@ -247,7 +247,7 @@ function CodeBlock({ code, language = "typescript", languageLabel, filename, sta
     }), /* @__PURE__ */ jsx("div", {
       ref: viewportRef,
       role: streaming ? "log" : void 0,
-      "aria-live": streaming ? "polite" : void 0,
+      "aria-live": streaming ? "off" : void 0,
       className: "overflow-auto border-t border-foreground/[0.06] py-2 [scrollbar-color:color-mix(in_oklab,var(--muted-foreground)_35%,transparent)_transparent] [scrollbar-width:thin]",
       style: { maxHeight },
       children: /* @__PURE__ */ jsx("pre", {
@@ -395,7 +395,7 @@ function FileDiff({ file, lines, status = "streaming", open, defaultOpen = true,
           children: [/* @__PURE__ */ jsx("div", {
             ref: viewportRef,
             "data-slot": "file-diff-viewport",
-            "aria-live": "polite",
+            "aria-live": streaming ? "off" : "polite",
             className: "scrollbar-hide overflow-auto",
             style: { maxHeight },
             children: /* @__PURE__ */ jsxs("div", {
@@ -490,7 +490,7 @@ function ToolResultOutput({ children, language: _language = "bash", label, class
   return /* @__PURE__ */ jsxs("div", {
     className: "space-y-1.5",
     children: [label ? /* @__PURE__ */ jsx("div", {
-      className: "px-0.5 text-[10px] font-medium uppercase tracking-[0.12em] text-muted-foreground/60",
+      className: "px-0.5 text-[0.625rem] font-medium uppercase tracking-[0.12em] text-muted-foreground/60",
       children: label
     }) : null, /* @__PURE__ */ jsx("pre", {
       className: cn("m-0 whitespace-pre-wrap break-words font-mono text-xs leading-5 text-foreground/80", className),
@@ -585,7 +585,7 @@ function ToolResult({ tool, title, children, status = "running", kind = "custom"
               })
             }) : null,
             /* @__PURE__ */ jsx("span", {
-              className: "min-w-0 truncate font-mono text-[11px] text-muted-foreground/55",
+              className: "min-w-0 truncate font-mono text-[0.6875rem] text-muted-foreground/55",
               children: /* @__PURE__ */ jsx(ActionSwapRollText, {
                 value: toolKey,
                 children: tool
@@ -594,7 +594,7 @@ function ToolResult({ tool, title, children, status = "running", kind = "custom"
           ]
         }),
         /* @__PURE__ */ jsxs("span", {
-          className: cn("inline-flex shrink-0 items-center gap-1 text-[11px] font-medium", getStatusClass(status)),
+          className: cn("inline-flex shrink-0 items-center gap-1 text-[0.6875rem] font-medium", getStatusClass(status)),
           children: [/* @__PURE__ */ jsx(StatusIcon, {
             status,
             reduce
@@ -644,7 +644,7 @@ function ToolResult({ tool, title, children, status = "running", kind = "custom"
                 children: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3.5" })
               }) : null,
               /* @__PURE__ */ jsx("span", {
-                className: "ml-auto text-[11px] text-muted-foreground/55",
+                className: "ml-auto text-[0.6875rem] text-muted-foreground/55",
                 children: /* @__PURE__ */ jsx(ActionSwapRollText, {
                   value: status,
                   children: statusLabel

package/dist/web/server/{fleet-message-queue-BxycG26e-2XLOTCLP.js → fleet-message-queue-j0DCU5Xy-5HKBHMPV.js}

@@ -17,7 +17,7 @@ import "./chunk-JDCCC7A7.js";
 import "./chunk-L547YHC4.js";
 import "./chunk-MLKGABMK.js";
 
-// web/app/dist/server/assets/fleet-message-queue-BxycG26e.js
+// web/app/dist/server/assets/fleet-message-queue-j0DCU5Xy.js
 import { jsx, jsxs } from "react/jsx-runtime";
 var LANES = [{
   key: "steering",
@@ -50,7 +50,7 @@ function FleetMessageQueue({ queue, onDelete, className }) {
           className: "flex min-w-0 items-center gap-2 rounded-lg bg-background/80 px-2 py-1.5 text-sm",
           children: [
             /* @__PURE__ */ jsx("span", {
-              className: "shrink-0 text-[10px] font-medium uppercase tracking-wide text-muted-foreground",
+              className: "shrink-0 text-[0.625rem] font-medium uppercase tracking-wide text-muted-foreground",
               children: label
             }),
             /* @__PURE__ */ jsx("span", {

package/dist/web/server/{fleet-pi-tool-renderer-RIeVlM9J-D6MISCQC.js → fleet-pi-tool-renderer-umKunT3K-O4GBH35V.js}

@@ -1,11 +1,11 @@
 import {
   FleetPiToolRenderer,
   fleet_pi_tool_renderer_exports
-} from "./chunk-AJJ2S5FF.js";
-import "./chunk-2TRF62K5.js";
+} from "./chunk-JQDLJ7KI.js";
+import "./chunk-N6NOTURM.js";
 import "./chunk-QPNUGF3V.js";
 import "./chunk-V3S6BVXO.js";
-import "./chunk-ANL4B775.js";
+import "./chunk-XLNCWZMZ.js";
 import "./chunk-2ST2ULW7.js";
 import "./chunk-BLSX7WHW.js";
 import "./chunk-3JMESBAT.js";
@@ -13,7 +13,7 @@ import "./chunk-XA42CHF2.js";
 import "./chunk-P66QQWUM.js";
 import "./chunk-JIULUYHT.js";
 import "./chunk-LY5XOHHU.js";
-import "./chunk-3PIUR75R.js";
+import "./chunk-YXXRP3NS.js";
 import "./chunk-2ATMSG7U.js";
 import "./chunk-HFQTI7AX.js";
 import "./chunk-HSJMLO36.js";
@@ -36,7 +36,7 @@ import "./chunk-C5X6G26O.js";
 import "./chunk-ST5I2PLN.js";
 import "./chunk-AR7O7JXD.js";
 import "./chunk-ZCVWADNW.js";
-import "./chunk-5XX7RKJ6.js";
+import "./chunk-NXJ32VFR.js";
 import "./chunk-X7D6GFQU.js";
 import "./chunk-BYXBJQAS.js";
 import "./chunk-4ZIEVI5O.js";

package/dist/web/server/{fleet-reasoning-panel-D_K48UOT-GN2PA6KT.js → fleet-reasoning-panel-BxC2COxi-GPLMQSTT.js}

@@ -5,7 +5,7 @@ import {
   ShimmerLabel,
   SwapLabel,
   collapsePanel
-} from "./chunk-ANL4B775.js";
+} from "./chunk-XLNCWZMZ.js";
 import {
   Collapsible,
   CollapsibleContent,
@@ -24,7 +24,7 @@ import {
 import "./chunk-JDCCC7A7.js";
 import "./chunk-MLKGABMK.js";
 
-// web/app/dist/server/assets/fleet-reasoning-panel-D_K48UOT.js
+// web/app/dist/server/assets/fleet-reasoning-panel-BxC2COxi.js
 import { useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 var CELL_SHAPES = {
@@ -66,7 +66,7 @@ function ThinkingIndicator({ label, elapsed, className, ...props }) {
         children: label
       }, label),
       elapsed !== void 0 && /* @__PURE__ */ jsx("span", {
-        className: cn("font-mono text-[11px] tracking-tight", "text-foreground/30 tabular-nums"),
+        className: cn("font-mono text-[0.6875rem] tracking-tight", "text-foreground/30 tabular-nums"),
         children: elapsed
       })
     ]
@@ -80,7 +80,7 @@ function ReasoningPanel({ steps, visibleSteps, streaming, streamingLabel = "Thin
     onOpenChange,
     className: cn("w-full max-w-sm", className),
     children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
-      className: "group/trigger text-foreground/55 hover:text-foreground/90 flex items-center gap-1.5 py-1 text-[13.5px] transition-[color,scale] outline-none active:scale-[0.98]",
+      className: "group/trigger text-foreground/55 hover:text-foreground/90 flex items-center gap-1.5 py-1 text-[0.84375rem] transition-[color,scale] outline-none active:scale-[0.98]",
       children: [/* @__PURE__ */ jsxs(SwapLabel, {
         active: streaming ? 0 : 1,
         className: "text-start",
@@ -89,7 +89,7 @@ function ReasoningPanel({ steps, visibleSteps, streaming, streamingLabel = "Thin
           className: "relative inline-block leading-none",
           children: streamingLabel
         }), elapsed !== void 0 && /* @__PURE__ */ jsx("span", {
-          className: cn("font-mono text-[11px] tracking-tight", "text-foreground/30 tabular-nums"),
+          className: cn("font-mono text-[0.6875rem] tracking-tight", "text-foreground/30 tabular-nums"),
           children: elapsed
         })] }), /* @__PURE__ */ jsx(Fragment$1, { children: restingLabel })]
       }), /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 shrink-0 opacity-60 transition-transform duration-200 ease-[cubic-bezier(0.32,0.72,0,1)] group-data-open/trigger:rotate-180 group-data-panel-open/trigger:rotate-180 motion-reduce:transition-none" })]
@@ -107,10 +107,10 @@ function ReasoningPanel({ steps, visibleSteps, streaming, streamingLabel = "Thin
             }), /* @__PURE__ */ jsxs("span", {
               className: "flex min-w-0 flex-1 flex-col",
               children: [/* @__PURE__ */ jsx("p", {
-                className: "text-foreground/90 text-[13.5px] font-medium",
+                className: "text-foreground/90 text-[0.84375rem] font-medium",
                 children: step.title
               }), /* @__PURE__ */ jsx("p", {
-                className: "text-foreground/50 mt-0.5 text-[13px] leading-relaxed break-words",
+                className: "text-foreground/50 mt-0.5 text-[0.8125rem] leading-relaxed break-words",
                 children: step.body
               })]
             })]
@@ -143,7 +143,7 @@ function FleetReasoningPanel({ presentation, className, streamingOverride }) {
       children: activeStep?.body ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ThinkingIndicator, {
         label: activeLabel,
         elapsed,
-        className: "text-[13px]"
+        className: "text-[0.8125rem]"
       }), /* @__PURE__ */ jsx("p", {
         className: "pl-4 text-xs font-normal text-muted-foreground",
         children: activeStep.body
@@ -151,7 +151,7 @@ function FleetReasoningPanel({ presentation, className, streamingOverride }) {
         label: activeLabel,
         tick: Math.floor((presentation.elapsedMs ?? 0) / 250),
         variant: "dots",
-        className: "items-start gap-2 px-1 py-1 text-left"
+        className: "items-start gap-2 p-1 text-left"
       })
     }) : null, /* @__PURE__ */ jsx(ReasoningPanel, {
       steps,

package/dist/web/server/{fleet-subagent-list-5luKtpds-3OTVFHJQ.js → fleet-subagent-list-CpSYzCIq-JDH2LHSS.js}

@@ -1,7 +1,7 @@
 import {
   FleetSubagentList,
   fleet_subagent_list_exports
-} from "./chunk-EBCYJSBR.js";
+} from "./chunk-7SD2ZSEA.js";
 import "./chunk-42XU6WV7.js";
 import "./chunk-ON33WDZX.js";
 import "./chunk-TNL4YV63.js";

package/dist/web/server/{fleet-tool-timeline-DwRqQgOj-HUFLGMDV.js → fleet-tool-timeline-IB36_PB2-XJENTO6I.js}

@@ -1,7 +1,7 @@
 import {
   FleetToolTimeline,
   fleet_tool_timeline_exports
-} from "./chunk-X2R5YPQZ.js";
+} from "./chunk-IJPCV6DH.js";
 import "./chunk-XA42CHF2.js";
 import "./chunk-O2DUZJYK.js";
 import "./chunk-WWJF4RO2.js";

package/dist/web/server/{fork-picker-dialog-B9yGc8Au-IL63F2DN.js → fork-picker-dialog-DlINz9UQ-UWIXFDJX.js}

@@ -15,7 +15,7 @@ import "./chunk-JDCCC7A7.js";
 import "./chunk-L547YHC4.js";
 import "./chunk-MLKGABMK.js";
 
-// web/app/dist/server/assets/fork-picker-dialog-B9yGc8Au.js
+// web/app/dist/server/assets/fork-picker-dialog-DlINz9UQ.js
 import { jsx, jsxs } from "react/jsx-runtime";
 function ForkPickerDialog({ entries, onOpenChange, onPick }) {
   const open = entries !== null && entries.length > 0;
@@ -28,7 +28,7 @@ function ForkPickerDialog({ entries, onOpenChange, onPick }) {
         className: "flex max-h-[min(420px,60vh)] flex-col gap-1 overflow-y-auto",
         children: (entries ?? []).map((entry) => /* @__PURE__ */ jsxs("button", {
           type: "button",
-          className: "flex w-full cursor-pointer flex-col gap-0.5 rounded-md px-2 py-2 text-left text-[13px] leading-5 hover:bg-foreground/6",
+          className: "flex w-full cursor-pointer flex-col gap-0.5 rounded-md p-2 text-left text-[0.8125rem] leading-5 hover:bg-foreground/6",
           onClick: () => {
             onPick(entry.id);
             onOpenChange(false);
@@ -37,7 +37,7 @@ function ForkPickerDialog({ entries, onOpenChange, onPick }) {
             className: "truncate font-medium",
             children: entry.preview
           }), /* @__PURE__ */ jsx("span", {
-            className: "truncate font-mono text-[11px] text-foreground/40",
+            className: "truncate font-mono text-[0.6875rem] text-foreground/40",
             children: entry.id
           })]
         }, entry.id))