@qredence/fleet 0.5.5 → 0.5.7

package/dist/web/server/{routes-Ct81-8Tq-LHRMOS7R.js → routes-CJTRGB1Z-WJKXJFFT.js}

@@ -21,14 +21,47 @@ import {
   useMutation,
   useQuery,
   useQueryClient
-} from "./chunk-PDRD2X5G.js";
+} from "./chunk-HZY3LBGP.js";
+import {
+  Library,
+  RIGHT_PANEL_LAUNCHER_DEFINITIONS,
+  Square,
+  getRightPanelDefinition
+} from "./chunk-NNMZQN7Q.js";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  ArrowLeft,
+  CHAT_HEADER_LAYER_CLASS,
+  CHROME_PILL_ACTIVE_CLASS,
+  CHROME_PILL_CLASS,
+  CHROME_PILL_INACTIVE_CLASS,
+  PANEL_OVERLAY_CLASS,
+  ProviderBrandIcon,
+  Settings,
+  Spinner,
+  Trash2,
+  formatProviderLabel,
+  safePolygon,
+  useHoverFloatingInteraction,
+  useHoverReferenceInteraction,
+  usePopupHandleStore
+} from "./chunk-3B6M63AO.js";
+import {
+  Plus,
+  RightPanelProvider,
+  useChatPanelDataContext,
+  useWorkspaceTreeContext
+} from "./chunk-RPBSDXJ4.js";
 import {
   ChevronLeft,
   FileAttachment,
   FleetGenerativeTextRenderer,
-  FleetSubagentList,
-  FleetToolTimeline,
-  Image,
   Message,
   MessageBubble,
   MessageBubbleContent,
@@ -37,28 +70,45 @@ import {
   UserMessage,
   buildAssistantElements,
   groupMessages,
-  normalizeAssistantToolParts,
-  orderedRlmChildren
-} from "./chunk-56HSKUBD.js";
+  normalizeAssistantToolParts
+} from "./chunk-EGQ6ZX4D.js";
+import "./chunk-GV7DJIHY.js";
+import {
+  RefreshCw
+} from "./chunk-XKYEXPLQ.js";
+import {
+  notify
+} from "./chunk-K4ESBQ3R.js";
+import {
+  TriangleAlert
+} from "./chunk-W5GRNHV5.js";
+import {
+  Bot
+} from "./chunk-74QOI457.js";
 import {
   BookOpenText,
   CitationList,
   CitationStack,
-  Earth,
   ListTodo,
   LogOut,
   MessageCircleQuestionMark,
   PI_TOOL_RENDERERS,
-  ShimmerLabel,
-  SwapLabel,
-  collapsePanel,
+  useHoverCapable
+} from "./chunk-KZSM3BHO.js";
+import "./chunk-E365EOXJ.js";
+import {
   field,
   floating,
   mono,
-  paper,
-  take,
-  useHoverCapable
-} from "./chunk-3HUI75QM.js";
+  paper
+} from "./chunk-ANL4B775.js";
+import "./chunk-EFAGCVZ3.js";
+import {
+  Sparkles
+} from "./chunk-BNQWMQHD.js";
+import {
+  orderedRlmChildren
+} from "./chunk-YNGDUWCF.js";
 import {
   DESKTOP_PANEL_ONLY,
   File,
@@ -75,70 +125,17 @@ import {
   thinkingLevelLabel,
   toModelOption,
   toModelSelection
-} from "./chunk-BEMDNODD.js";
+} from "./chunk-UNZJQ7CY.js";
 import "./chunk-QK4CHLVV.js";
-import {
-  resolveWorkspacePanelTarget
-} from "./chunk-P66QQWUM.js";
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  Library,
-  RIGHT_PANEL_LAUNCHER_DEFINITIONS,
-  Square,
-  getRightPanelDefinition
-} from "./chunk-Y4MHIA7B.js";
 import {
   Folder
 } from "./chunk-OLG5DQ7V.js";
 import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  ArrowLeft,
-  CHAT_HEADER_LAYER_CLASS,
-  CHROME_PILL_ACTIVE_CLASS,
-  CHROME_PILL_CLASS,
-  CHROME_PILL_INACTIVE_CLASS,
-  MessageSquare,
-  PANEL_OVERLAY_CLASS,
-  ProviderBrandIcon,
-  Settings,
-  Spinner,
-  Trash2,
-  formatProviderLabel,
-  safePolygon,
-  useHoverFloatingInteraction,
-  useHoverReferenceInteraction,
-  usePopupHandleStore
-} from "./chunk-2V6B62OF.js";
-import {
-  RefreshCw,
-  notify
-} from "./chunk-FZRBAPUM.js";
-import {
-  TriangleAlert
-} from "./chunk-SZ65K4CO.js";
-import {
-  Sparkles
-} from "./chunk-5WZFFNFY.js";
-import {
-  Plus,
-  RightPanelProvider,
-  useChatPanelDataContext,
-  useWorkspaceTreeContext
-} from "./chunk-XLCTCC4W.js";
+  resolveWorkspacePanelTarget
+} from "./chunk-P66QQWUM.js";
 import {
-  Bot
-} from "./chunk-74QOI457.js";
+  Gauge
+} from "./chunk-3D4Z32XA.js";
 import {
   Search
 } from "./chunk-2H6A6Z7F.js";
@@ -150,32 +147,40 @@ import {
 } from "./chunk-4UBOIY2S.js";
 import {
   ActionSwapRollText,
-  AgentDisclosure,
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
   Copy,
-  FileCodeCorner,
-  Wrench
-} from "./chunk-6D524OCJ.js";
+  FileCodeCorner
+} from "./chunk-LNGWHEE6.js";
+import {
+  AgentDisclosure
+} from "./chunk-C66BSNA6.js";
+import {
+  RotateCcw
+} from "./chunk-6RJYXDSD.js";
+import "./chunk-SG4W4SPQ.js";
+import {
+  LoaderCircle
+} from "./chunk-PKCTG7EW.js";
 import {
   AnimatePresence,
+  useReducedMotion
+} from "./chunk-ZJFA4F5X.js";
+import {
+  ChevronRight
+} from "./chunk-7QCDOBZ3.js";
+import {
   EASE_DRAWER,
   EASE_IN_OUT,
   EASE_OUT,
   MotionConfigContext,
-  SPRING_GLIDE,
   SPRING_LAYOUT,
   SPRING_MOUSE,
   SPRING_PANEL,
   SPRING_PRESS,
   SPRING_SWAP,
   m,
-  motion,
   useConstant,
-  useIsomorphicLayoutEffect,
-  useReducedMotion
-} from "./chunk-QJBEWT4E.js";
+  useIsomorphicLayoutEffect
+} from "./chunk-K3BXQG3N.js";
 import {
   HTMLVisualElement,
   JSAnimation,
@@ -210,15 +215,6 @@ import {
   visualElementStore,
   warning
 } from "./chunk-FAGDMGLK.js";
-import {
-  RotateCcw
-} from "./chunk-6RJYXDSD.js";
-import {
-  LoaderCircle
-} from "./chunk-PKCTG7EW.js";
-import {
-  ChevronRight
-} from "./chunk-7QCDOBZ3.js";
 import {
   UiErrorBoundary,
   decodeOpenPanelActionMessage
@@ -247,12 +243,6 @@ import {
   WorkspaceRelativePathSchema,
   external_exports
 } from "./chunk-XFVL5ITL.js";
-import "./chunk-NFRJDPB3.js";
-import {
-  ChevronUp,
-  isSafeExternalUrl
-} from "./chunk-LESNF5O4.js";
-import "./chunk-52SJQXO4.js";
 import {
   CompositeList,
   Select,
@@ -266,18 +256,19 @@ import {
   useOpenMethodTriggerProps,
   usePositioner,
   useToolbarRootContext
-} from "./chunk-TO3YPLNZ.js";
+} from "./chunk-EKBKGAWX.js";
 import "./chunk-RJOANOT4.js";
+import "./chunk-NFRJDPB3.js";
+import {
+  ChevronUp
+} from "./chunk-T23OO4SC.js";
+import "./chunk-L46H6IDX.js";
 import {
   ChevronDown
 } from "./chunk-QLY3L4A2.js";
 import {
   Input
-} from "./chunk-AWFOBHH4.js";
-import {
-  Check,
-  useControlled
-} from "./chunk-NLIUTTKL.js";
+} from "./chunk-NPPG2GTW.js";
 import {
   ARROW_DOWN,
   ARROW_LEFT,
@@ -320,7 +311,7 @@ import {
   usePopupRootSync,
   useSurface,
   useTriggerDataForwarding
-} from "./chunk-RX62LUDV.js";
+} from "./chunk-JOSTE7WK.js";
 import {
   Button,
   CLICK_TRIGGER_IDENTIFIER,
@@ -344,15 +335,23 @@ import {
   isListIndexDisabled,
   isOutsideEvent,
   ownerDocument
-} from "./chunk-5RQ6QAZX.js";
+} from "./chunk-F6MGAW3L.js";
+import {
+  Check
+} from "./chunk-6QNW66XR.js";
+import {
+  useControlled
+} from "./chunk-S3PQ6HKH.js";
 import {
   useBaseUiId
-} from "./chunk-LSIHVSUT.js";
+} from "./chunk-7SR6WDM2.js";
+import {
+  X
+} from "./chunk-YHXAXJ6I.js";
 import {
   CompositeRootContext,
   EMPTY_ARRAY,
   EMPTY_OBJECT,
-  X,
   createChangeEventDetails,
   disabled,
   focusOut,
@@ -371,22 +370,22 @@ import {
   useOpenChangeComplete,
   useRenderElement,
   useStableCallback
-} from "./chunk-BLVCDQ7E.js";
+} from "./chunk-C5X6G26O.js";
 import {
   getResourceGroups
-} from "./chunk-46VQY7SG.js";
-import {
-  CircleAlert,
-  FileText
-} from "./chunk-7APYEQIO.js";
+} from "./chunk-HU4AIJV3.js";
 import "./chunk-BSFYTSN6.js";
 import "./chunk-EAJTWMK5.js";
+import {
+  FileText
+} from "./chunk-QAE5SXDK.js";
+import {
+  CircleAlert
+} from "./chunk-GABXCOY3.js";
 import {
   Package
 } from "./chunk-ZGFQ7HIX.js";
