@qredence/fleet 0.5.10 → 0.6.0

package/dist/web/server/{chunk-OB5OSYJK.js → chunk-LXJD6IGW.js}

@@ -6,10 +6,11 @@ import {
   MessageContent,
   MessageScroller,
   UserMessage,
+  VirtualizedTurnList,
   buildAssistantElements,
   groupMessages,
   normalizeAssistantToolParts
-} from "./chunk-6AW2XFTZ.js";
+} from "./chunk-BBBS5AS7.js";
 import {
   RefreshCw
 } from "./chunk-OKL5ZRVB.js";
@@ -18,16 +19,16 @@ import {
 } from "./chunk-UCA4WN66.js";
 import {
   FleetPiToolRenderer
-} from "./chunk-AJJ2S5FF.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";
@@ -41,8 +42,8 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/subagent-transcript-ByIAMEmN.js
-import { useMemo } from "react";
+// web/app/dist/server/assets/subagent-transcript-D4VGGQxn.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-M5RSPNYN.js

@@ -0,0 +1,22 @@
+import {
+  createLucideIcon
+} from "./chunk-4ZIEVI5O.js";
+
+// web/app/dist/server/assets/pencil-BbtQVrFg.js
+var Pencil = createLucideIcon("pencil", [["path", {
+  d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+  key: "1a8usu"
+}], ["path", {
+  d: "m15 5 4 4",
+  key: "1mk7zo"
+}]]);
+
+export {
+  Pencil
+};
+/**
+* @license lucide-react v1.38.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/

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-P7H2OPKF.js → chunk-PIOFZUOU.js}

@@ -9,9 +9,16 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/input-group-BcYuKbrc.js
+// web/app/dist/server/assets/input-group-TQw1asH2.js
 import "react";
 import { jsx } from "react/jsx-runtime";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx("textarea", {
+    "data-slot": "textarea",
+    className: cn("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+    ...props
+  });
+}
 function InputGroup({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", {
     "data-slot": "input-group",
@@ -69,6 +76,7 @@ function InputGroupInput({ className, ...props }) {
 }
 
 export {
+  Textarea,
   InputGroup,
   InputGroupAddon,
   InputGroupButton,

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

@@ -0,0 +1,39 @@
+// web/app/dist/server/assets/session-label-DAwGAfxA.js
+var SECRET_VALUE_PATTERNS = [
+  /\bsk-[A-Za-z0-9._-]{8,}\b/g,
+  /\b(?:github_pat_|gh[pousr]_)[A-Za-z0-9_]{8,}\b/g,
+  /\bxox[baprs]-[A-Za-z0-9-]{8,}\b/g,
+  /\bAIza[A-Za-z0-9_-]{20,}\b/g
+];
+var NAMED_SECRET_PATTERN = /\b(api[ _-]?key|access[ _-]?token|auth[ _-]?token|bearer|password|secret)\s*([:=])\s*(?:"[^"]*"|'[^']*'|[^\s,;]+)/gi;
+function redactSessionLabelSecrets(label) {
+  let redacted = label.replace(NAMED_SECRET_PATTERN, (_match, name, separator) => `${name}${separator} [redacted]`);
+  for (const pattern of SECRET_VALUE_PATTERNS) redacted = redacted.replace(pattern, "[redacted]");
+  return redacted;
+}
+function meaningfulSessionLabel(value) {
+  const trimmed = value?.trim();
+  if (!trimmed || trimmed === "(no messages)") return void 0;
+  const redacted = redactSessionLabelSecrets(trimmed).trim();
+  return redacted.length > 0 ? redacted : void 0;
+}
+function fallbackSessionLabel(sessionId) {
+  return sessionId.slice(0, 8);
+}
+function sessionListTitle(input) {
+  return meaningfulSessionLabel(input.title) ?? meaningfulSessionLabel(input.firstMessage) ?? fallbackSessionLabel(input.sessionId);
+}
+function disambiguateSessionLabel(base, sessionId, collidingCount) {
+  if (collidingCount <= 1) return base;
+  const suffix = sessionId.slice(-4);
+  if (base.endsWith(suffix)) return base;
+  return `${base} \xB7 ${suffix}`;
+}
+
+export {
+  redactSessionLabelSecrets,
+  meaningfulSessionLabel,
+  fallbackSessionLabel,
+  sessionListTitle,
+  disambiguateSessionLabel
+};

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-TCH3U26B.js → chunk-TWYHHG5N.js}

@@ -70,7 +70,7 @@ import {
   cn
 } from "./chunk-DJMHPJBP.js";
 
-// web/app/dist/server/assets/provider-label-CD_I7WvM.js
+// web/app/dist/server/assets/provider-label-Bp5Y1v8Y.js
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
@@ -181,13 +181,6 @@ var Cpu = createLucideIcon("cpu", [
     key: "z9xiuo"
   }]
 ]);
-var Pencil = createLucideIcon("pencil", [["path", {
-  d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
-  key: "1a8usu"
-}], ["path", {
-  d: "m15 5 4 4",
-  key: "1mk7zo"
-}]]);
 var Server = createLucideIcon("server", [
   ["rect", {
     width: "20",
@@ -908,7 +901,7 @@ function safePolygon(options = {}) {
   };
   return fn;
 }
-var COMPACT_ACTION_BUTTON_CLASS = "h-8 shrink-0 cursor-pointer rounded-full border-border/45 bg-background/65 px-3 text-[11px] font-semibold text-foreground/75 shadow-sm transition-[background-color,border-color,box-shadow,opacity,transform] duration-150 hover:bg-foreground/5 active:scale-[0.96] disabled:opacity-50";
+var COMPACT_ACTION_BUTTON_CLASS = "h-8 shrink-0 cursor-pointer rounded-full border-border/45 bg-background/65 px-3 text-[0.6875rem] font-semibold text-foreground/75 shadow-sm transition-[background-color,border-color,box-shadow,opacity,transform] duration-150 hover:bg-foreground/5 active:scale-[0.96] disabled:opacity-50";
 var HIT_AREA_EXPAND_CLASS = "relative after:absolute after:top-1/2 after:left-1/2 after:size-10 after:-translate-x-1/2 after:-translate-y-1/2";
 var HIT_AREA_EXPAND_DENSE_CLASS = "relative after:absolute after:inset-x-0 after:-top-1.5 after:-bottom-1.5";
 var CHROME_PILL_CLASS = "relative inline-flex h-9 items-center gap-1.5 rounded-[10px] border border-border/70 px-3 text-label font-medium whitespace-nowrap shadow-sm backdrop-blur transition-colors";
@@ -1166,7 +1159,6 @@ function formatProviderLabel(provider) {
 export {
   ArrowLeft,
   Cpu,
-  Pencil,
   Settings,
   Trash2,
   getDelay,

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

@@ -1,6 +1,10 @@
 import {
   redactSessionLabelSecrets
-} from "./chunk-QK4CHLVV.js";
+} from "./chunk-PTCKOR23.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-By86nXcf.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;