-import {
-  SquareTerminal
-} from "./chunk-G5BCQQ5N.js";
+import "./chunk-G5BCQQ5N.js";
 import "./chunk-BYXBJQAS.js";
 import {
   createLucideIcon
@@ -401,7 +400,7 @@ import "./chunk-JDCCC7A7.js";
 import "./chunk-L547YHC4.js";
 import "./chunk-MLKGABMK.js";
 
-// web/app/dist/server/assets/routes-Ct81-8Tq.js
+// web/app/dist/server/assets/routes-CJTRGB1Z.js
 import * as React$1 from "react";
 import { Suspense, cloneElement, createContext as createContext2, createElement, forwardRef as forwardRef2, isValidElement, lazy, memo, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect2, useEffectEvent, useId, useInsertionEffect, useLayoutEffect, useMemo as useMemo2, useReducer, useRef as useRef2, useState as useState2, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -461,12 +460,6 @@ var CircleStop = createLucideIcon("circle-stop", [["circle", {
   rx: "1",
   key: "1ssd4o"
 }]]);
-var Circle = createLucideIcon("circle", [["circle", {
-  cx: "12",
-  cy: "12",
-  r: "10",
-  key: "1mglay"
-}]]);
 var Clock3 = createLucideIcon("clock-3", [["circle", {
   cx: "12",
   cy: "12",
@@ -476,7 +469,7 @@ var Clock3 = createLucideIcon("clock-3", [["circle", {
   d: "M12 6v6h4",
   key: "135r8i"
 }]]);
-var Command2 = createLucideIcon("command", [["path", {
+var Command = createLucideIcon("command", [["path", {
   d: "M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3",
   key: "11bfej"
 }]]);
@@ -550,13 +543,6 @@ var FolderTree = createLucideIcon("folder-tree", [
     key: "k8epm1"
   }]
 ]);
-var Gauge = createLucideIcon("gauge", [["path", {
-  d: "m12 14 4-4",
-  key: "9kzdfg"
-}], ["path", {
-  d: "M3.34 19a10 10 0 1 1 17.32 0",
-  key: "19p75a"
-}]]);
 var ListRestart = createLucideIcon("list-restart", [
   ["path", {
     d: "M21 5H3",
@@ -622,20 +608,6 @@ var PanelRight = createLucideIcon("panel-right", [["rect", {
   d: "M15 3v18",
   key: "14nvp0"
 }]]);
-var PencilLine = createLucideIcon("pencil-line", [
-  ["path", {
-    d: "M13 21h8",
-    key: "1jsn5i"
-  }],
-  ["path", {
-    d: "m15 5 4 4",
-    key: "1mk7zo"
-  }],
-  ["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"
-  }]
-]);
 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"
@@ -7450,551 +7422,109 @@ function StreamingResponse({ children, status = "streaming", copyText, onCopy, o
     })]
   });
 }
-var TEXT_SHIMMER_KEYFRAMES = "@keyframes beui-text-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.beui-text-shimmer{animation:none !important}}";
-var TEXT_SHIMMER_CLASS_NAME = "beui-text-shimmer bg-[length:200%_100%] bg-clip-text text-transparent bg-[linear-gradient(110deg,var(--muted-foreground)_30%,var(--foreground)_50%,var(--muted-foreground)_70%)]";
-function textShimmerStyle(duration) {
-  return { animation: `beui-text-shimmer ${duration}s linear infinite` };
-}
-function TextShimmer({ children, as: Comp = "span", duration = 2.5, className }) {
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("style", { children: TEXT_SHIMMER_KEYFRAMES }), /* @__PURE__ */ jsx(Comp, {
-    style: textShimmerStyle(duration),
-    className: cn("inline-block", TEXT_SHIMMER_CLASS_NAME, className),
-    children
-  })] });
-}
-function ThinkingShimmer({ children = "Thinking\u2026", duration = 1.8, className }) {
-  return /* @__PURE__ */ jsx(TextShimmer, {
-    as: "span",
-    duration,
-    className: cn("font-medium", className),
-    children
-  });
+var GRID_CELLS = [
+  {
+    id: "top-left",
+    delay: 0
+  },
+  {
+    id: "top-center",
+    delay: 0.14
+  },
+  {
+    id: "top-right",
+    delay: 0.28
+  },
+  {
+    id: "middle-left",
+    delay: 0.42
+  },
+  {
+    id: "middle-center",
+    delay: 0.56
+  },
+  {
+    id: "middle-right",
+    delay: 0.7
+  },
+  {
+    id: "bottom-left",
+    delay: 0.84
+  },
+  {
+    id: "bottom-center",
+    delay: 0.98
+  },
+  {
+    id: "bottom-right",
+    delay: 1.12
+  }
+];
+function formatElapsed(totalSeconds) {
+  const safeSeconds = Math.max(0, totalSeconds);
+  const minutes = Math.floor(safeSeconds / 60);
+  const seconds = (safeSeconds % 60).toFixed(1);
+  return minutes > 0 ? `${minutes}m ${seconds}s` : `${seconds}s`;
 }
-function StepRow({ item }) {
-  const state = item.status ?? "complete";
-  return /* @__PURE__ */ jsxs("div", {
-    className: "flex min-h-7 items-start gap-2.5 rounded-md px-1.5 py-1",
+function AgentProgress({ label = "Churning", elapsedSeconds, initialSeconds = 0, running = true, className }) {
+  const reduce = useReducedMotion() ?? false;
+  const [internalSeconds, setInternalSeconds] = useState2(initialSeconds);
+  useEffect2(() => {
+    if (elapsedSeconds !== void 0 || !running) return;
+    const startedAt = performance.now() - initialSeconds * 1e3;
+    const timer = window.setInterval(() => {
+      setInternalSeconds((performance.now() - startedAt) / 1e3);
+    }, 100);
+    return () => window.clearInterval(timer);
+  }, [
+    elapsedSeconds,
+    initialSeconds,
+    running
+  ]);
+  const elapsed = elapsedSeconds ?? internalSeconds;
+  return /* @__PURE__ */ jsxs("span", {
+    role: "status",
+    "aria-label": `${label}, in progress`,
+    className: cn("inline-flex items-center gap-3 font-mono text-sm text-muted-foreground", className),
     children: [
       /* @__PURE__ */ jsx("span", {
         "aria-hidden": "true",
-        className: "mt-0.5 grid size-4 shrink-0 place-items-center text-muted-foreground/70",
-        children: state === "complete" ? /* @__PURE__ */ jsx(Check, {
-          className: "size-4",
-          strokeWidth: 1.8
-        }) : state === "active" ? /* @__PURE__ */ jsxs("span", {
-          className: "relative grid size-3 place-items-center",
-          children: [/* @__PURE__ */ jsx(motion.span, {
-            className: "absolute inset-0 rounded-full bg-foreground/10",
-            animate: { opacity: [
-              0.35,
-              0.8,
-              0.35
-            ] },
-            transition: {
-              duration: 1.5,
-              repeat: Number.POSITIVE_INFINITY
-            }
-          }), /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-foreground/60" })]
-        }) : /* @__PURE__ */ jsx(Circle, {
-          className: "size-3",
-          strokeWidth: 1.5
-        })
+        className: "grid size-5 shrink-0 grid-cols-3 gap-[2px]",
+        children: GRID_CELLS.map(({ id, delay }) => /* @__PURE__ */ jsx(m.span, {
+          className: "rounded-[1px] bg-current",
+          animate: reduce ? { opacity: [
+            0.35,
+            0.8,
+            0.35
+          ] } : {
+            opacity: [
+              0.28,
+              1,
+              0.28
+            ],
+            scale: [
+              0.72,
+              1,
+              0.72
+            ]
+          },
+          transition: {
+            duration: 1.55,
+            ease: EASE_IN_OUT,
+            repeat: Infinity,
+            delay
+          }
+        }, id))
       }),
       /* @__PURE__ */ jsx("span", {
-        className: cn("min-w-0 flex-1 leading-5", state === "pending" ? "text-muted-foreground/55" : "text-foreground/90"),
-        children: item.label
+        className: "font-sans font-medium",
+        children: label
       }),
-      item.meta ? /* @__PURE__ */ jsx("span", {
-        className: "shrink-0 leading-5 text-muted-foreground/55",
-        children: item.meta
-      }) : null
-    ]
-  });
-}
-function TextRow({ item }) {
-  return /* @__PURE__ */ jsx("div", {
-    className: "rounded-md px-1.5 py-1 leading-5 text-muted-foreground",
-    children: item.content
-  });
-}
-function SearchResultRow({ result }) {
-  const safeUrl = result.url && isSafeExternalUrl(result.url) ? result.url : void 0;
-  const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx("span", {
-      "aria-hidden": "true",
-      className: "grid size-5 shrink-0 place-items-center text-muted-foreground",
-      children: result.icon ?? /* @__PURE__ */ jsx(Earth, {
-        className: "size-3",
-        strokeWidth: 2
-      })
-    }),
-    /* @__PURE__ */ jsx("span", {
-      className: "min-w-0 truncate font-medium text-foreground/90",
-      children: result.title
-    }),
-    result.domain ? /* @__PURE__ */ jsx("span", {
-      className: "min-w-0 truncate text-muted-foreground/55",
-      children: result.domain
-    }) : null
-  ] });
-  const className = cn("flex min-h-7 items-center gap-2 rounded-md px-1.5 py-1 text-left outline-none transition-colors", safeUrl && "focus-visible:ring-2 focus-visible:ring-ring");
-  return safeUrl ? /* @__PURE__ */ jsx("a", {
-    href: safeUrl,
-    className,
-    children: content
-  }) : /* @__PURE__ */ jsx("div", {
-    className,
-    children: content
-  });
-}
-function SearchRow({ item }) {
-  const reduce = useReducedMotion() ?? false;
-  const enter = reduce ? { opacity: 1 } : {
-    opacity: 0,
-    y: 6
-  };
-  const visible = {
-    opacity: 1,
-    y: 0
-  };
-  const exit = reduce ? { opacity: 0 } : {
-    opacity: 0,
-    y: -3
-  };
-  const transition = reduce ? { duration: 0 } : {
-    opacity: {
-      duration: 0.18,
-      ease: EASE_OUT
-    },
-    y: SPRING_LAYOUT,
-    layout: SPRING_LAYOUT
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-0.5",
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex min-h-7 items-center gap-2.5 rounded-md px-1.5 py-1 text-muted-foreground",
-        children: [/* @__PURE__ */ jsx(Search, {
-          "aria-hidden": "true",
-          className: "size-4 shrink-0",
-          strokeWidth: 1.7
-        }), /* @__PURE__ */ jsx("span", {
-          className: "min-w-0 truncate",
-          children: item.query
-        })]
-      }),
-      item.results?.length ? /* @__PURE__ */ jsx("div", {
-        className: "space-y-0.5 pl-4",
-        children: /* @__PURE__ */ jsx(AnimatePresence, {
-          initial: true,
-          mode: "popLayout",
-          children: item.results.map((result) => /* @__PURE__ */ jsx(motion.div, {
-            layout: "position",
-            initial: enter,
-            animate: visible,
-            exit,
-            transition,
-            children: /* @__PURE__ */ jsx(SearchResultRow, { result })
-          }, result.id))
-        })
-      }) : null,
-      /* @__PURE__ */ jsx(AnimatePresence, {
-        initial: true,
-        children: item.moreCount ? /* @__PURE__ */ jsxs(motion.div, {
-          initial: enter,
-          animate: visible,
-          exit,
-          transition,
-          className: "px-1.5 py-1 pl-8 text-muted-foreground/55",
-          children: [
-            "+",
-            item.moreCount,
-            " more"
-          ]
-        }, "more-results") : null
-      })
-    ]
-  });
-}
-function ActionIcon({ action }) {
-  if (action === "read") return /* @__PURE__ */ jsx(FileText, { className: "size-4" });
-  if (action === "edit" || action === "write") return /* @__PURE__ */ jsx(PencilLine, { className: "size-4" });
-  if (action === "run") return /* @__PURE__ */ jsx(SquareTerminal, { className: "size-4" });
-  return /* @__PURE__ */ jsx(Wrench, { className: "size-4" });
-}
-function ActivityAction({ action }) {
-  return /* @__PURE__ */ jsx("button", {
-    type: "button",
-    "aria-label": action.ariaLabel ?? action.label,
-    onClick: action.onClick,
-    className: "shrink-0 rounded-md px-1.5 py-1 text-[10px] font-medium text-primary outline-none hover:bg-primary/10 focus-visible:ring-2 focus-visible:ring-ring",
-    children: action.label
-  });
-}
-function ToolRow({ item }) {
-  const action = item.action.charAt(0).toUpperCase() + item.action.slice(1);
-  const hasChanges = typeof item.additions === "number" || typeof item.deletions === "number";
-  return /* @__PURE__ */ jsxs("div", {
-    className: "grid min-h-8 min-w-0 grid-cols-[1rem_auto_minmax(0,1fr)_auto] items-center gap-2.5 rounded-md px-1.5 py-0.5 leading-5",
-    children: [
-      /* @__PURE__ */ jsx("span", {
-        "aria-hidden": "true",
-        className: "grid size-4 shrink-0 place-items-center text-muted-foreground/70",
-        children: /* @__PURE__ */ jsx(ActionIcon, { action: item.action })
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: "shrink-0 font-medium text-foreground/90",
-        children: action
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: "min-w-0 flex-1 truncate rounded-lg bg-muted/80 px-2.5 py-1 font-mono text-xs text-muted-foreground/70",
-        children: item.target
-      }),
-      hasChanges || item.openAction ? /* @__PURE__ */ jsxs("div", {
-        className: "flex shrink-0 items-center gap-2",
-        children: [hasChanges ? /* @__PURE__ */ jsxs("span", {
-          className: "flex items-center gap-2 font-mono tabular-nums",
-          children: [typeof item.additions === "number" ? /* @__PURE__ */ jsxs("span", {
-            className: "text-emerald-500",
-            children: ["+", item.additions]
-          }) : null, typeof item.deletions === "number" ? /* @__PURE__ */ jsxs("span", {
-            className: "text-rose-500",
-            children: ["\u2212", item.deletions]
-          }) : null]
-        }) : null, item.openAction ? /* @__PURE__ */ jsx(ActivityAction, { action: item.openAction }) : null]
-      }) : null
-    ]
-  });
-}
-function TraceIcon({ kind }) {
-  if (kind === "thinking") return /* @__PURE__ */ jsx(Sparkles, { className: "size-4" });
-  if (kind === "message") return /* @__PURE__ */ jsx(MessageSquare, { className: "size-4" });
-  if (kind === "write") return /* @__PURE__ */ jsx(PencilLine, { className: "size-4" });
-  if (kind === "run") return /* @__PURE__ */ jsx(SquareTerminal, { className: "size-4" });
-  if (kind === "read") return /* @__PURE__ */ jsx(Image, { className: "size-4" });
-  return /* @__PURE__ */ jsx(Wrench, { className: "size-4" });
-}
-function TraceRow({ item }) {
-  const thinking = item.kind === "thinking";
-  return /* @__PURE__ */ jsxs("div", {
-    className: cn("grid min-h-8 grid-cols-[1rem_auto_minmax(0,1fr)_auto] gap-2.5 rounded-md px-1.5 py-0.5", thinking ? "items-start" : "items-center"),
-    children: [
-      /* @__PURE__ */ jsx("span", {
-        "aria-hidden": "true",
-        className: "grid size-4 place-items-center text-muted-foreground/70",
-        children: item.icon ?? /* @__PURE__ */ jsx(TraceIcon, { kind: item.kind })
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: "min-w-0 truncate font-medium text-foreground/90",
-        children: item.label
-      }),
-      item.detail ? /* @__PURE__ */ jsx("span", {
-        className: cn("min-w-0 rounded-lg bg-muted/80 px-2.5 py-1 font-mono text-xs text-muted-foreground/70", thinking ? "max-h-40 overflow-y-auto whitespace-pre-wrap break-words" : "truncate"),
-        children: item.detail
-      }) : /* @__PURE__ */ jsx("span", {}),
-      item.action ? /* @__PURE__ */ jsx(ActivityAction, { action: item.action }) : null
-    ]
-  });
-}
-function ActivityRow({ item }) {
-  if (item.type === "text") return /* @__PURE__ */ jsx(TextRow, { item });
-  if (item.type === "search") return /* @__PURE__ */ jsx(SearchRow, { item });
-  if (item.type === "tool") return /* @__PURE__ */ jsx(ToolRow, { item });
-  if (item.type === "trace") return /* @__PURE__ */ jsx(TraceRow, { item });
-  return /* @__PURE__ */ jsx(StepRow, { item });
-}
-function formatDuration(duration) {
-  const seconds = Math.max(0, Math.round(duration));
-  if (seconds < 60) return `${seconds}s`;
-  const minutes = Math.floor(seconds / 60);
-  const remainder = seconds % 60;
-  return remainder === 0 ? `${minutes}m` : `${minutes}m ${remainder}s`;
-}
-function useControllableOpen({ open, defaultOpen, onOpenChange }) {
-  const [internalOpen, setInternalOpen] = useState2(defaultOpen);
-  const controlled = open !== void 0;
-  return [open ?? internalOpen, useCallback2((next) => {
-    if (!controlled) setInternalOpen(next);
-    onOpenChange?.(next);
-  }, [controlled, onOpenChange])];
-}
-function getContentType(items) {
-  const first = items[0]?.type;
-  return first && items.every((item) => item.type === first) ? first : "mixed";
-}
-function getActiveLabel(type) {
-  if (type === "search") return "Searching the web\u2026";
-  if (type === "tool") return "Running tools\u2026";
-  if (type === "trace") return "Working through the run\u2026";
-  if (type === "mixed") return "Working through it\u2026";
-  return "Thinking\u2026";
-}
-function getSummary(type, items, duration) {
-  if (type === "step" || type === "text") return /* @__PURE__ */ jsxs(Fragment$1, { children: ["Thought for ", /* @__PURE__ */ jsx("span", {
-    className: "tabular-nums",
-    children: formatDuration(duration)
-  })] });
-  if (type === "search") return "Searched the web";
-  if (type === "tool") return `Ran ${items.length} ${items.length === 1 ? "tool" : "tools"}`;
-  if (type === "trace") {
-    const messages = items.filter((item) => item.type === "trace" && (item.kind === "thinking" || item.kind === "message")).length;
-    const tools = items.length - messages;
-    return `${tools} ${tools === 1 ? "tool call" : "tool calls"}, ${messages} ${messages === 1 ? "message" : "messages"}`;
-  }
-  return `Completed ${items.length} ${items.length === 1 ? "step" : "steps"}`;
-}
-function AgentActivity({ items, contentType: initialContentType, status = "working", duration = 0, open, defaultOpen = false, onOpenChange, collapseOnComplete = true, activeLabel, summary, renderWorkingStatus, renderCompletedStatus, maxHeight = 208, className, contentClassName }) {
-  const reduce = useReducedMotion() ?? false;
-  const baseId = useId();
-  const triggerId = `${baseId}-trigger`;
-  const contentId = `${baseId}-content`;
-  const contentRef = useRef2(null);
-  const viewportRef = useRef2(null);
-  const previousStatus = useRef2(status);
-  const [contentHeight, setContentHeight] = useState2(0);
-  const [currentOpen, setOpen] = useControllableOpen({
-    open,
-    defaultOpen,
-    onOpenChange
-  });
-  const working = status === "working";
-  const expanded = working || currentOpen;
-  const contentType = items.length ? getContentType(items) : initialContentType ?? "mixed";
-  const viewportHeight = working ? Math.max(0, maxHeight) : Math.min(contentHeight, Math.max(0, maxHeight));
-  const capped = contentHeight > maxHeight;
-  const streamOffset = working ? Math.min(0, viewportHeight - contentHeight) : 0;
-  useLayoutEffect(() => {
-    const node = contentRef.current;
-    if (!node) return;
-    const measure = () => setContentHeight(node.offsetHeight);
-    measure();
-    if (typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(measure);
-    observer.observe(node);
-    return () => observer.disconnect();
-  }, []);
-  useEffect2(() => {
-    if (previousStatus.current === "working" && status === "complete") setOpen(!collapseOnComplete);
-    previousStatus.current = status;
-  }, [
-    collapseOnComplete,
-    setOpen,
-    status
-  ]);
-  const toggle = () => {
-    const next = !currentOpen;
-    setOpen(next);
-    if (next) requestAnimationFrame(() => viewportRef.current?.scrollTo({ top: 0 }));
-  };
-  const liveLabel = activeLabel ?? getActiveLabel(contentType);
-  const completedSummary = summary ?? getSummary(contentType, items, duration);
-  const maskImage = capped ? working ? "linear-gradient(to bottom, transparent, black 12px)" : "linear-gradient(to bottom, transparent, black 12px, black calc(100% - 12px), transparent)" : void 0;
-  return /* @__PURE__ */ jsxs("div", {
-    "data-state": working ? "working" : expanded ? "open" : "closed",
-    "data-content": contentType,
-    "aria-busy": working,
-    className: cn("w-full text-sm", className),
-    children: [working ? /* @__PURE__ */ jsx("div", {
-      id: triggerId,
-      role: "status",
-      className: "flex h-7 min-w-0 items-center text-muted-foreground",
-      children: renderWorkingStatus ? renderWorkingStatus({
-        label: liveLabel,
-        duration
-      }) : /* @__PURE__ */ jsx(ThinkingShimmer, { children: liveLabel })
-    }) : /* @__PURE__ */ jsxs("button", {
-      id: triggerId,
-      type: "button",
-      "aria-expanded": expanded,
-      "aria-controls": contentId,
-      onClick: toggle,
-      className: "group flex h-7 min-w-0 items-center gap-1.5 rounded-md text-left font-medium text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-      children: [/* @__PURE__ */ jsx("span", {
-        className: "truncate",
-        children: renderCompletedStatus ? renderCompletedStatus({
-          summary: completedSummary,
-          duration
-        }) : completedSummary
-      }), /* @__PURE__ */ jsx(motion.span, {
-        "aria-hidden": "true",
-        animate: { rotate: expanded ? 180 : 0 },
-        transition: reduce ? { duration: 0 } : SPRING_SWAP,
-        className: "inline-flex shrink-0 text-muted-foreground/70 group-hover:text-foreground",
-        children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })
-      })]
-    }), /* @__PURE__ */ jsx(AgentDisclosure, {
-      id: contentId,
-      role: "region",
-      "aria-labelledby": triggerId,
-      open: expanded,
-      openHeight: viewportHeight,
-      children: /* @__PURE__ */ jsx("div", {
-        ref: viewportRef,
-        className: cn("scrollbar-hide pr-1", capped && expanded && !working ? "overflow-y-auto" : "overflow-y-hidden"),
-        style: {
-          height: viewportHeight,
-          maskImage,
-          WebkitMaskImage: maskImage
-        },
-        children: /* @__PURE__ */ jsx(motion.div, {
-          ref: contentRef,
-          role: "list",
-          initial: false,
-          animate: { y: streamOffset },
-          transition: reduce ? { duration: 0 } : SPRING_LAYOUT,
-          className: cn("space-y-0.5 py-2", contentClassName),
-          children: /* @__PURE__ */ jsx(AnimatePresence, {
-            mode: "popLayout",
-            children: items.map((item) => /* @__PURE__ */ jsx(motion.div, {
-              layout: "position",
-              role: "listitem",
-              initial: reduce ? { opacity: 1 } : {
-                opacity: 0,
-                y: 6
-              },
-              animate: {
-                opacity: 1,
-                y: 0
-              },
-              exit: reduce ? { opacity: 0 } : {
-                opacity: 0,
-                y: -3
-              },
-              transition: reduce ? { duration: 0 } : {
-                opacity: {
-                  duration: 0.18,
-                  ease: EASE_OUT
-                },
-                y: SPRING_LAYOUT,
-                layout: SPRING_LAYOUT
-              },
-              children: /* @__PURE__ */ jsx(ActivityRow, { item })
-            }, item.id))
-          })
-        })
-      })
-    })]
-  });
-}
-function PromptSuggestions({ suggestions, selectedSuggestion, cycle, onSuggestion, variant = "pills", className, ...props }) {
-  const list = variant === "list";
-  return /* @__PURE__ */ jsx("div", {
-    "data-slot": "suggestions",
-    className: cn(list ? "flex w-full max-w-sm flex-col gap-2" : "flex w-full max-w-xl flex-wrap justify-center gap-1", className),
-    ...props,
-    children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsx("button", {
-      type: "button",
-      "aria-pressed": selectedSuggestion === suggestion,
-      onClick: () => onSuggestion(suggestion),
-      className: cn(paper, "fade-in slide-in-from-bottom-2 animate-in fill-mode-both flex cursor-pointer items-center text-[13px] text-foreground/80 transition-[color,transform] duration-300 hover:-translate-y-px hover:text-foreground focus-visible:text-foreground active:scale-[0.96] motion-reduce:animate-none", list ? "w-full rounded-2xl px-4 py-2.5 text-start" : "rounded-full px-4 py-2", selectedSuggestion === suggestion && "!bg-foreground !text-background hover:!text-background focus-visible:!text-background"),
-      style: { animationDelay: `${index * 70}ms` },
-      children: suggestion
-    }, suggestion))
-  }, cycle);
-}
-var GRID_CELLS = [
-  {
-    id: "top-left",
-    delay: 0
-  },
-  {
-    id: "top-center",
-    delay: 0.14
-  },
-  {
-    id: "top-right",
-    delay: 0.28
-  },
-  {
-    id: "middle-left",
-    delay: 0.42
-  },
-  {
-    id: "middle-center",
-    delay: 0.56
-  },
-  {
-    id: "middle-right",
-    delay: 0.7
-  },
-  {
-    id: "bottom-left",
-    delay: 0.84
-  },
-  {
-    id: "bottom-center",
-    delay: 0.98
-  },
-  {
-    id: "bottom-right",
-    delay: 1.12
-  }
-];
-function formatElapsed$1(totalSeconds) {
-  const safeSeconds = Math.max(0, totalSeconds);
-  const minutes = Math.floor(safeSeconds / 60);
-  const seconds = (safeSeconds % 60).toFixed(1);
-  return minutes > 0 ? `${minutes}m ${seconds}s` : `${seconds}s`;
-}
-function AgentProgress({ label = "Churning", elapsedSeconds, initialSeconds = 0, running = true, className }) {
-  const reduce = useReducedMotion() ?? false;
-  const [internalSeconds, setInternalSeconds] = useState2(initialSeconds);
-  useEffect2(() => {
-    if (elapsedSeconds !== void 0 || !running) return;
-    const startedAt = performance.now() - initialSeconds * 1e3;
-    const timer = window.setInterval(() => {
-      setInternalSeconds((performance.now() - startedAt) / 1e3);
-    }, 100);
-    return () => window.clearInterval(timer);
-  }, [
-    elapsedSeconds,
-    initialSeconds,
-    running
-  ]);
-  const elapsed = elapsedSeconds ?? internalSeconds;
-  return /* @__PURE__ */ jsxs("span", {
-    role: "status",
-    "aria-label": `${label}, in progress`,
-    className: cn("inline-flex items-center gap-3 font-mono text-sm text-muted-foreground", className),
-    children: [
-      /* @__PURE__ */ jsx("span", {
-        "aria-hidden": "true",
-        className: "grid size-5 shrink-0 grid-cols-3 gap-[2px]",
-        children: GRID_CELLS.map(({ id, delay }) => /* @__PURE__ */ jsx(m.span, {
-          className: "rounded-[1px] bg-current",
-          animate: reduce ? { opacity: [
-            0.35,
-            0.8,
-            0.35
-          ] } : {
-            opacity: [
-              0.28,
-              1,
-              0.28
-            ],
-            scale: [
-              0.72,
-              1,
-              0.72
-            ]
-          },
-          transition: {
-            duration: 1.55,
-            ease: EASE_IN_OUT,
-            repeat: Infinity,
-            delay
-          }
-        }, id))
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: "font-sans font-medium",
-        children: label
-      }),
-      /* @__PURE__ */ jsx("span", {
-        "aria-hidden": "true",
-        className: "tabular-nums text-muted-foreground/70",
-        children: formatElapsed$1(elapsed)
-      })
+      /* @__PURE__ */ jsx("span", {
+        "aria-hidden": "true",
+        className: "tabular-nums text-muted-foreground/70",
+        children: formatElapsed(elapsed)
+      })
     ]
   });
 }
@@ -8077,6 +7607,70 @@ function iconFor(kind) {
       return Clock3;
   }
 }
+function activityLabelFor(items) {
+  if (items.length === 1) {
+    const item = items[0];
+    if (item?.type === "search") return "Checking a source\u2026";
+    if (item?.type === "tool") return `Working with ${item.action}\u2026`;
+  }
+  if (items.length > 1) return `Coordinating ${items.length} active actions\u2026`;
+  return "Working through the run\u2026";
+}
+function activitySummary(items) {
+  return items.length === 1 ? "Completed 1 tracked action" : `Completed ${items.length} tracked actions`;
+}
+var WELCOME_TASKS = [
+  {
+    id: "welcome-explore-codebase",
+    label: "Explore codebase",
+    value: "Explore this codebase and explain its architecture, important modules, and main entry points."
+  },
+  {
+    id: "welcome-review-changes",
+    label: "Review changes",
+    value: "Review my current changes for bugs, regressions, architecture issues, and code quality problems."
+  },
+  {
+    id: "welcome-fix-issue",
+    label: "Fix an issue",
+    value: "Help me investigate and fix an issue in this project."
+  },
+  {
+    id: "welcome-plan-feature",
+    label: "Plan a feature",
+    value: "Explore the relevant code and create an implementation plan for a new feature before making changes."
+  }
+];
+function ChatWelcome({ disabled: disabled2, onSelect, composer }) {
+  return /* @__PURE__ */ jsxs("section", {
+    "aria-labelledby": "fleet-welcome-title",
+    className: "flex w-full max-w-an flex-col items-center text-center",
+    children: [
+      /* @__PURE__ */ jsx("h1", {
+        id: "fleet-welcome-title",
+        className: "text-2xl font-normal tracking-tight text-foreground sm:text-3xl",
+        children: "What should Fleet Prime Agent work on?"
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: "mt-6 w-full",
+        children: composer
+      }),
+      /* @__PURE__ */ jsx("div", {
+        "aria-label": "Suggested prompts",
+        className: "mt-4 flex w-full flex-wrap justify-center gap-2",
+        children: WELCOME_TASKS.map((item) => /* @__PURE__ */ jsx(Button, {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          disabled: disabled2 || item.disabled,
+          onClick: () => onSelect(item),
+          className: "min-h-8 rounded-full border-border/70 bg-background/70 px-4 py-1.5 text-center text-sm font-normal text-foreground/80 shadow-sm hover:border-primary/40 hover:bg-primary/5 hover:text-foreground motion-reduce:transition-none",
+          children: item.label
+        }, item.id))
+      })
+    ]
+  });
+}
 var VARIANT_CLASS = {
   primary: "bg-primary text-primary-foreground hover:bg-primary/90",
   secondary: "border border-border bg-card text-foreground hover:border-border",
@@ -9708,7 +9302,7 @@ function defaultIcon(kind, item) {
     "aria-hidden": "true",
     className: "size-4"
   });
-  return /* @__PURE__ */ jsx(Command2, {
+  return /* @__PURE__ */ jsx(Command, {
     "aria-hidden": "true",
     className: "size-4"
   });
@@ -9826,163 +9420,17 @@ var ComposerTriggerPopover = memo(function ComposerTriggerPopover2({ open, kind,
     })]
   }) : null;
 });
-function clamp(value, min, max) {
-  return Math.min(max, Math.max(min, value));
-}
-function Slider({ value, onChange, min = 0, max = 100, step = 1, label, formatValue = String, disabled: disabled2 = false, className, ...props }) {
-  const inputId = useId();
-  const [focused, setFocused] = useState2(false);
-  const [hovered, setHovered] = useState2(false);
-  const safeMax = Math.max(min, max);
-  const safeStep = Math.max(Number.EPSILON, step);
-  const clampedValue = clamp(value, min, safeMax);
-  const normalized = safeMax === min ? 0 : (clampedValue - min) / (safeMax - min);
-  const percent = normalized * 100;
-  const zeroOffset = normalized === 0 ? 8 : 0;
-  const fillWidth = `calc(${percent}% + ${20 - 20 * normalized - zeroOffset * 2.5}px)`;
-  const handleLeft = `calc(${percent}% + ${11 - 24 * normalized}px)`;
-  const pipMaskOffset = 20 - 20 * normalized - zeroOffset * 2.5;
-  const pipMask = `linear-gradient(to right, transparent calc(${percent}% + ${pipMaskOffset}px), black calc(${percent}% + ${pipMaskOffset + 2}px))`;
-  const pipValues = useMemo2(() => {
-    const count = Math.floor((safeMax - min) / safeStep);
-    const values = Array.from({ length: count + 1 }, (_, index) => min + index * safeStep);
-    if (values.at(-1) !== safeMax) values.push(safeMax);
-    return values;
-  }, [
-    min,
-    safeMax,
-    safeStep
-  ]);
-  const valueText = formatValue(clampedValue);
-  const maxValueText = formatValue(safeMax);
-  const valueFromPointer = (clientX, element) => {
-    const bounds = element.getBoundingClientRect();
-    if (bounds.width <= 0 || safeMax === min) return min;
-    const nextValue = min + clamp((clientX - bounds.left) / bounds.width, 0, 1) * (safeMax - min);
-    return clamp(min + Math.round((nextValue - min) / safeStep) * safeStep, min, safeMax);
-  };
-  const handleKeyDown = (event) => {
-    let handled = true;
-    const direction = event.key === "ArrowRight" || event.key === "ArrowUp" ? 1 : event.key === "ArrowLeft" || event.key === "ArrowDown" ? -1 : 0;
-    if (direction !== 0) {
-      event.preventDefault();
-      onChange(clamp(clampedValue + direction * safeStep, min, safeMax));
-    } else if (event.key === "Home") {
-      event.preventDefault();
-      onChange(min);
-    } else if (event.key === "End") {
-      event.preventDefault();
-      onChange(safeMax);
-    } else handled = false;
-    if (handled) event.stopPropagation();
-  };
-  return /* @__PURE__ */ jsx("div", {
-    className: cn("relative w-full touch-none", disabled2 && "opacity-50", className),
-    ...props,
-    children: /* @__PURE__ */ jsxs("div", {
-      className: cn("relative h-8 w-full select-none touch-none overflow-hidden rounded-md border border-border bg-background outline-offset-2 transition-colors duration-150", hovered && !disabled2 && "border-foreground/25", focused && "border-foreground/40 ring-2 ring-ring/60 ring-offset-1 ring-offset-background"),
-      onPointerEnter: () => setHovered(true),
-      onPointerLeave: () => setHovered(false),
-      onPointerDown: (event) => {
-        if (!disabled2) onChange(valueFromPointer(event.clientX, event.currentTarget));
-      },
-      children: [
-        /* @__PURE__ */ jsx("div", {
-          "aria-hidden": "true",
-          className: "absolute inset-0 z-[1] flex items-center justify-between px-3 pointer-events-none",
-          style: {
-            WebkitMaskImage: pipMask,
-            maskImage: pipMask
-          },
-          children: pipValues.map((pipValue) => /* @__PURE__ */ jsx(m.span, {
-            className: "relative flex size-[5px] items-center justify-center rounded-full",
-            animate: {
-              backgroundColor: pipValue === clampedValue ? "var(--foreground)" : "var(--muted-foreground)",
-              opacity: pipValue === clampedValue ? 1 : 0.3
-            },
-            transition: SPRING_GLIDE
-          }, pipValue))
-        }),
-        /* @__PURE__ */ jsx(m.div, {
-          "aria-hidden": "true",
-          className: "absolute inset-y-0 left-0 z-[3] pointer-events-none bg-foreground/[0.08]",
-          layout: "size",
-          style: { width: fillWidth },
-          transition: SPRING_GLIDE
-        }),
-        /* @__PURE__ */ jsx(m.div, {
-          "aria-hidden": "true",
-          className: cn("absolute z-[3] w-0.5 rounded-full pointer-events-none"),
-          layout: true,
-          style: {
-            left: handleLeft,
-            top: hovered || focused ? 7 : 8,
-            bottom: hovered || focused ? 7 : 8
-          },
-          animate: { backgroundColor: focused ? "var(--foreground)" : hovered ? "color-mix(in srgb, var(--foreground) 50%, transparent)" : "color-mix(in srgb, var(--foreground) 25%, transparent)" },
-          transition: SPRING_GLIDE
-        }),
-        /* @__PURE__ */ jsxs("div", {
-          "aria-hidden": "true",
-          className: "pointer-events-none absolute inset-0 z-[2] flex items-center px-2",
-          children: [label ? /* @__PURE__ */ jsx("span", {
-            className: "px-2 text-[13px] text-transparent select-none",
-            "aria-hidden": "true",
-            children: label
-          }) : null, /* @__PURE__ */ jsx("span", {
-            className: "ml-auto px-2 text-[13px] text-transparent tabular-nums select-none",
-            style: { minWidth: `${maxValueText.length}ch` },
-            "aria-hidden": "true",
-            children: maxValueText
-          })]
-        }),
-        /* @__PURE__ */ jsxs("div", {
-          className: "pointer-events-none absolute inset-0 z-[4] flex items-center px-2 text-[13px]",
-          children: [label ? /* @__PURE__ */ jsx(m.span, {
-            className: "px-2",
-            animate: { color: hovered || focused ? "var(--foreground)" : "var(--muted-foreground)" },
-            transition: SPRING_GLIDE,
-            children: label
-          }) : null, /* @__PURE__ */ jsx(m.span, {
-            className: "ml-auto px-2 tabular-nums",
-            style: {
-              minWidth: `${maxValueText.length}ch`,
-              textAlign: "right"
-            },
-            animate: { color: hovered || focused ? "var(--foreground)" : "var(--muted-foreground)" },
-            transition: SPRING_GLIDE,
-            children: valueText
-          })]
-        }),
-        /* @__PURE__ */ jsx("input", {
-          id: inputId,
-          type: "range",
-          min,
-          max: safeMax,
-          step: safeStep,
-          value: clampedValue,
-          disabled: disabled2,
-          "aria-label": label ?? "Slider",
-          "aria-valuetext": valueText,
-          onChange: (event) => onChange(Number(event.currentTarget.value)),
-          onFocus: () => setFocused(true),
-          onBlur: () => setFocused(false),
-          onKeyDown: handleKeyDown,
-          className: "absolute inset-0 z-20 m-0 h-full w-full cursor-ew-resize opacity-0 disabled:cursor-not-allowed"
-        })
-      ]
-    })
+var LazyModelSelectorList = lazy(() => import("./model-selector-list-CEfWjRc--GBW2GUO6.js").then(({ ModelSelectorList: ModelSelectorList2 }) => ({ default: ModelSelectorList2 })));
+function ModelSelectorList(props) {
+  return /* @__PURE__ */ jsx(Suspense, {
+    fallback: /* @__PURE__ */ jsx("div", {
+      className: "h-24 animate-pulse rounded-md bg-muted/40 p-1.5",
+      "aria-label": "Loading models",
+      role: "status"
+    }),
+    children: /* @__PURE__ */ jsx(LazyModelSelectorList, { ...props })
   });
 }
-function groupModels(models) {
-  const groups = /* @__PURE__ */ new Map();
-  for (const model of models) {
-    const group = groups.get(model.provider) ?? [];
-    group.push(model);
-    groups.set(model.provider, group);
-  }
-  return [...groups.entries()];
-}
 var ModelSelector = memo(function ModelSelector2({ models, value, effort, open: controlledOpen, onOpenChange, onModelChange, onEffortChange, placeholder = "Model", effortLabel = "Reasoning effort", className, contentClassName }) {
   const [internalOpen, setInternalOpen] = useState2(false);
   const popupId = useId();
@@ -9992,7 +9440,6 @@ var ModelSelector = memo(function ModelSelector2({ models, value, effort, open:
     onOpenChange?.(next);
   };
   const selectedModel = models.find((model) => model.id === value) ?? models[0];
-  const groups = useMemo2(() => groupModels(models), [models]);
   const selectedEffort = selectedModel?.efforts?.find((option) => option.id === effort) ?? selectedModel?.efforts?.[0];
   const trigger = /* @__PURE__ */ jsxs("button", {
     type: "button",
@@ -10029,91 +9476,13 @@ var ModelSelector = memo(function ModelSelector2({ models, value, effort, open:
     align: "start",
     className: cn("w-[min(24rem,calc(100vw-2rem))] max-h-[min(55vh,28rem)] overflow-hidden p-0", contentClassName),
     trigger,
-    children: /* @__PURE__ */ jsxs(Command, {
-      className: "min-h-0 max-h-[min(55vh,28rem)] bg-transparent",
-      shouldFilter: true,
-      children: [
-        /* @__PURE__ */ jsx(CommandInput, {
-          placeholder: "Search models\u2026",
-          "aria-label": "Search models"
-        }),
-        /* @__PURE__ */ jsxs(CommandList, {
-          className: "min-h-0 flex-1 p-1.5",
-          children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No matching models" }), groups.map(([provider, providerModels]) => /* @__PURE__ */ jsx(CommandGroup, {
-            heading: providerModels[0]?.providerLabel ?? provider,
-            children: providerModels.map((model) => {
-              const searchValue = [
-                model.id,
-                model.name,
-                model.provider,
-                model.providerLabel,
-                model.modelId,
-                ...model.keywords ?? []
-              ].filter(Boolean).join(" ");
-              const selected = model.id === selectedModel?.id;
-              return /* @__PURE__ */ jsxs(CommandItem, {
-                value: searchValue,
-                disabled: model.disabled,
-                onSelect: () => {
-                  if (model.disabled) return;
-                  onModelChange?.(model.id);
-                },
-                className: "items-start gap-2 rounded-lg px-2.5 py-2",
-                children: [
-                  /* @__PURE__ */ jsx("span", {
-                    className: "mt-0.5 shrink-0 text-muted-foreground",
-                    children: model.icon ?? /* @__PURE__ */ jsx(Gauge, {
-                      "aria-hidden": "true",
-                      className: "size-4"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxs("span", {
-                    className: "min-w-0 flex-1",
-                    children: [
-                      /* @__PURE__ */ jsxs("span", {
-                        className: "flex items-center gap-2",
-                        children: [/* @__PURE__ */ jsx("span", {
-                          className: "truncate text-sm font-medium",
-                          children: model.name
-                        }), model.disabled ? /* @__PURE__ */ jsx("span", {
-                          className: "shrink-0 text-[10px] uppercase tracking-wide text-muted-foreground",
-                          children: "Unavailable"
-                        }) : null]
-                      }),
-                      /* @__PURE__ */ jsxs("span", {
-                        className: "mt-0.5 block truncate text-xs text-muted-foreground",
-                        children: [model.modelId ?? model.id, model.reasoning ? " \xB7 reasoning" : ""]
-                      }),
-                      model.description ? /* @__PURE__ */ jsx("span", {
-                        className: "mt-0.5 block truncate text-xs text-muted-foreground/80",
-                        children: model.description
-                      }) : null
-                    ]
-                  }),
-                  selected ? /* @__PURE__ */ jsx(Check, {
-                    "aria-hidden": "true",
-                    className: "mt-1 size-4 shrink-0"
-                  }) : null
-                ]
-              }, model.id);
-            })
-          }, provider))]
-        }),
-        selectedModel?.reasoning && selectedModel.efforts?.length ? /* @__PURE__ */ jsx("div", {
-          className: "shrink-0 border-t border-border/70 p-2",
-          children: /* @__PURE__ */ jsx(Slider, {
-            label: effortLabel,
-            value: Math.max(0, selectedModel.efforts.findIndex((option) => option.id === selectedEffort?.id)),
-            onChange: (nextValue) => {
-              const option = selectedModel.efforts?.[Math.round(nextValue)];
-              if (option && !option.disabled) onEffortChange?.(option.id);
-            },
-            min: 0,
-            max: Math.max(0, selectedModel.efforts.length - 1),
-            formatValue: (nextValue) => selectedModel.efforts?.[Math.round(nextValue)]?.name ?? ""
-          })
-        }) : null
-      ]
+    children: /* @__PURE__ */ jsx(ModelSelectorList, {
+      models,
+      selectedModel,
+      selectedEffort,
+      effortLabel,
+      onModelChange,
+      onEffortChange
     })
   });
 });
@@ -10496,6 +9865,9 @@ function FleetPiInputBarContent({ modelKey, models, status, infoDescription, cha
             children: [/* @__PURE__ */ jsx("img", {
               src: image.url,
               alt: image.filename,
+              width: 64,
+              height: 64,
+              loading: "lazy",
               className: "size-16 rounded-lg border object-cover"
             }), /* @__PURE__ */ jsx(Button, {
               type: "button",
@@ -10585,233 +9957,15 @@ function FleetPiInputBarContent({ modelKey, models, status, infoDescription, cha
 }
 function getChatErrorPresentation(error) {
   if (error.code === "NETWORK_DISCONNECTED" || /Cannot send daemon command/i.test(error.message) || /Prime Agent daemon is not connected/i.test(error.message) || /not connected to the Prime Agent runtime/i.test(error.message)) return {
-    title: "Agent unavailable",
-    message: NETWORK_DISCONNECTED_MESSAGE
-  };
-  return {
-    title: "Request failed",
-    message: error.message.replace(/\s+(?:Socket|Daemon log):\s*[^\n]*(?:\s+(?:Socket|Daemon log):\s*[^\n]*)*/gi, "")
-  };
-}
-var CELL_SHAPES = {
-  dots: "rounded-full",
-  squares: "rounded-[1px]",
-  rounded: "rounded-[3px]"
-};
-function GenerationLoader({ label, tick, variant = "dots", className, ...props }) {
-  const pixelOffset = Math.floor(tick / 3);
-  return /* @__PURE__ */ jsxs("div", {
-    "data-slot": "generation-loader",
-    className: cn("flex flex-col items-center gap-4", className),
-    ...props,
-    children: [/* @__PURE__ */ jsx("div", {
-      "aria-hidden": true,
-      className: "grid grid-cols-3 gap-1",
-      children: Array.from({ length: 9 }, (_, index) => {
-        const active = (index * 2 + pixelOffset) % 9 < 3;
-        return /* @__PURE__ */ jsx("span", { className: cn("bg-foreground size-2 transition-opacity duration-300 motion-reduce:transition-none", CELL_SHAPES[variant], active ? "opacity-90" : "opacity-15") }, index);
-      })
-    }), /* @__PURE__ */ jsx(ShimmerLabel, {
-      className: "text-foreground/55 relative inline-block text-sm",
-      children: label
-    })]
-  });
-}
-function ThinkingIndicator({ label, elapsed, className, ...props }) {
-  return /* @__PURE__ */ jsxs("div", {
-    "data-slot": "thinking-indicator",
-    className: cn("text-foreground/55 flex items-center gap-2.5 text-sm", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", {
-        "aria-hidden": true,
-        className: "size-1.5 shrink-0 animate-pulse rounded-full bg-blue-500 motion-reduce:animate-none dark:bg-blue-400"
-      }),
-      /* @__PURE__ */ jsx(ShimmerLabel, {
-        className: "fade-in slide-in-from-bottom-1 animate-in relative inline-block leading-none duration-300",
-        children: label
-      }, label),
-      elapsed !== void 0 && /* @__PURE__ */ jsx("span", {
-        className: cn("font-mono text-[11px] tracking-tight", "text-foreground/30 tabular-nums"),
-        children: elapsed
-      })
-    ]
-  });
-}
-function ReasoningPanel({ steps, visibleSteps, streaming, streamingLabel = "Thinking", open, onOpenChange, restingLabel, elapsed, className }) {
-  const shown = take(steps, visibleSteps);
-  return /* @__PURE__ */ jsxs(Collapsible, {
-    "data-slot": "reasoning-panel",
-    open,
-    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]",
-      children: [/* @__PURE__ */ jsxs(SwapLabel, {
-        active: streaming ? 0 : 1,
-        className: "text-start",
-        children: [/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ShimmerLabel, {
-          active: streaming,
-          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"),
-          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" })]
-    }), /* @__PURE__ */ jsx(CollapsibleContent, {
-      className: cn(collapsePanel, "outline-none"),
-      children: /* @__PURE__ */ jsx("ol", {
-        className: "flex flex-col gap-4 pt-3 pb-1",
-        children: shown.map((step, i) => {
-          const active = streaming && i === shown.length - 1;
-          return /* @__PURE__ */ jsxs("li", {
-            className: "fade-in slide-in-from-bottom-1 animate-in fill-mode-both flex gap-3 duration-300",
-            children: [/* @__PURE__ */ jsx("span", {
-              "aria-hidden": true,
-              className: cn("mt-[7px] size-[5px] shrink-0 rounded-full transition-colors duration-300", active ? "animate-pulse bg-blue-500 dark:bg-blue-400" : "bg-foreground/20")
-            }), /* @__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",
-                children: step.title
-              }), /* @__PURE__ */ jsx("p", {
-                className: "text-foreground/50 mt-0.5 text-[13px] leading-relaxed break-words",
-                children: step.body
-              })]
-            })]
-          }, step.id ?? `${step.title}-${i}`);
-        })
-      })
-    })]
-  });
-}
-function FleetReasoningPanel({ presentation, className, streamingOverride }) {
-  const [userOpen, setUserOpen] = useState2(void 0);
-  const streaming = streamingOverride ?? presentation.streaming;
-  const open = userOpen ?? streaming;
-  const steps = useMemo2(() => presentation.steps.map((step) => ({
-    id: step.id,
-    title: step.title,
-    body: step.body
-  })), [presentation.steps]);
-  if (!streaming && steps.length === 0) return null;
-  const visibleSteps = Math.min(Math.max(0, presentation.visibleSteps), steps.length);
-  const activeStep = steps.at(visibleSteps - 1);
-  const activeLabel = activeStep?.title ?? phaseLabel(presentation.phase);
-  const elapsed = formatElapsed(presentation.elapsedMs);
-  return /* @__PURE__ */ jsxs("section", {
-    "data-slot": "fleet-reasoning-presentation",
-    "aria-label": "Safe reasoning progress",
-    className: cn("w-full max-w-xl rounded-xl border border-border/60 bg-muted/30 px-3 py-2.5 shadow-sm shadow-black/[0.02] dark:shadow-black/15", className),
-    children: [streaming ? /* @__PURE__ */ jsx("div", {
-      className: "mb-1.5 flex flex-col gap-1.5 border-b border-border/45 pb-2.5",
-      children: activeStep?.body ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ThinkingIndicator, {
-        label: activeLabel,
-        elapsed,
-        className: "text-[13px]"
-      }), /* @__PURE__ */ jsx("p", {
-        className: "pl-4 text-xs font-normal text-muted-foreground",
-        children: activeStep.body
-      })] }) : /* @__PURE__ */ jsx(GenerationLoader, {
-        label: activeLabel,
-        tick: Math.floor((presentation.elapsedMs ?? 0) / 250),
-        variant: "dots",
-        className: "items-start gap-2 px-1 py-1 text-left"
-      })
-    }) : null, /* @__PURE__ */ jsx(ReasoningPanel, {
-      steps,
-      visibleSteps,
-      streaming,
-      streamingLabel: "Preparing response",
-      open,
-      onOpenChange: setUserOpen,
-      restingLabel: presentation.restingLabel,
-      elapsed,
-      className: "max-w-none"
-    })]
-  });
-}
-function phaseLabel(phase) {
-  switch (phase) {
-    case "waiting":
-      return "Preparing run";
-    case "context":
-      return "Reviewing workspace context";
-    case "planning":
-      return "Organising the response";
-    case "executing":
-      return "Completing requested work";
-    case "responding":
-      return "Writing the response";
-    case "recovering":
-      return "Recovering the run";
-    case "error":
-      return "Run needs attention";
-    case "complete":
-      return "Completed";
-    default:
-      return "Working";
-  }
-}
-function formatElapsed(elapsedMs) {
-  if (elapsedMs === void 0) return void 0;
-  const seconds = Math.max(0, Math.round(elapsedMs / 1e3));
-  if (seconds < 60) return String(seconds) + "s";
-  return String(Math.floor(seconds / 60)) + "m " + String(seconds % 60) + "s";
-}
-var LANES = [{
-  key: "steering",
-  label: "Next"
-}, {
-  key: "followUp",
-  label: "After run"
-}];
-function FleetMessageQueue({ queue, onDelete, className }) {
-  const count = queue.steering.length + queue.followUp.length;
-  if (count === 0) return null;
-  const handleDelete = async (lane, index, text) => {
-    try {
-      if (await onDelete?.(lane, index, text) === false) notify.error("Unable to remove queued message");
-    } catch {
-      notify.error("Unable to remove queued message");
-    }
-  };
-  return /* @__PURE__ */ jsx("section", {
-    "aria-label": "Queued messages",
-    className: cn("mx-auto mb-2 w-full max-w-an px-3", className),
-    children: /* @__PURE__ */ jsxs("div", {
-      className: "rounded-xl border border-border/60 bg-muted/30 p-2",
-      children: [/* @__PURE__ */ jsxs("div", {
-        className: "mb-1 flex items-baseline justify-between px-1 text-xs text-muted-foreground",
-        children: [/* @__PURE__ */ jsxs("span", { children: [count, " queued"] }), /* @__PURE__ */ jsx("span", { children: "Sent when the run reaches its lane" })]
-      }), /* @__PURE__ */ jsx("div", {
-        className: "space-y-1",
-        children: LANES.flatMap(({ key, label }) => queue[key].map((text, index) => /* @__PURE__ */ jsxs("div", {
-          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",
-              children: label
-            }),
-            /* @__PURE__ */ jsx("span", {
-              className: "min-w-0 flex-1 truncate text-foreground/80",
-              children: text
-            }),
-            onDelete ? /* @__PURE__ */ jsx("button", {
-              type: "button",
-              "aria-label": `Remove queued message: ${text}`,
-              onClick: () => void handleDelete(key, index, text),
-              className: "grid size-6 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
-            }) : null
-          ]
-        }, `${key}:${index}:${text}`)))
-      })]
-    })
-  });
+    title: "Agent unavailable",
+    message: NETWORK_DISCONNECTED_MESSAGE
+  };
+  return {
+    title: "Request failed",
+    message: error.message.replace(/\s+(?:Socket|Daemon log):\s*[^\n]*(?:\s+(?:Socket|Daemon log):\s*[^\n]*)*/gi, "")
+  };
 }
-var LazyFleetPiToolRenderer = lazy(() => import("./fleet-pi-tool-renderer-CE45vM6T-2UQN6RJM.js").then((n) => n.n).then(({ FleetPiToolRenderer: FleetPiToolRenderer2 }) => ({ default: FleetPiToolRenderer2 })));
+var LazyFleetPiToolRenderer = lazy(() => import("./fleet-pi-tool-renderer-C52SZmPx-CIAH3IV7.js").then((n) => n.n).then(({ FleetPiToolRenderer: FleetPiToolRenderer2 }) => ({ default: FleetPiToolRenderer2 })));
 function FleetPiToolRenderer(props) {
   return /* @__PURE__ */ jsx(Suspense, {
     fallback: /* @__PURE__ */ jsx("div", {
@@ -10821,6 +9975,63 @@ function FleetPiToolRenderer(props) {
     children: /* @__PURE__ */ jsx(LazyFleetPiToolRenderer, { ...props })
   });
 }
+var LazyAgentActivity = lazy(() => import("./agent-activity-Dx6AlDhN-JXOL2EXK.js").then(({ AgentActivity: AgentActivity2 }) => ({ default: AgentActivity2 })));
+function AgentActivity(props) {
+  return /* @__PURE__ */ jsx(Suspense, {
+    fallback: /* @__PURE__ */ jsx("div", {
+      className: "mt-2 h-8 animate-pulse rounded-md bg-muted/40",
+      "aria-label": "Loading activity"
+    }),
+    children: /* @__PURE__ */ jsx(LazyAgentActivity, { ...props })
+  });
+}
+var LazyFleetReasoningPanel = lazy(() => import("./fleet-reasoning-panel-C_e7wzVm-SDHEWDQT.js").then(({ FleetReasoningPanel: FleetReasoningPanel2 }) => ({ default: FleetReasoningPanel2 })));
+function FleetReasoningPanel(props) {
+  return /* @__PURE__ */ jsx(Suspense, {
+    fallback: /* @__PURE__ */ jsx("div", {
+      className: "mb-2 h-6 animate-pulse rounded-md bg-muted/40",
+      "aria-label": "Loading reasoning"
+    }),
+    children: /* @__PURE__ */ jsx(LazyFleetReasoningPanel, { ...props })
+  });
+}
+var LazyFleetToolTimeline = lazy(() => import("./fleet-tool-timeline-KENErMKg-HTN7SW3D.js").then((n) => n.n).then(({ FleetToolTimeline: FleetToolTimeline2 }) => ({ default: FleetToolTimeline2 })));
+function FleetToolTimeline(props) {
+  return /* @__PURE__ */ jsx(Suspense, {
+    fallback: /* @__PURE__ */ jsx("div", {
+      className: "h-6 animate-pulse rounded-md bg-muted/40",
+      "aria-label": "Loading timeline"
+    }),
+    children: /* @__PURE__ */ jsx(LazyFleetToolTimeline, { ...props })
+  });
+}
+var LazyFleetSubagentList = lazy(() => import("./fleet-subagent-list-CQltKswG-EKCMQHDI.js").then((n) => n.n).then(({ FleetSubagentList: FleetSubagentList2 }) => ({ default: FleetSubagentList2 })));
+function FleetSubagentList(props) {
+  return /* @__PURE__ */ jsx(Suspense, {
+    fallback: /* @__PURE__ */ jsx("div", {
+      className: "h-6 animate-pulse rounded-md bg-muted/40",
+      "aria-label": "Loading subagents"
+    }),
+    children: /* @__PURE__ */ jsx(LazyFleetSubagentList, { ...props })
+  });
+}
+var LazyPromptSuggestions = lazy(() => import("./prompt-suggestions-BOmHi4-J-C563CHFU.js").then(({ PromptSuggestions: PromptSuggestions2 }) => ({ default: PromptSuggestions2 })));
+function PromptSuggestions(props) {
+  return /* @__PURE__ */ jsx(Suspense, {
+    fallback: /* @__PURE__ */ jsx("div", {
+      className: "h-8 animate-pulse rounded-full bg-muted/40",
+      "aria-label": "Loading suggestions"
+    }),
+    children: /* @__PURE__ */ jsx(LazyPromptSuggestions, { ...props })
+  });
+}
+var LazyFleetMessageQueue = lazy(() => import("./fleet-message-queue-Bn0_3Efe-G4BZR2EU.js").then(({ FleetMessageQueue: FleetMessageQueue2 }) => ({ default: FleetMessageQueue2 })));
+function FleetMessageQueue(props) {
+  return /* @__PURE__ */ jsx(Suspense, {
+    fallback: null,
+    children: /* @__PURE__ */ jsx(LazyFleetMessageQueue, { ...props })
+  });
+}
 function textFromMessage(message) {
   return (message.parts ?? []).flatMap((part) => {
     if (typeof part === "object" && part !== null && "type" in part && part.type === "text" && "text" in part && typeof part.text === "string") return [part.text];
@@ -11036,6 +10247,10 @@ function sameMessages(previous, next) {
 var ConversationTurnView = memo(function ConversationTurnView2({ turn, state, rendering, activity }) {
   return /* @__PURE__ */ jsxs("div", {
     className: "flex flex-col gap-3",
+    style: {
+      contentVisibility: "auto",
+      containIntrinsicSize: "auto 400px"
+    },
     children: [turn.user ? /* @__PURE__ */ jsx(Message, {
       from: "user",
       animateIn: !state.isStreaming,
@@ -11059,76 +10274,33 @@ function isLifecycleNotice(label) {
   if (!label) return false;
   return /queued|steered|retry|compact|reset|recover|sign in/i.test(label);
 }
-function activityLabelFor(items) {
-  if (items.length === 1) {
-    const item = items[0];
-    if (item?.type === "search") return "Checking a source\u2026";
-    if (item?.type === "tool") return "Working with " + item.action + "\u2026";
-  }
-  if (items.length > 1) return "Coordinating " + items.length + " active actions\u2026";
-  return "Working through the run\u2026";
-}
-function activitySummary(items) {
-  const count = items.length;
-  if (count === 1) return "Completed 1 tracked action";
-  return "Completed " + count + " tracked actions";
-}
 function resolveSuggestions(suggestions) {
   if (Array.isArray(suggestions)) return suggestions;
   return suggestions?.items ?? [];
 }
-var WELCOME_TASKS = [
-  {
-    id: "welcome-explore-codebase",
-    label: "Explore codebase",
-    value: "Explore this codebase and explain its architecture, important modules, and main entry points."
-  },
-  {
-    id: "welcome-review-changes",
-    label: "Review changes",
-    value: "Review my current changes for bugs, regressions, architecture issues, and code quality problems."
-  },
-  {
-    id: "welcome-fix-issue",
-    label: "Fix an issue",
-    value: "Help me investigate and fix an issue in this project."
-  },
-  {
-    id: "welcome-plan-feature",
-    label: "Plan a feature",
-    value: "Explore the relevant code and create an implementation plan for a new feature before making changes."
-  }
-];
-function WelcomeState({ disabled: disabled2, onSelect, composer }) {
-  return /* @__PURE__ */ jsxs("section", {
-    "aria-labelledby": "fleet-welcome-title",
-    className: "flex w-full max-w-an flex-col items-center text-center",
-    children: [
-      /* @__PURE__ */ jsx("h1", {
-        id: "fleet-welcome-title",
-        className: "text-2xl font-normal tracking-tight text-foreground sm:text-3xl",
-        children: "What should Fleet Prime Agent work on?"
-      }),
-      /* @__PURE__ */ jsx("div", {
-        className: "mt-6 w-full",
-        children: composer
-      }),
-      /* @__PURE__ */ jsx("div", {
-        "aria-label": "Suggested prompts",
-        className: "mt-4 flex w-full flex-wrap justify-center gap-2",
-        children: WELCOME_TASKS.map((item) => /* @__PURE__ */ jsx("button", {
-          type: "button",
-          disabled: disabled2 || item.disabled,
-          onClick: () => onSelect(item),
-          className: "inline-flex min-h-8 items-center rounded-full border border-border/70 bg-background/70 px-4 py-1.5 text-center text-sm text-foreground/80 shadow-sm transition-colors hover:border-primary/40 hover:bg-primary/5 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 motion-reduce:transition-none",
-          children: item.label
-        }, item.id))
-      })
-    ]
+function ChatComposerHost({ inputBar, status, suggestions, onSend, onStop, isEmpty, draftSetterRef }) {
+  const [draft, setDraft] = useState2("");
+  useEffect2(() => {
+    draftSetterRef.current = setDraft;
+  }, [draftSetterRef]);
+  return /* @__PURE__ */ jsx(FleetPiInputBar, {
+    ...inputBar,
+    className: cn(inputBar.className, isEmpty && "px-0 pb-0"),
+    placeholder: isEmpty ? "Ask Prime to build, investigate, or change something\u2026" : inputBar.placeholder,
+    controlled: {
+      value: draft,
+      onChange: setDraft
+    },
+    status,
+    suggestions,
+    onSend,
+    onStop
   });
 }
+var MemoChatComposerHost = memo(ChatComposerHost);
 function FleetPiAgentChat({ toolRenderers = PI_TOOL_RENDERERS, suggestions, status, onStop, onSend, inputBar, className, messages, error, suppressQuestionTool = false, onOpenUIAction, activityLabel, presentation, artifactRuns, onOpenArtifact, onOpenUIArtifactReady, queue, onDeleteQueuedMessage }) {
-  const [draft, setDraft] = useState2("");
+  const draftSetterRef = useRef2(null);
+  const setDraft = useCallback2((value) => draftSetterRef.current?.(value), []);
   const turns = useMemo2(() => groupMessages(messages), [messages]);
   const suggestionItems2 = resolveSuggestions(suggestions);
   const suggestionTexts = useMemo2(() => suggestionItems2.flatMap((item) => item.disabled ? [] : [item.value ?? item.label]), [suggestionItems2]);
@@ -11177,18 +10349,14 @@ function FleetPiAgentChat({ toolRenderers = PI_TOOL_RENDERERS, suggestions, stat
   }), []);
   const isEmpty = turns.length === 0 && !error;
   const errorPresentation = error ? getChatErrorPresentation(error) : null;
-  const inputBarNode = /* @__PURE__ */ jsx(FleetPiInputBar, {
-    ...inputBar,
-    className: cn(inputBar.className, isEmpty && "px-0 pb-0"),
-    placeholder: isEmpty ? "Ask Prime to build, investigate, or change something\u2026" : inputBar.placeholder,
-    controlled: {
-      value: draft,
-      onChange: setDraft
-    },
+  const composerNode = /* @__PURE__ */ jsx(MemoChatComposerHost, {
+    inputBar,
     status,
     suggestions,
     onSend,
-    onStop
+    onStop,
+    isEmpty,
+    draftSetterRef
   });
   return /* @__PURE__ */ jsxs("div", {
     className: cn("fleet-pi-agent-chat flex h-full min-h-0 flex-col bg-background", className),
@@ -11197,13 +10365,13 @@ function FleetPiAgentChat({ toolRenderers = PI_TOOL_RENDERERS, suggestions, stat
         className: "flex-1",
         busy: isStreaming,
         followOutput: true,
-        smooth: isStreaming,
+        smooth: !isStreaming,
         contentClassName: cn("mx-auto flex w-full max-w-an flex-col gap-5 px-4", isEmpty ? "min-h-full items-center justify-center py-8" : "py-6"),
         children: [
-          isEmpty ? /* @__PURE__ */ jsx(WelcomeState, {
+          isEmpty ? /* @__PURE__ */ jsx(ChatWelcome, {
             disabled: isStreaming,
             onSelect: (item) => setDraft(item.value ?? item.label),
-            composer: inputBarNode
+            composer: composerNode
           }) : null,
           turns.map((turn, turnIndex) => {
             const key = turn.user?.id ?? `assistant-turn-${turnIndex}`;
@@ -11238,7 +10406,7 @@ function FleetPiAgentChat({ toolRenderers = PI_TOOL_RENDERERS, suggestions, stat
           }) : null
         ]
       }),
-      !isEmpty ? inputBarNode : null,
+      !isEmpty ? composerNode : null,
       /* @__PURE__ */ jsx(FleetMessageQueue, {
         queue: queue ?? {
           steering: [],
@@ -11352,9 +10520,9 @@ function buildChatInputBarProps(composer, activeSessionId) {
     onEffortPickerOpenChange: composer.setEffortPickerOpen
   };
 }
-var LazyChatCommandPalette = lazy(() => import("./chat-command-palette-Co1L3rUY-RQLNME4T.js").then(({ ChatCommandPalette }) => ({ default: ChatCommandPalette })));
-var LazySettingsDialog = lazy(() => import("./settings-dialog-B4uUS6f--AZ4I4ZOT.js").then(({ SettingsDialog }) => ({ default: SettingsDialog })));
-var LazyForkPickerDialog = lazy(() => import("./fork-picker-dialog-DCzuGelH-TN2Q5OXI.js").then(({ ForkPickerDialog }) => ({ default: ForkPickerDialog })));
+var LazyChatCommandPalette = lazy(() => import("./chat-command-palette-Cc0uGvNm-GKENKTO7.js").then(({ ChatCommandPalette }) => ({ default: ChatCommandPalette })));
+var LazySettingsDialog = lazy(() => import("./settings-dialog-yDibpbBH-TCLJ7NRJ.js").then(({ SettingsDialog }) => ({ default: SettingsDialog })));
+var LazyForkPickerDialog = lazy(() => import("./fork-picker-dialog-DK9YGQuB-4QEFWRU4.js").then(({ ForkPickerDialog }) => ({ default: ForkPickerDialog })));
 function ChatCommandPaletteOverlay({ chrome, conversation, dialogs, panels, session }) {
   return /* @__PURE__ */ jsx(Fragment$1, { children: dialogs.commandPaletteOpen ? /* @__PURE__ */ jsx(Suspense, {
     fallback: null,
@@ -12472,6 +11640,40 @@ function buildSlashCommands(resources, enabled, commandsData) {
   }
   return Array.from(byId.values());
 }
+var INITIAL_AGENT_TAB_SCOPE_STATE = {
+  dismissedChildIds: /* @__PURE__ */ new Set(),
+  scopeKey: "",
+  selectedTabId: "main"
+};
+function stateForScope(state, scopeKey) {
+  return state.scopeKey === scopeKey ? state : {
+    dismissedChildIds: /* @__PURE__ */ new Set(),
+    scopeKey,
+    selectedTabId: "main"
+  };
+}
+function visibleAgentTabScope(state, scopeKey) {
+  return stateForScope(state, scopeKey);
+}
+function reduceAgentTabScope(state, action) {
+  if (action.type === "scope") return stateForScope(state, action.scopeKey);
+  const current = stateForScope(state, action.scopeKey);
+  if (action.type === "select") return {
+    ...current,
+    selectedTabId: action.tabId
+  };
+  if (action.type === "dismiss") return {
+    ...current,
+    dismissedChildIds: new Set(current.dismissedChildIds).add(action.tabId),
+    selectedTabId: current.selectedTabId === action.tabId ? "main" : current.selectedTabId
+  };
+  const dismissedChildIds = new Set(current.dismissedChildIds);
+  dismissedChildIds.delete(action.tabId);
+  return {
+    ...current,
+    dismissedChildIds
+  };
+}
 function createTextMessage(role, text, id = crypto.randomUUID()) {
   return {
     id,
@@ -13135,17 +12337,16 @@ function childLabel(child) {
   return normalizeSessionLabel(child.sessionName?.trim() || child.label) || "Subagent";
 }
 function useAgentTabs({ activeProjectId, loadSubagentSession, presentation, rootSessionId, client = chatClient }) {
-  const [selectedTabId, setSelectedTabId] = useState2("main");
-  const [dismissedChildIds, setDismissedChildIds] = useState2(/* @__PURE__ */ new Set());
-  const scopeKeyRef = useRef2(`${activeProjectId ?? ""}:${rootSessionId ?? ""}`);
-  const orderedChildren = useMemo2(() => orderedRlmChildren(presentation.rlmChildren, presentation.rlmTree), [presentation.rlmChildren, presentation.rlmTree]);
+  const scopeKey = `${activeProjectId ?? ""}:${rootSessionId ?? ""}`;
+  const [tabScope, dispatchTabScope] = useReducer(reduceAgentTabScope, INITIAL_AGENT_TAB_SCOPE_STATE);
   useEffect2(() => {
-    const nextScopeKey = `${activeProjectId ?? ""}:${rootSessionId ?? ""}`;
-    if (scopeKeyRef.current === nextScopeKey) return;
-    scopeKeyRef.current = nextScopeKey;
-    setSelectedTabId("main");
-    setDismissedChildIds(/* @__PURE__ */ new Set());
-  }, [activeProjectId, rootSessionId]);
+    dispatchTabScope({
+      type: "scope",
+      scopeKey
+    });
+  }, [scopeKey]);
+  const { dismissedChildIds, selectedTabId } = visibleAgentTabScope(tabScope, scopeKey);
+  const orderedChildren = useMemo2(() => orderedRlmChildren(presentation.rlmChildren, presentation.rlmTree), [presentation.rlmChildren, presentation.rlmTree]);
   const tabs = useMemo2(() => [{
     id: "main",
     label: "Main agent",
@@ -13160,19 +12361,25 @@ function useAgentTabs({ activeProjectId, loadSubagentSession, presentation, root
   const selectedChild = orderedChildren.find((child) => child.id === activeTabId);
   const selectTab = useCallback2((tabId) => {
     if (tabId !== "main" && !orderedChildren.some((child) => child.id === tabId)) return;
-    if (tabId !== "main") setDismissedChildIds((current) => {
-      if (!current.has(tabId)) return current;
-      const next = new Set(current);
-      next.delete(tabId);
-      return next;
+    if (tabId !== "main") dispatchTabScope({
+      type: "restore",
+      scopeKey,
+      tabId
+    });
+    dispatchTabScope({
+      type: "select",
+      scopeKey,
+      tabId
     });
-    setSelectedTabId(tabId);
-  }, [orderedChildren]);
+  }, [orderedChildren, scopeKey]);
   const closeTab = useCallback2((tabId) => {
     if (tabId === "main" || !orderedChildren.some((child) => child.id === tabId)) return;
-    setDismissedChildIds((current) => new Set(current).add(tabId));
-    setSelectedTabId((current) => current === tabId ? "main" : current);
-  }, [orderedChildren]);
+    dispatchTabScope({
+      type: "dismiss",
+      scopeKey,
+      tabId
+    });
+  }, [orderedChildren, scopeKey]);
   const openChildTab = useCallback2((childId) => selectTab(childId), [selectTab]);
   return {
     activeTabId,
@@ -14417,47 +13624,233 @@ function planPresentationForToolCall(messages, toolCallId) {
         todos: candidate.todos.map((todo) => ({ ...todo }))
       }
     };
-  }
-}
-async function runForbiddenSessionRecovery(deps) {
-  deps.setSessionMetadataSynced({});
-  deps.setMessagesSynced([]);
-  deps.setQueueSynced(EMPTY_QUEUE_STATE);
-  deps.setActivityLabelSynced(void 0);
-  deps.setPlanLabelSynced(void 0);
-  deps.setPresentationSynced({
-    revision: 0,
-    userBash: [],
-    rlmChildren: [],
-    refinements: [],
-    artifactRuns: []
-  });
-  deps.setError(null);
-  deps.setStatus("ready");
-  const result = await deps.client.createSession(deps.projectId);
-  deps.setSessionMetadataSynced(result.session);
-  deps.setMessagesSynced(result.messages);
-  deps.setPresentationSynced(result.presentation);
-  deps.setActivityLabelSynced(result.sessionReset ? "Started a fresh Pi session" : void 0);
-  await deps.refreshSessions();
-}
-async function tryRecoverMatchingSessionError(error, matches2, recover, deps) {
-  if (!matches2(error)) return false;
-  try {
-    await recover();
-  } catch (recoveryError) {
-    const nextError = recoveryError instanceof Error ? recoveryError : new Error(String(recoveryError));
-    deps.setError(nextError);
-    deps.setStatus("error");
-    notifyChatError(nextError);
-  }
-  return true;
-}
-async function tryRecoverForbiddenSession(error, recover, deps) {
-  return tryRecoverMatchingSessionError(error, isForbiddenSessionError, recover, deps);
-}
-async function tryRecoverUnknownSession(error, recover, deps) {
-  return tryRecoverMatchingSessionError(error, isUnknownSessionError, recover, deps);
+  }
+}
+async function runForbiddenSessionRecovery(deps) {
+  deps.setSessionMetadataSynced({});
+  deps.setMessagesSynced([]);
+  deps.setQueueSynced(EMPTY_QUEUE_STATE);
+  deps.setActivityLabelSynced(void 0);
+  deps.setPlanLabelSynced(void 0);
+  deps.setPresentationSynced({
+    revision: 0,
+    userBash: [],
+    rlmChildren: [],
+    refinements: [],
+    artifactRuns: []
+  });
+  deps.setError(null);
+  deps.setStatus("ready");
+  const result = await deps.client.createSession(deps.projectId);
+  deps.setSessionMetadataSynced(result.session);
+  deps.setMessagesSynced(result.messages);
+  deps.setPresentationSynced(result.presentation);
+  deps.setActivityLabelSynced(result.sessionReset ? "Started a fresh Pi session" : void 0);
+  await deps.refreshSessions();
+}
+async function tryRecoverMatchingSessionError(error, matches2, recover, deps) {
+  if (!matches2(error)) return false;
+  try {
+    await recover();
+  } catch (recoveryError) {
+    const nextError = recoveryError instanceof Error ? recoveryError : new Error(String(recoveryError));
+    deps.setError(nextError);
+    deps.setStatus("error");
+    notifyChatError(nextError);
+  }
+  return true;
+}
+async function tryRecoverForbiddenSession(error, recover, deps) {
+  return tryRecoverMatchingSessionError(error, isForbiddenSessionError, recover, deps);
+}
+async function tryRecoverUnknownSession(error, recover, deps) {
+  return tryRecoverMatchingSessionError(error, isUnknownSessionError, recover, deps);
+}
+function usePiChatBootstrap({ client, initialSessionMetadataRef, initializedRef, recoverFromForbiddenSession, refreshSessions, setActivityLabelSynced, setError, setMessagesSynced, setPlanLabelSynced, setPresentationSynced, setQueueSynced, setSessionMetadataSynced, setStatus }) {
+  useEffect2(() => {
+    if (initializedRef.current) return;
+    initializedRef.current = true;
+    const controller = new AbortController();
+    let completed = false;
+    setStatus("ready");
+    setError(null);
+    setQueueSynced(EMPTY_QUEUE_STATE);
+    setActivityLabelSynced(void 0);
+    setPlanLabelSynced(void 0);
+    setMessagesSynced([]);
+    const storedSession = initialSessionMetadataRef.current;
+    refreshSessions().then((availableSessions) => {
+      if (controller.signal.aborted) return void 0;
+      const selected = storedSession.sessionId ? availableSessions.find((candidate) => candidate.sessionId === storedSession.sessionId) : void 0;
+      const fallback = selected ?? (storedSession.projectId ? availableSessions.find((candidate) => candidate.projectId === storedSession.projectId) : availableSessions[0]);
+      if (!fallback) {
+        setSessionMetadataSynced(storedSession.projectId ? { projectId: storedSession.projectId } : {});
+        return;
+      }
+      const metadata = selected ? storedSession : {
+        sessionId: fallback.sessionId,
+        projectId: fallback.projectId
+      };
+      return client.loadSession(metadata);
+    }).then((result) => {
+      if (!result || controller.signal.aborted) return;
+      setSessionMetadataSynced(result.session);
+      setMessagesSynced(hydratePlanPresentationMessages(result.messages, result.planPresentations));
+      setPresentationSynced(result.presentation);
+      setActivityLabelSynced(result.sessionReset ? "Started a fresh Pi session" : void 0);
+    }).catch(async (err) => {
+      if (controller.signal.aborted) return;
+      const recoveryDeps = {
+        setError,
+        setStatus
+      };
+      if (await tryRecoverForbiddenSession(err, recoverFromForbiddenSession, recoveryDeps) || await tryRecoverUnknownSession(err, recoverFromForbiddenSession, recoveryDeps) || controller.signal.aborted) return;
+      const nextError = err instanceof Error ? err : new Error(String(err));
+      setError(nextError);
+      setStatus("error");
+      notifyChatError(nextError);
+    }).finally(() => {
+      completed = true;
+    });
+    return () => {
+      controller.abort();
+      if (!completed) initializedRef.current = false;
+    };
+  }, [
+    client,
+    initialSessionMetadataRef,
+    initializedRef,
+    recoverFromForbiddenSession,
+    refreshSessions,
+    setActivityLabelSynced,
+    setError,
+    setMessagesSynced,
+    setPlanLabelSynced,
+    setPresentationSynced,
+    setQueueSynced,
+    setSessionMetadataSynced,
+    setStatus
+  ]);
+}
+function usePiChatSessionEvents({ client, presentationRef, sessionId, sessionMetadataRef, setActivityLabelSynced, setAdapterCapabilities, setMessagesSynced, setPresentationSynced, setQueueSynced, setSessionMetadataSynced, statusRef }) {
+  useEffect2(() => {
+    if (!sessionId || typeof window === "undefined") return;
+    const lastEventIdKey = `pi:sse:last-event-id:${sessionId}`;
+    const sseCapabilitiesRef = { current: void 0 };
+    let lastEventId = Number.parseInt(window.sessionStorage.getItem(lastEventIdKey) ?? "0", 10);
+    if (Number.isNaN(lastEventId)) lastEventId = 0;
+    let source = null;
+    let reconnectTimer = null;
+    let closedByEffect = false;
+    const handleEvent = (raw) => {
+      let frame2;
+      try {
+        frame2 = JSON.parse(raw.data);
+      } catch {
+        return;
+      }
+      if (frame2.type === "presentation") {
+        if (frame2.presentation.revision > (presentationRef.current?.revision ?? -1)) setPresentationSynced(frame2.presentation);
+        return;
+      }
+      if (frame2.type === "rlm") {
+        const current = presentationRef.current;
+        const existing = current.rlmChildren.find((child) => child.id === frame2.child.id);
+        if (existing && existing.timestamp > frame2.child.timestamp) return;
+        setPresentationSynced({
+          ...current,
+          rlmChildren: [...current.rlmChildren.filter((child) => child.id !== frame2.child.id), frame2.child],
+          ...frame2.tree ? { rlmTree: frame2.tree } : {}
+        });
+        return;
+      }
+      if (statusRef.current === "streaming" || statusRef.current === "submitted") return;
+      const connected = frame2;
+      if (connected.type === "connected") {
+        sseCapabilitiesRef.current = connected.adapterCapabilities;
+        setAdapterCapabilities(connected.adapterCapabilities);
+        return;
+      }
+      if (frame2.type === "reasoning") {
+        const messageId = frame2.messageId;
+        if (!sseCapabilitiesRef.current?.features.includes("reasoning-summary-v1") || !messageId) return;
+        setMessagesSynced((current) => upsertAssistantReasoningPresentation(current, messageId, frame2.presentation));
+        return;
+      }
+      if (frame2.type === "tool" && frame2.part?.type === "tool-Question") {
+        setMessagesSynced((current) => {
+          const toolCallId = frame2.part.toolCallId ?? "";
+          if (current.some((message) => message.parts.some((part) => part.type !== "text" && part.type !== "error" && "toolCallId" in part && part.toolCallId === toolCallId))) return current;
+          const questionPart = {
+            ...frame2.part,
+            type: "tool-Question"
+          };
+          return [...current, {
+            id: crypto.randomUUID(),
+            role: "assistant",
+            parts: [questionPart],
+            createdAt: (/* @__PURE__ */ new Date()).toISOString()
+          }];
+        });
+        return;
+      }
+      if (frame2.type === "state") {
+        setActivityLabelSynced(typeof frame2.state?.message === "string" ? frame2.state.message : void 0);
+        if (frame2.state?.name === "agent_settled") client.loadSession({ sessionId }).then((result) => {
+          if (closedByEffect || sessionMetadataRef.current.sessionId !== sessionId) return;
+          setMessagesSynced(hydratePlanPresentationMessages(result.messages, result.planPresentations));
+          setPresentationSynced(result.presentation);
+          setSessionMetadataSynced(result.session);
+          setQueueSynced(EMPTY_QUEUE_STATE);
+        }).catch(() => void 0);
+        return;
+      }
+      if (frame2.type === "queue") setQueueSynced({
+        steering: frame2.steering,
+        followUp: frame2.followUp
+      });
+    };
+    const connect = () => {
+      const params = new URLSearchParams({ sessionId });
+      if (lastEventId > 0) params.set("lastEventId", String(lastEventId));
+      source?.close();
+      const nextSource = new EventSource(resolveChatApiUrl(`/api/chat/events?${params}`));
+      source = nextSource;
+      nextSource.onmessage = (event) => {
+        if (closedByEffect || source !== nextSource) return;
+        const seq = Number.parseInt(event.lastEventId ?? "", 10);
+        if (!Number.isNaN(seq) && seq > 0) {
+          lastEventId = seq;
+          window.sessionStorage.setItem(lastEventIdKey, String(seq));
+        }
+        handleEvent(event);
+      };
+      nextSource.onerror = () => {
+        if (closedByEffect || source !== nextSource) return;
+        nextSource.close();
+        if (reconnectTimer) clearTimeout(reconnectTimer);
+        reconnectTimer = setTimeout(connect, 2e3);
+      };
+    };
+    connect();
+    return () => {
+      closedByEffect = true;
+      source?.close();
+      if (reconnectTimer) clearTimeout(reconnectTimer);
+    };
+  }, [
+    client,
+    presentationRef,
+    sessionId,
+    sessionMetadataRef,
+    setActivityLabelSynced,
+    setAdapterCapabilities,
+    setMessagesSynced,
+    setPresentationSynced,
+    setQueueSynced,
+    setSessionMetadataSynced,
+    statusRef
+  ]);
 }
 function createStreamAdmission() {
   let resolvePromise;
@@ -15103,62 +14496,21 @@ function usePiChat(model, options) {
       cancelled = true;
     };
   }, [refreshSessions]);
-  useEffect2(() => {
-    if (initializedRef.current) return;
-    initializedRef.current = true;
-    const controller = new AbortController();
-    setStatus("ready");
-    setError(null);
-    setQueueSynced(EMPTY_QUEUE_STATE);
-    setActivityLabelSynced(void 0);
-    setPlanLabelSynced(void 0);
-    setMessagesSynced([]);
-    const storedSession = initialSessionMetadataRef.current;
-    refreshSessions().then((availableSessions) => {
-      if (controller.signal.aborted) return void 0;
-      const selected = storedSession.sessionId ? availableSessions.find((candidate) => candidate.sessionId === storedSession.sessionId) : void 0;
-      const fallback = selected ?? (storedSession.projectId ? availableSessions.find((candidate) => candidate.projectId === storedSession.projectId) : availableSessions[0]);
-      if (!fallback) {
-        setSessionMetadataSynced(storedSession.projectId ? { projectId: storedSession.projectId } : {});
-        return;
-      }
-      const metadata = selected ? storedSession : {
-        sessionId: fallback.sessionId,
-        projectId: fallback.projectId
-      };
-      return client.loadSession(metadata);
-    }).then((result) => {
-      if (!result || controller.signal.aborted) return;
-      setSessionMetadataSynced(result.session);
-      setMessagesSynced(hydratePlanPresentationMessages(result.messages, result.planPresentations));
-      setPresentationSynced(result.presentation);
-      setActivityLabelSynced(result.sessionReset ? "Started a fresh Pi session" : void 0);
-    }).catch(async (err) => {
-      if (controller.signal.aborted) return;
-      const recoveryDeps = {
-        setError,
-        setStatus
-      };
-      if (await tryRecoverForbiddenSession(err, recoverFromForbiddenSession, recoveryDeps) || await tryRecoverUnknownSession(err, recoverFromForbiddenSession, recoveryDeps) || controller.signal.aborted) return;
-      const nextError = err instanceof Error ? err : new Error(String(err));
-      setError(nextError);
-      setStatus("error");
-      notifyChatError(nextError);
-    });
-    return () => {
-      controller.abort();
-    };
-  }, [
+  usePiChatBootstrap({
     client,
+    initialSessionMetadataRef,
+    initializedRef,
+    recoverFromForbiddenSession,
+    refreshSessions,
     setActivityLabelSynced,
+    setError,
     setMessagesSynced,
     setPlanLabelSynced,
     setPresentationSynced,
     setQueueSynced,
     setSessionMetadataSynced,
-    refreshSessions,
-    recoverFromForbiddenSession
-  ]);
+    setStatus
+  });
   const { resetStreamAdmission, sendMessage, setAdapterCapabilities } = usePiChatMessaging({
     activityLabelRef,
     client,
@@ -15348,130 +14700,19 @@ function usePiChat(model, options) {
   useEffect2(() => {
     sendMessageRef.current = sendMessage;
   }, [sendMessage]);
-  useEffect2(() => {
-    const sessionId = sessionMetadata.sessionId;
-    if (!sessionId || typeof window === "undefined") return;
-    const lastEventIdKey = `pi:sse:last-event-id:${sessionId}`;
-    const sseCapabilitiesRef = { current: void 0 };
-    let lastEventId = Number.parseInt(window.sessionStorage.getItem(lastEventIdKey) ?? "0", 10);
-    if (Number.isNaN(lastEventId)) lastEventId = 0;
-    let source = null;
-    let reconnectTimer = null;
-    let closedByEffect = false;
-    const handleEvent = (raw) => {
-      let frame2;
-      try {
-        frame2 = JSON.parse(raw.data);
-      } catch {
-        return;
-      }
-      if (frame2.type === "presentation") {
-        if (frame2.presentation.revision > (presentationRef.current?.revision ?? -1)) setPresentationSynced(frame2.presentation);
-        return;
-      }
-      if (frame2.type === "rlm") {
-        const current = presentationRef.current;
-        const existing = current.rlmChildren.find((child) => child.id === frame2.child.id);
-        if (existing && existing.timestamp > frame2.child.timestamp) return;
-        setPresentationSynced({
-          ...current,
-          rlmChildren: [...current.rlmChildren.filter((child) => child.id !== frame2.child.id), frame2.child],
-          ...frame2.tree ? { rlmTree: frame2.tree } : {}
-        });
-        return;
-      }
-      const currentStatus = statusRef.current;
-      if (currentStatus === "streaming" || currentStatus === "submitted") return;
-      const connected = frame2;
-      if (connected.type === "connected") {
-        const caps = connected.adapterCapabilities;
-        sseCapabilitiesRef.current = caps;
-        setAdapterCapabilities(caps);
-        return;
-      }
-      if (frame2.type === "reasoning") {
-        const capabilities = sseCapabilitiesRef.current;
-        const messageId = frame2.messageId;
-        if (!capabilities?.features.includes("reasoning-summary-v1") || !messageId) return;
-        setMessagesSynced((current) => upsertAssistantReasoningPresentation(current, messageId, frame2.presentation));
-        return;
-      }
-      if (frame2.type === "tool" && frame2.part?.type === "tool-Question") {
-        setMessagesSynced((current) => {
-          const toolCallId = frame2.part.toolCallId ?? "";
-          if (current.findIndex((message) => message.parts.some((p) => p.type !== "text" && p.type !== "error" && "toolCallId" in p && p.toolCallId === toolCallId)) !== -1) return current;
-          const questionPart = {
-            ...frame2.part,
-            type: "tool-Question"
-          };
-          return [...current, {
-            id: crypto.randomUUID(),
-            role: "assistant",
-            parts: [questionPart],
-            createdAt: (/* @__PURE__ */ new Date()).toISOString()
-          }];
-        });
-        return;
-      }
-      if (frame2.type === "state") {
-        setActivityLabelSynced(typeof frame2.state?.message === "string" ? frame2.state.message : void 0);
-        if (frame2.state?.name === "agent_settled") {
-          const settledSessionId = sessionId;
-          client.loadSession({ sessionId: settledSessionId }).then((result) => {
-            if (sessionMetadataRef.current.sessionId !== settledSessionId) return;
-            setMessagesSynced(hydratePlanPresentationMessages(result.messages, result.planPresentations));
-            setPresentationSynced(result.presentation);
-            setSessionMetadataSynced(result.session);
-            setQueueSynced(EMPTY_QUEUE_STATE);
-          }).catch(() => void 0);
-        }
-        return;
-      }
-      if (frame2.type === "queue") {
-        setQueueSynced({
-          steering: frame2.steering,
-          followUp: frame2.followUp
-        });
-        return;
-      }
-    };
-    const connect = () => {
-      const params = new URLSearchParams({ sessionId });
-      if (lastEventId > 0) params.set("lastEventId", String(lastEventId));
-      const url = resolveChatApiUrl(`/api/chat/events?${params}`);
-      source?.close();
-      source = new EventSource(url);
-      source.onmessage = (event) => {
-        const seq = Number.parseInt(event.lastEventId ?? "", 10);
-        if (!Number.isNaN(seq) && seq > 0) {
-          lastEventId = seq;
-          window.sessionStorage.setItem(lastEventIdKey, String(seq));
-        }
-        handleEvent(event);
-      };
-      source.onerror = () => {
-        source?.close();
-        if (closedByEffect) return;
-        if (reconnectTimer) clearTimeout(reconnectTimer);
-        reconnectTimer = setTimeout(connect, 2e3);
-      };
-    };
-    connect();
-    return () => {
-      closedByEffect = true;
-      source?.close();
-      if (reconnectTimer) clearTimeout(reconnectTimer);
-    };
-  }, [
+  usePiChatSessionEvents({
     client,
-    sessionMetadata.sessionId,
+    presentationRef,
+    sessionId: sessionMetadata.sessionId,
+    sessionMetadataRef,
     setActivityLabelSynced,
+    setAdapterCapabilities,
     setMessagesSynced,
-    setQueueSynced,
     setPresentationSynced,
+    setQueueSynced,
     setSessionMetadataSynced,
-    setAdapterCapabilities
-  ]);
+    statusRef
+  });
   const enhancedMessages = useMemo2(() => enhanceMessages(messages), [messages, enhanceMessages]);
   const renameSession = useCallback2(async (sessionId, title) => {
     await client.renameSession(sessionId, title);
@@ -16167,7 +15408,7 @@ function useChatWorkspaceData() {
     }
   };
 }
-var LazySubagentChatPanel = lazy(() => import("./subagent-chat-panel-C97S3WID-DLOAD5TG.js").then(({ SubagentChatPanel }) => ({ default: SubagentChatPanel })));
+var LazySubagentChatPanel = lazy(() => import("./subagent-chat-panel-B1YoZIKO-DFRUDQJ2.js").then(({ SubagentChatPanel }) => ({ default: SubagentChatPanel })));
 function ChatWorkspaceShell() {
   const { session, conversation, composer, panels, dialogs, chrome, agentTabs } = useChatWorkspaceData();
   const toggleCommandPalette = useCallback2(() => {