@qredence/fleet 0.5.0 → 0.5.1

package/dist/web/server/{routes-BX4Tv-6R-FHIZYUWW.js → routes-BznemByz-F4DJAYIM.js}

@@ -1,9 +1,49 @@
+import {
+  ChatCommandsResponseSchema,
+  ChatModelsDiscoverRequestSchema,
+  ChatModelsDiscoverResponseSchema,
+  ChatModelsResponseSchema,
+  ChatProviderOAuthLoginRequestSchema,
+  ChatProviderOAuthLoginResponseSchema,
+  ChatProviderRemoveRequestSchema,
+  ChatProviderUpdateRequestSchema,
+  ChatProviderUpdateResponseSchema,
+  ChatProvidersResponseSchema,
+  ChatResourcesResponseSchema,
+  ChatSettingsResponseSchema,
+  ChatSettingsUpdateRequestSchema,
+  LazyMotion,
+  NETWORK_DISCONNECTED_MESSAGE,
+  WorkspaceBrowseResponseSchema,
+  WorkspaceFileResponseSchema,
+  WorkspaceTreeResponseSchema,
+  domAnimation,
+  useMutation,
+  useQuery,
+  useQueryClient
+} from "./chunk-H64JLONZ.js";
+import {
+  ChevronLeft,
+  FileAttachment,
+  FleetGenerativeTextRenderer,
+  FleetSubagentList,
+  FleetToolTimeline,
+  Image,
+  Message,
+  MessageBubble,
+  MessageBubbleContent,
+  MessageContent,
+  MessageScroller,
+  UserMessage,
+  buildAssistantElements,
+  groupMessages,
+  normalizeAssistantToolParts
+} from "./chunk-Y6LJ4WBI.js";
 import {
   BookOpenText,
   CitationList,
   CitationStack,
   Earth,
-  LazyMarkdown,
   ListTodo,
   LogOut,
   MessageCircleQuestionMark,
@@ -17,7 +57,28 @@ import {
   paper,
   take,
   useHoverCapable
-} from "./chunk-W7LNJCRJ.js";
+} from "./chunk-44IVTHDV.js";
+import {
+  DESKTOP_PANEL_ONLY,
+  File,
+  FolderOpen,
+  RESOURCE_CANVAS_VIEWPORT_RATIO,
+  SharedLayoutBg,
+  availableThinkingLevels,
+  clampThinkingLevel,
+  normalizeSessionLabel,
+  queueLabel,
+  readStoredWidth,
+  startHorizontalResize,
+  storeStoredWidth,
+  thinkingLevelLabel,
+  toModelOption,
+  toModelSelection
+} from "./chunk-FVWDJNXR.js";
+import "./chunk-QK4CHLVV.js";
+import {
+  resolveWorkspacePanelTarget
+} from "./chunk-P66QQWUM.js";
 import {
   Command,
   CommandEmpty,
@@ -30,7 +91,10 @@ import {
   RotateCcwClock,
   Square,
   getRightPanelDefinition
-} from "./chunk-TTQ75CXC.js";
+} from "./chunk-AZZHUVJR.js";
+import {
+  Folder
+} from "./chunk-OLG5DQ7V.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -40,7 +104,6 @@ import {
   AlertDialogFooter,
   AlertDialogTitle,
   ArrowLeft,
-  Bot,
   CHAT_HEADER_LAYER_CLASS,
   CHROME_PILL_ACTIVE_CLASS,
   CHROME_PILL_CLASS,
@@ -48,17 +111,22 @@ import {
   MessageSquare,
   PANEL_OVERLAY_CLASS,
   ProviderBrandIcon,
-  RefreshCw,
   Settings,
   Spinner,
   Trash2,
   formatProviderLabel,
-  notify,
   safePolygon,
   useHoverFloatingInteraction,
   useHoverReferenceInteraction,
   usePopupHandleStore
-} from "./chunk-5277VI3D.js";
+} from "./chunk-KPNGZR2R.js";
+import {
+  RefreshCw,
+  notify
+} from "./chunk-EIVNRYP3.js";
+import {
+  TriangleAlert
+} from "./chunk-WK7CQS2N.js";
 import {
   Sparkles
 } from "./chunk-5WZFFNFY.js";
@@ -67,42 +135,19 @@ import {
   RightPanelProvider,
   useChatPanelDataContext,
   useWorkspaceTreeContext
-} from "./chunk-ZX3XOSYO.js";
+} from "./chunk-3GSFXWL5.js";
+import {
+  Bot
+} from "./chunk-74QOI457.js";
 import {
   Search
 } from "./chunk-2H6A6Z7F.js";
 import {
-  ChatCommandsResponseSchema,
-  ChatModelsDiscoverRequestSchema,
-  ChatModelsDiscoverResponseSchema,
-  ChatModelsResponseSchema,
-  ChatProviderOAuthLoginRequestSchema,
-  ChatProviderOAuthLoginResponseSchema,
-  ChatProviderRemoveRequestSchema,
-  ChatProviderUpdateRequestSchema,
-  ChatProviderUpdateResponseSchema,
-  ChatProvidersResponseSchema,
-  ChatResourcesResponseSchema,
-  ChatSettingsResponseSchema,
-  ChatSettingsUpdateRequestSchema,
-  LazyMotion,
-  NETWORK_DISCONNECTED_MESSAGE,
-  WorkspaceBrowseResponseSchema,
-  WorkspaceFileResponseSchema,
-  WorkspaceTreeResponseSchema,
-  domAnimation,
-  useMutation,
-  useQuery,
-  useQueryClient
-} from "./chunk-4KFMONRT.js";
-import {
-  TriangleAlert
-} from "./chunk-WK7CQS2N.js";
+  collectSessionOpenUIBlocks
+} from "./chunk-AQ66E5OW.js";
 import {
-  collectSessionOpenUIBlocks,
-  derivePrimeAgentArtifactRuns,
-  getArtifactsScopePath
-} from "./chunk-PRT4QYOB.js";
+  derivePrimeAgentArtifactRuns
+} from "./chunk-5AVQZ4AZ.js";
 import {
   ActionSwapRollText,
   AgentDisclosure,
@@ -111,20 +156,98 @@ import {
   CollapsibleTrigger,
   Copy,
   FileCodeCorner,
-  SquareTerminal,
   Wrench
-} from "./chunk-APN3LVRT.js";
+} from "./chunk-PWK2HJIV.js";
+import {
+  AnimatePresence,
+  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";
+import {
+  HTMLVisualElement,
+  JSAnimation,
+  LayoutGroupContext,
+  SVGVisualElement,
+  VisualElement,
+  animateSingleValue,
+  animateTarget,
+  cancelFrame,
+  collectMotionValues,
+  createBox,
+  createGeneratorEasing,
+  defaultOffset,
+  fillOffset,
+  frame,
+  interpolate,
+  invariant,
+  isEasingArray,
+  isGenerator,
+  isMotionValue,
+  isSVGElement,
+  isSVGSVGElement,
+  mixNumber$1,
+  motionValue,
+  progress,
+  removeItem,
+  resolveElements,
+  resolveTransition,
+  reverseEasing,
+  secondsToMilliseconds,
+  spring,
+  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,
-  segmentOpenUIContent
-} from "./chunk-KDSISV4P.js";
+  decodeOpenPanelActionMessage
+} from "./chunk-HBZ6YKRB.js";
+import {
+  ChatOpenUIArtifactUpsertRequestSchema,
+  ChatOpenUIArtifactUpsertResponseSchema,
+  ChatPlanPresentationSchema,
+  ChatPlanPresentationUpsertRequestSchema,
+  ChatQuestionAnswerResponseSchema,
+  ChatQueueMutationRequestSchema,
+  ChatQueueMutationResponseSchema,
+  ChatSessionMetadataSchema,
+  ChatSessionResponseSchema,
+  ChatSessionsResponseSchema,
+  ChatStreamEventSchema,
+  ChatThinkingLevelSchema,
+  ProjectCreateRequestSchema,
+  ProjectDirectoryBrowseResponseSchema,
+  ProjectForkRequestSchema,
+  ProjectForkResponseSchema,
+  ProjectListResponseSchema,
+  ProjectRenameRequestSchema,
+  ProjectSummarySchema,
+  UploadedAttachmentSchema,
+  WorkspaceRelativePathSchema,
+  external_exports
+} from "./chunk-B2F6MLVZ.js";
+import "./chunk-NFRJDPB3.js";
 import {
   ChevronUp,
   isSafeExternalUrl
@@ -143,13 +266,14 @@ import {
   useOpenMethodTriggerProps,
   usePositioner,
   useToolbarRootContext
-} from "./chunk-C7EKOPZU.js";
+} from "./chunk-DO3TVNGA.js";
+import "./chunk-RJOANOT4.js";
 import {
   ChevronDown
 } from "./chunk-QLY3L4A2.js";
 import {
   Input
-} from "./chunk-JD6EWZCU.js";
+} from "./chunk-VHCAD46L.js";
 import {
   Check,
   useControlled
@@ -196,33 +320,7 @@ import {
   usePopupRootSync,
   useSurface,
   useTriggerDataForwarding
-} from "./chunk-AQWTGP35.js";
-import {
-  useBaseUiId
-} from "./chunk-XYYNYFFD.js";
-import {
-  ChatOpenUIArtifactUpsertRequestSchema,
-  ChatOpenUIArtifactUpsertResponseSchema,
-  ChatPlanPresentationSchema,
-  ChatPlanPresentationUpsertRequestSchema,
-  ChatQuestionAnswerResponseSchema,
-  ChatSessionMetadataSchema,
-  ChatSessionResponseSchema,
-  ChatSessionsResponseSchema,
-  ChatStreamEventSchema,
-  ChatThinkingLevelSchema,
-  ProjectCreateRequestSchema,
-  ProjectDirectoryBrowseResponseSchema,
-  ProjectForkRequestSchema,
-  ProjectForkResponseSchema,
-  ProjectListResponseSchema,
-  ProjectRenameRequestSchema,
-  ProjectSummarySchema,
-  UploadedAttachmentSchema,
-  WorkspaceRelativePathSchema,
-  external_exports
-} from "./chunk-KAWYGHDN.js";
-import "./chunk-RJOANOT4.js";
+} from "./chunk-FE4KN6T2.js";
 import {
   Button,
   CLICK_TRIGGER_IDENTIFIER,
@@ -247,6 +345,9 @@ import {
   isOutsideEvent,
   ownerDocument
 } from "./chunk-RPROZ2JC.js";
+import {
+  useBaseUiId
+} from "./chunk-XYYNYFFD.js";
 import {
   CompositeRootContext,
   EMPTY_ARRAY,
@@ -272,97 +373,21 @@ import {
   useStableCallback
 } from "./chunk-X2TUFLTP.js";
 import {
-  DESKTOP_PANEL_ONLY,
-  File,
-  FolderOpen,
-  RESOURCE_CANVAS_VIEWPORT_RATIO,
-  SharedLayoutBg,
-  availableThinkingLevels,
-  clampThinkingLevel,
-  normalizeSessionLabel,
-  queueLabel,
-  readStoredWidth,
-  startHorizontalResize,
-  storeStoredWidth,
-  thinkingLevelLabel,
-  toModelOption,
-  toModelSelection
-} from "./chunk-MK3P3OBZ.js";
-import {
-  AnimatePresence,
-  EASE_DRAWER,
-  EASE_IN_OUT,
-  EASE_OUT,
-  MotionConfigContext,
-  SPRING_GLIDE,
-  SPRING_LAYOUT,
-  SPRING_MOUSE,
-  SPRING_PANEL,
-  SPRING_PRESS,
-  SPRING_SWAP,
-  m,
-  motion,
-  resolveWorkspacePanelTarget,
-  useConstant,
-  useIsomorphicLayoutEffect,
-  useReducedMotion
-} from "./chunk-XXNFEXDU.js";
-import {
-  Folder
-} from "./chunk-OLG5DQ7V.js";
-import {
-  ChevronRight
-} from "./chunk-7QCDOBZ3.js";
-import "./chunk-QK4CHLVV.js";
-import {
-  HTMLVisualElement,
-  JSAnimation,
-  LayoutGroupContext,
-  SVGVisualElement,
-  VisualElement,
-  animateSingleValue,
-  animateTarget,
-  cancelFrame,
-  collectMotionValues,
-  createBox,
-  createGeneratorEasing,
-  defaultOffset,
-  fillOffset,
-  frame,
-  interpolate,
-  invariant,
-  isEasingArray,
-  isGenerator,
-  isMotionValue,
-  isSVGElement,
-  isSVGSVGElement,
-  mixNumber$1,
-  motionValue,
-  progress,
-  removeItem,
-  resolveElements,
-  resolveTransition,
-  reverseEasing,
-  secondsToMilliseconds,
-  spring,
-  visualElementStore,
-  warning
-} from "./chunk-FAGDMGLK.js";
-import "./chunk-BYXBJQAS.js";
-import {
-  countWorkspaceFiles,
-  findWorkspaceNode,
   getResourceGroups
-} from "./chunk-I3FDTJFO.js";
+} from "./chunk-46VQY7SG.js";
 import {
   CircleAlert,
   FileText
 } from "./chunk-7APYEQIO.js";
+import "./chunk-BSFYTSN6.js";
+import "./chunk-EAJTWMK5.js";
 import {
   Package
 } from "./chunk-ZGFQ7HIX.js";
-import "./chunk-BSFYTSN6.js";
-import "./chunk-EAJTWMK5.js";
+import {
+  SquareTerminal
+} from "./chunk-G5BCQQ5N.js";
+import "./chunk-BYXBJQAS.js";
 import {
   createLucideIcon
 } from "./chunk-E26EAQIM.js";
@@ -376,7 +401,7 @@ import "./chunk-JDCCC7A7.js";
 import "./chunk-L547YHC4.js";
 import "./chunk-MLKGABMK.js";
 
-// web/app/dist/server/assets/routes-BX4Tv-6R.js
+// web/app/dist/server/assets/routes-BznemByz.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";
@@ -1093,10 +1118,6 @@ var Bookmark = createLucideIcon("bookmark", [["path", {
   d: "M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z",
   key: "oz39mx"
 }]]);
-var ChevronLeft = createLucideIcon("chevron-left", [["path", {
-  d: "m15 18-6-6 6-6",
-  key: "1wnfg3"
-}]]);
 var ChevronsUpDown = createLucideIcon("chevrons-up-down", [["path", {
   d: "m7 15 5 5 5-5",
   key: "1hf1tw"
@@ -1172,42 +1193,6 @@ var Ellipsis = createLucideIcon("ellipsis", [
     key: "1pcz8c"
   }]
 ]);
-var FileBraces = createLucideIcon("file-braces", [
-  ["path", {
-    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-    key: "1oefj6"
-  }],
-  ["path", {
-    d: "M14 2v5a1 1 0 0 0 1 1h5",
-    key: "wfsgrz"
-  }],
-  ["path", {
-    d: "M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1",
-    key: "1oajmo"
-  }],
-  ["path", {
-    d: "M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1",
-    key: "mpwhp6"
-  }]
-]);
-var FileCode = createLucideIcon("file-code", [
-  ["path", {
-    d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-    key: "1oefj6"
-  }],
-  ["path", {
-    d: "M14 2v5a1 1 0 0 0 1 1h5",
-    key: "wfsgrz"
-  }],
-  ["path", {
-    d: "M10 12.5 8 15l2 2.5",
-    key: "1tg20x"
-  }],
-  ["path", {
-    d: "m14 12.5 2 2.5-2 2.5",
-    key: "yinavb"
-  }]
-]);
 var FilePlusCorner = createLucideIcon("file-plus-corner", [
   ["path", {
     d: "M11.35 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v5.35",
@@ -1265,27 +1250,6 @@ var Gauge = createLucideIcon("gauge", [["path", {
   d: "M3.34 19a10 10 0 1 1 17.32 0",
   key: "19p75a"
 }]]);
-var Image = createLucideIcon("image", [
-  ["rect", {
-    width: "18",
-    height: "18",
-    x: "3",
-    y: "3",
-    rx: "2",
-    ry: "2",
-    key: "1m3agn"
-  }],
-  ["circle", {
-    cx: "9",
-    cy: "9",
-    r: "2",
-    key: "af1f0g"
-  }],
-  ["path", {
-    d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",
-    key: "1xmnt7"
-  }]
-]);
 var ListRestart = createLucideIcon("list-restart", [
   ["path", {
     d: "M21 5H3",
@@ -2621,14 +2585,16 @@ function RightPanelLauncherFromContext() {
   })] });
 }
 function RightPanelTabsFromContext({ idPrefix = "right-panel" }) {
-  const { artifactRuns, messages, rightPanel, setRightPanel, resources } = useChatPanelDataContext();
+  const { artifactRuns, messages, presentation, rightPanel, setRightPanel, resources } = useChatPanelDataContext();
   const { workspaceTree } = useWorkspaceTreeContext();
   return /* @__PURE__ */ jsx(RightPanelLauncher, {
     activePanel: rightPanel,
     onPanelChange: setRightPanel,
     resources,
+    replRuns: artifactRuns.flatMap((run) => run.artifacts).filter((artifact) => artifact.kind === "ipython").length,
     sessionBlocks: collectSessionOpenUIBlocks(messages).length,
-    technicalArtifacts: artifactRuns.flatMap((run) => run.artifacts).length,
+    subagents: presentation.rlmChildren.length,
+    openUIArtifacts: artifactRuns.flatMap((run) => run.artifacts).filter((artifact) => artifact.kind === "openui-html").length,
     workspace: workspaceTree,
     idPrefix
   });
@@ -2641,45 +2607,119 @@ function RightPanelTrigger({ onOpen }) {
     children: /* @__PURE__ */ jsx(PanelRight, { className: "size-4" })
   });
 }
-function RightPanelLauncher({ activePanel, onPanelChange, resources, sessionBlocks = 0, technicalArtifacts = 0, workspace, idPrefix = "right-panel" }) {
+function RightPanelLauncher({ activePanel, onPanelChange, resources, replRuns = 0, sessionBlocks = 0, subagents = 0, openUIArtifacts = 0, workspace, idPrefix = "right-panel" }) {
   const totalResources = getResourceGroups(resources, workspace).reduce((count, group) => count + group.items.length, 0);
   const totalArtifacts = useMemo2(() => {
-    const total = (() => {
-      if (!workspace) return 0;
-      const artifactsRoot = findWorkspaceNode(workspace.nodes, getArtifactsScopePath(workspace.root));
-      if (!artifactsRoot?.children?.length) return 0;
-      return countWorkspaceFiles(artifactsRoot.children);
-    })() + sessionBlocks + technicalArtifacts;
+    const total = sessionBlocks + openUIArtifacts;
     return total > 0 ? total : void 0;
-  }, [
-    sessionBlocks,
-    technicalArtifacts,
-    workspace
-  ]);
+  }, [openUIArtifacts, sessionBlocks]);
   const tabs = useMemo2(() => RIGHT_PANEL_DEFINITIONS.map((definition) => ({
     ...definition,
-    badge: definition.badgeSource === "resources" ? totalResources || void 0 : definition.badgeSource === "artifacts" ? totalArtifacts : void 0
-  })), [totalArtifacts, totalResources]);
+    badge: definition.badgeSource === "resources" ? totalResources || void 0 : definition.badgeSource === "artifacts" ? totalArtifacts : definition.badgeSource === "repl" ? replRuns || void 0 : definition.badgeSource === "subagents" ? subagents || void 0 : void 0
+  })), [
+    replRuns,
+    subagents,
+    totalArtifacts,
+    totalResources
+  ]);
   const selectedIndex = tabs.findIndex((tab) => tab.id === activePanel);
-  return /* @__PURE__ */ jsx(TabsSubtle, {
-    activeLabel: true,
-    className: "w-fit max-w-full",
+  const panelOptions = useMemo2(() => tabs.map((tab) => ({
+    value: tab.id,
+    label: tab.title,
+    icon: tab.icon
+  })), [tabs]);
+  return /* @__PURE__ */ jsx(ResponsivePanelLauncher, {
     "data-testid": "right-panel-inline-launcher",
     "data-active-panel": activePanel ?? "closed",
+    activePanel,
+    options: panelOptions,
+    panelOptions: tabs,
     idPrefix,
     selectedIndex,
     onSelect: (index) => {
       const next = tabs.at(index)?.id;
       if (!next) return;
       onPanelChange(next === activePanel ? null : next);
-    },
-    children: tabs.map((tab, index) => /* @__PURE__ */ jsx(TabsSubtleItem, {
-      index,
-      icon: tab.icon,
-      label: tab.title,
-      badge: tab.badge,
-      "aria-label": tab.ariaLabel
-    }, tab.id))
+    }
+  });
+}
+function ResponsivePanelLauncher({ activePanel, className, idPrefix, onSelect, options, panelOptions, selectedIndex, ...props }) {
+  const containerRef = useRef2(null);
+  const measurementRef = useRef2(null);
+  const [isDropdown, setIsDropdown] = useState2(false);
+  const measure = useCallback2(() => {
+    const container = containerRef.current;
+    const measurement = measurementRef.current;
+    if (!container || !measurement) return;
+    const availableWidth = container.parentElement?.clientWidth ?? container.clientWidth;
+    const requiredWidth = measurement.getBoundingClientRect().width;
+    setIsDropdown(requiredWidth > availableWidth + 1);
+  }, []);
+  useLayoutEffect(() => {
+    measure();
+    const container = containerRef.current;
+    const measurement = measurementRef.current;
+    if (!container || !measurement || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    if (container.parentElement) observer.observe(container.parentElement);
+    observer.observe(container);
+    observer.observe(measurement);
+    return () => observer.disconnect();
+  }, [
+    measure,
+    panelOptions,
+    selectedIndex
+  ]);
+  const selectPanel = useCallback2((nextPanel) => {
+    const nextIndex = panelOptions.findIndex((panel) => panel.id === nextPanel);
+    if (nextIndex >= 0) onSelect(nextIndex);
+  }, [onSelect, panelOptions]);
+  return /* @__PURE__ */ jsxs("div", {
+    ref: containerRef,
+    className: `relative ${isDropdown ? "w-full" : "w-fit"} min-w-0 max-w-full overflow-hidden ${className ?? ""}`,
+    "data-panel-launcher-mode": isDropdown ? "dropdown" : "tabs",
+    ...props,
+    children: [isDropdown ? /* @__PURE__ */ jsx(Select, {
+      "aria-label": "Select panel",
+      className: "w-full min-w-0 max-w-full rounded-full border-border/70 bg-sidebar",
+      onValueChange: selectPanel,
+      options,
+      placeholder: "Open panel",
+      value: activePanel
+    }) : /* @__PURE__ */ jsx(TabsSubtle, {
+      activeLabel: true,
+      className: "w-fit max-w-full",
+      idPrefix,
+      selectedIndex,
+      onSelect,
+      children: panelOptions.map((panel, index) => /* @__PURE__ */ jsx(TabsSubtleItem, {
+        index,
+        icon: panel.icon,
+        label: panel.title,
+        badge: panel.badge,
+        "aria-label": panel.ariaLabel
+      }, panel.id))
+    }), /* @__PURE__ */ jsx("div", {
+      ref: measurementRef,
+      "aria-hidden": "true",
+      className: "pointer-events-none invisible absolute top-0 left-0 -z-10 h-0 w-max max-w-none overflow-hidden",
+      "data-panel-launcher-measurement": true,
+      inert: true,
+      children: /* @__PURE__ */ jsx(TabsSubtle, {
+        activeLabel: true,
+        className: "w-max max-w-none",
+        idPrefix: `${idPrefix}-measurement`,
+        selectedIndex,
+        onSelect: () => void 0,
+        children: panelOptions.map((panel, index) => /* @__PURE__ */ jsx(TabsSubtleItem, {
+          index,
+          icon: panel.icon,
+          label: panel.title,
+          badge: panel.badge,
+          "aria-label": panel.ariaLabel
+        }, panel.id))
+      })
+    })]
   });
 }
 function MobilePanel({ children, dataTestid, headerActions, icon: Icon, onClose, open, title }) {
@@ -2780,10 +2820,10 @@ function MobilePanel({ children, dataTestid, headerActions, icon: Icon, onClose,
     })
   });
 }
-function RightPanelShell({ handleResourceCanvasResizeStart, resourceCanvasWidth }) {
+function RightPanelShell({ handleResourceCanvasResizeStart, onClose, resourceCanvasWidth }) {
   const chat = useChatPanelDataContext();
   const workspace = useWorkspaceTreeContext();
-  const { rightPanel, setRightPanel } = chat;
+  const { rightPanel } = chat;
   const panelOpen = rightPanel !== null;
   const definition = rightPanel ? getRightPanelDefinition(rightPanel) : null;
   const PanelContent = definition?.component;
@@ -2792,7 +2832,7 @@ function RightPanelShell({ handleResourceCanvasResizeStart, resourceCanvasWidth
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MobilePanel, {
     dataTestid: definition?.mobileDataTestid,
     icon: definition?.icon,
-    onClose: () => setRightPanel(null),
+    onClose,
     open: panelOpen,
     title: definition?.title ?? "",
     children: PanelContent ? /* @__PURE__ */ jsx(PanelContent, {}) : null
@@ -2800,7 +2840,7 @@ function RightPanelShell({ handleResourceCanvasResizeStart, resourceCanvasWidth
     dataTestid: definition?.dataTestid,
     headerLeading: /* @__PURE__ */ jsx(RightPanelTabsFromContext, { idPrefix: "right-panel-desktop" }),
     loading,
-    onClose: () => setRightPanel(null),
+    onClose,
     onRefresh,
     onResizeStart: handleResourceCanvasResizeStart,
     open: panelOpen,
@@ -4626,7 +4666,7 @@ function MorphPopover({ children, open: controlledOpen, defaultOpen = false, onO
     })
   });
 }
-function mergeRefs$2(...refs) {
+function mergeRefs$1(...refs) {
   return (node) => {
     for (const ref of refs) if (typeof ref === "function") ref(node);
     else if (ref && typeof ref === "object") ref.current = node;
@@ -4640,7 +4680,7 @@ function MorphPopoverTrigger({ children }) {
   const childRef = child.props.ref;
   return cloneElement(child, {
     id: ctx.triggerId,
-    ref: mergeRefs$2(childRef, (node) => {
+    ref: mergeRefs$1(childRef, (node) => {
       ctx.triggerRef.current = node;
     }),
     onClick: (e) => {
@@ -6051,7 +6091,7 @@ function useComboboxContext(component) {
   if (!context) throw new Error(`${component} must be used within <Combobox>`);
   return context;
 }
-function mergeRefs$1(...refs) {
+function mergeRefs(...refs) {
   return (node) => {
     for (const ref of refs) if (typeof ref === "function") ref(node);
     else if (ref && typeof ref === "object") ref.current = node;
@@ -6525,7 +6565,7 @@ function ComboboxInput({ ref, className, wrapperClassName, "aria-label": ariaLab
       className: "size-4 shrink-0 text-muted-foreground"
     }), /* @__PURE__ */ jsx("input", {
       ...props,
-      ref: mergeRefs$1(ref, context.inputRef),
+      ref: mergeRefs(ref, context.inputRef),
       id: context.inputId,
       role: "combobox",
       "aria-label": ariaLabel,
@@ -7048,907 +7088,246 @@ function FleetSessionSidebar({ data, sessionActions, projectActions = {}, naviga
     submitCreate
   })] });
 }
-var MessageSideContext = createContext2(void 0);
-var MessageBubbleContext = createContext2({
-  animateIn: true,
-  variant: "soft"
-});
-var MessageBubbleLayoutContext = createContext2(() => {
-});
-function mergeRefs(...refs) {
-  return (node) => {
-    for (const ref of refs) if (typeof ref === "function") ref(node);
-    else if (ref) ref.current = node;
-  };
+var EMPTY_CITATIONS = [];
+function ResponseAction({ label, active = false, onClick, children }) {
+  const reduce = useReducedMotion() ?? false;
+  return /* @__PURE__ */ jsx(m.button, {
+    type: "button",
+    "aria-label": label,
+    title: label,
+    "aria-pressed": label === "Helpful" || label === "Not helpful" ? active : void 0,
+    onClick,
+    whileTap: reduce ? void 0 : { scale: 0.9 },
+    transition: SPRING_PRESS,
+    className: cn("grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", active && "bg-muted text-foreground"),
+    children
+  });
 }
-var BUBBLE_CONTENT_REVEAL = {
-  duration: 0.12,
-  ease: EASE_OUT,
-  delay: 0.04
-};
-var BUBBLE_POP = {
-  type: "spring",
-  stiffness: 520,
-  damping: 27,
-  mass: 0.52
-};
-function MessageBubble({ variant = "soft", align, animateIn = false, className, children, initial: initial2, animate: animate2, exit, transition, layout, ...props }) {
+function StreamingResponse({ children, status = "streaming", copyText, onCopy, onRetry, sources = EMPTY_CITATIONS, sourcesOpen, defaultSourcesOpen = false, onSourcesOpenChange, sourceIdPrefix, feedback, defaultFeedback = null, onFeedbackChange, announce = true, showActions = true, className, contentClassName, actionsClassName }) {
   const reduce = useReducedMotion() ?? false;
-  const messageSide = useContext2(MessageSideContext);
-  const resolvedAlign = align ?? messageSide ?? "start";
-  const messageBubbleContextValue = useMemo2(() => ({
-    align: resolvedAlign,
-    animateIn,
-    variant
-  }), [
-    animateIn,
-    resolvedAlign,
-    variant
-  ]);
-  return /* @__PURE__ */ jsx(MessageBubbleContext.Provider, {
-    value: messageBubbleContextValue,
-    children: /* @__PURE__ */ jsx(m.div, {
-      "data-slot": "message-bubble",
-      "data-align": resolvedAlign,
-      "data-variant": variant,
-      layout,
-      initial: initial2 ?? false,
-      animate: animate2,
-      exit: exit ?? (reduce ? { opacity: 0 } : {
-        opacity: 0,
-        y: -3,
-        scale: 0.99
-      }),
-      transition: transition ?? (reduce ? { duration: 0.12 } : SPRING_LAYOUT),
-      className: cn("group/bubble flex w-full flex-col", resolvedAlign === "end" ? "items-end" : "items-start", className),
-      ...props,
+  const baseId = useId();
+  const [copied, setCopied] = useState2(false);
+  const [internalFeedback, setInternalFeedback] = useState2(defaultFeedback);
+  const [internalSourcesOpen, setInternalSourcesOpen] = useState2(defaultSourcesOpen);
+  const copyTimer = useRef2(void 0);
+  const currentFeedback = feedback ?? internalFeedback;
+  const currentSourcesOpen = sourcesOpen ?? internalSourcesOpen;
+  const streaming = status === "streaming";
+  const complete = status === "complete";
+  const canCopy = Boolean(copyText || onCopy);
+  const hasSources = sources.length > 0;
+  const shouldShowActions = showActions && !streaming && (canCopy || onRetry || complete || hasSources);
+  const sourcesContentId = `${baseId}-sources`;
+  const resolvedSourcePrefix = sourceIdPrefix ?? `response-source-${baseId.replace(/:/g, "")}`;
+  useEffect2(() => () => {
+    if (copyTimer.current) window.clearTimeout(copyTimer.current);
+  }, []);
+  const handleCopy = useCallback2(async () => {
+    if (onCopy) await onCopy();
+    else if (copyText) await navigator.clipboard?.writeText(copyText);
+    setCopied(true);
+    if (copyTimer.current) window.clearTimeout(copyTimer.current);
+    copyTimer.current = window.setTimeout(() => setCopied(false), 1600);
+  }, [copyText, onCopy]);
+  const setFeedback = (next) => {
+    const value = currentFeedback === next ? null : next;
+    if (feedback === void 0) setInternalFeedback(value);
+    onFeedbackChange?.(value);
+  };
+  const setSourcesOpen = useCallback2((next) => {
+    if (sourcesOpen === void 0) setInternalSourcesOpen(next);
+    onSourcesOpenChange?.(next);
+  }, [onSourcesOpenChange, sourcesOpen]);
+  return /* @__PURE__ */ jsxs("div", {
+    "data-state": status,
+    "aria-busy": streaming,
+    className: cn("w-full", className),
+    children: [/* @__PURE__ */ jsx("div", {
+      "aria-live": announce ? "polite" : "off",
+      className: cn("text-sm leading-6 text-foreground/90 [&_a]:font-medium [&_a]:underline [&_a]:underline-offset-4 [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em] [&_ol]:my-3 [&_ol]:list-decimal [&_ol]:space-y-1 [&_ol]:pl-5 [&_p+p]:mt-3 [&_pre]:my-3 [&_pre]:overflow-x-auto [&_pre]:rounded-xl [&_pre]:border [&_pre]:border-border [&_pre]:bg-muted/45 [&_pre]:p-3 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_ul]:my-3 [&_ul]:list-disc [&_ul]:space-y-1 [&_ul]:pl-5", contentClassName),
       children
-    })
+    }), /* @__PURE__ */ jsx(AnimatePresence, {
+      initial: false,
+      children: shouldShowActions ? /* @__PURE__ */ jsxs(m.div, {
+        initial: reduce ? { opacity: 0 } : {
+          opacity: 0,
+          y: 4
+        },
+        animate: {
+          opacity: 1,
+          y: 0
+        },
+        exit: { opacity: 0 },
+        transition: {
+          duration: reduce ? 0.12 : 0.22,
+          ease: EASE_OUT
+        },
+        className: "mt-3",
+        children: [/* @__PURE__ */ jsxs("div", {
+          className: cn("flex items-center gap-0.5", actionsClassName),
+          children: [
+            canCopy ? /* @__PURE__ */ jsx(ResponseAction, {
+              label: copied ? "Copied" : "Copy response",
+              onClick: handleCopy,
+              children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
+            }) : null,
+            onRetry ? /* @__PURE__ */ jsx(ResponseAction, {
+              label: "Retry response",
+              onClick: onRetry,
+              children: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3.5" })
+            }) : null,
+            complete ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ResponseAction, {
+              label: "Helpful",
+              active: currentFeedback === "up",
+              onClick: () => setFeedback("up"),
+              children: /* @__PURE__ */ jsx(ThumbsUp, { className: "size-3.5" })
+            }), /* @__PURE__ */ jsx(ResponseAction, {
+              label: "Not helpful",
+              active: currentFeedback === "down",
+              onClick: () => setFeedback("down"),
+              children: /* @__PURE__ */ jsx(ThumbsDown, { className: "size-3.5" })
+            })] }) : null,
+            hasSources ? /* @__PURE__ */ jsxs("button", {
+              type: "button",
+              "aria-expanded": currentSourcesOpen,
+              "aria-controls": sourcesContentId,
+              onClick: () => setSourcesOpen(!currentSourcesOpen),
+              className: "group ml-1 inline-flex min-h-7 items-center gap-2 rounded-md px-1.5 text-xs text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+              children: [
+                /* @__PURE__ */ jsx(CitationStack, { citations: sources }),
+                /* @__PURE__ */ jsxs("span", {
+                  className: "tabular-nums",
+                  children: [
+                    sources.length,
+                    " ",
+                    sources.length === 1 ? "source" : "sources"
+                  ]
+                }),
+                /* @__PURE__ */ jsx(m.span, {
+                  "aria-hidden": "true",
+                  animate: { rotate: currentSourcesOpen ? 180 : 0 },
+                  transition: reduce ? { duration: 0 } : SPRING_SWAP,
+                  className: "text-muted-foreground/50 group-hover:text-muted-foreground",
+                  children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-3" })
+                })
+              ]
+            }) : null
+          ]
+        }), hasSources ? /* @__PURE__ */ jsx(AgentDisclosure, {
+          id: sourcesContentId,
+          open: currentSourcesOpen,
+          children: /* @__PURE__ */ jsx(CitationList, {
+            citations: sources,
+            idPrefix: resolvedSourcePrefix,
+            className: "mt-2 rounded-xl bg-muted p-2"
+          })
+        }) : null]
+      }) : null
+    })]
   });
 }
-function bubbleContentClass(variant, interactive) {
-  return cn("relative z-0 min-w-9 max-w-[82%] rounded-2xl px-3.5 py-2.5 text-sm leading-6 text-foreground", "[&_a]:font-medium [&_a]:underline [&_a]:underline-offset-4 [&_code]:rounded [&_code]:bg-background/60 [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em] [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_p+p]:mt-2 [&_pre]:my-2 [&_pre]:overflow-x-auto [&_pre]:rounded-xl [&_pre]:bg-background/60 [&_pre]:p-3 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5", variant === "solid" && "text-background", variant === "ghost" && "w-full max-w-none rounded-none px-0 py-0", variant === "danger" && "text-destructive", interactive && "cursor-pointer text-left outline-none transition-[background-color,color,transform] duration-150 hover:brightness-[0.98] focus-visible:ring-2 focus-visible:ring-ring active:scale-[0.99]");
-}
-function bubbleSurfaceClass(variant, align) {
-  return cn("pointer-events-none absolute inset-0 -z-10 rounded-[inherit]", align === "end" ? "origin-bottom-right" : "origin-bottom-left", variant === "solid" && "bg-foreground", variant === "soft" && "bg-muted", variant === "tint" && "bg-primary/10", variant === "outline" && "border border-border/70 bg-background", variant === "danger" && "bg-destructive/10");
+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 MessageBubbleContent({ render, className, children, ref, ...props }) {
-  const reduce = useReducedMotion() ?? false;
-  const { align = "start", animateIn, variant } = useContext2(MessageBubbleContext);
-  const [layoutVersion, setLayoutVersion] = useState2(0);
-  const notifyLayout = useCallback2(() => setLayoutVersion((version) => version + 1), []);
-  const interactive = render?.type === "button" || render?.type === "a";
-  const classes = cn(bubbleContentClass(variant, interactive), className);
-  const composedChildren = /* @__PURE__ */ jsxs(Fragment$1, { children: [variant !== "ghost" ? /* @__PURE__ */ jsx(m.span, {
-    "aria-hidden": "true",
-    layout: reduce ? false : "size",
-    layoutDependency: layoutVersion,
-    initial: animateIn && !reduce ? {
-      opacity: 0,
-      scale: 0.92
-    } : false,
-    animate: {
-      opacity: 1,
-      scale: 1
-    },
-    transition: reduce ? { duration: 0 } : {
-      opacity: {
-        duration: 0.12,
-        ease: EASE_OUT
-      },
-      scale: BUBBLE_POP,
-      layout: SPRING_LAYOUT
-    },
-    className: bubbleSurfaceClass(variant, align)
-  }) : null, /* @__PURE__ */ jsx(MessageBubbleLayoutContext.Provider, {
-    value: notifyLayout,
-    children: /* @__PURE__ */ jsx(m.div, {
-      initial: animateIn ? reduce ? { opacity: 0 } : { opacity: 0 } : false,
-      animate: { opacity: 1 },
-      transition: reduce ? {
-        duration: 0.12,
-        ease: EASE_OUT
-      } : BUBBLE_CONTENT_REVEAL,
-      className: "relative",
-      children
-    })
+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
   })] });
-  if (render) {
-    const child = render;
-    return cloneElement(child, {
-      ...props,
-      ref: mergeRefs(child.props.ref, ref),
-      className: cn(classes, child.props.className),
-      children: composedChildren,
-      "data-slot": "message-bubble-content"
-    });
-  }
-  return /* @__PURE__ */ jsx("div", {
-    ref,
-    "data-slot": "message-bubble-content",
-    className: classes,
-    ...props,
-    children: composedChildren
-  });
 }
-function DefaultPreview({ item }) {
-  return /* @__PURE__ */ jsxs("div", {
-    "data-slot": "preview-rail-card",
-    className: "rounded-2xl border border-border bg-card p-4 shadow-sm",
-    children: [/* @__PURE__ */ jsx("p", {
-      "data-slot": "preview-rail-title",
-      className: "font-medium text-card-foreground",
-      children: item.label
-    }), item.description ? /* @__PURE__ */ jsx("div", {
-      "data-slot": "preview-rail-description",
-      className: "mt-1 text-sm leading-6 text-muted-foreground",
-      children: item.description
-    }) : null]
+function ThinkingShimmer({ children = "Thinking\u2026", duration = 1.8, className }) {
+  return /* @__PURE__ */ jsx(TextShimmer, {
+    as: "span",
+    duration,
+    className: cn("font-medium", className),
+    children
   });
 }
-function PreviewRail({ items, label = "Section navigation", orientation = "vertical", activeId, defaultActiveId, onActiveChange, onItemSelect, renderPreview, showPreview = true, previewSide = "after", highlightActive = false, itemSize = 24, children, className, railClassName, previewContainerClassName, previewClassName }) {
-  const uid = useId();
-  const reduce = useReducedMotion();
-  const canHover = useHoverCapable();
-  const [internalActiveId, setInternalActiveId] = useState2(defaultActiveId ?? items[0]?.id ?? "");
-  const [hoveredId, setHoveredId] = useState2(null);
-  const [focusedId, setFocusedId] = useState2(null);
-  const requestedActiveId = activeId ?? internalActiveId;
-  const selectedId = items.some((item) => item.id === requestedActiveId) ? requestedActiveId : items[0]?.id ?? "";
-  const displayedId = hoveredId ?? focusedId ?? "";
-  const highlightedId = displayedId || (highlightActive ? selectedId : "");
-  const displayedIndex = items.findIndex((item) => item.id === highlightedId);
-  const rowTemplate = items.length ? `repeat(${items.length}, ${itemSize}px)` : void 0;
-  const isHorizontal = orientation === "horizontal";
-  const selectItem = (id) => {
-    if (activeId === void 0) setInternalActiveId(id);
-    onActiveChange?.(id);
-  };
-  return /* @__PURE__ */ jsxs(m.div, {
-    layoutRoot: true,
-    onBlur: (event) => {
-      if (!event.currentTarget.contains(event.relatedTarget)) setFocusedId(null);
-    },
-    className: cn("isolate relative flex w-full overflow-visible", isHorizontal ? "min-h-64 flex-col items-center justify-center" : "min-h-80", className),
-    children: [
-      /* @__PURE__ */ jsx("nav", {
-        "aria-label": label,
-        onPointerLeave: () => setHoveredId(null),
-        style: isHorizontal ? { gridTemplateColumns: rowTemplate } : { gridTemplateRows: rowTemplate },
-        className: cn("relative z-10 grid shrink-0", isHorizontal ? "h-12 w-fit max-w-full self-center justify-center" : "w-12 content-center", railClassName),
-        children: items.map((item, index) => {
-          const selected = item.id === selectedId;
-          const highlighted = item.id === highlightedId;
-          const distance = displayedIndex < 0 ? Number.POSITIVE_INFINITY : Math.abs(index - displayedIndex);
-          const scale = highlighted ? 1 : distance === 1 ? 0.68 : distance === 2 ? 0.44 : 0.25;
-          const itemContent = /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(m.span, {
-            "data-slot": "preview-rail-tick",
-            "aria-hidden": "true",
-            animate: isHorizontal ? { scaleY: scale } : { scaleX: scale },
-            transition: reduce ? { duration: 0 } : SPRING_LAYOUT,
-            className: cn("block bg-current", isHorizontal ? "h-12 w-0.5 origin-bottom" : "h-0.5 w-12 origin-left", highlighted ? "text-foreground" : void 0)
-          }) });
-          const sharedClassName = cn("relative flex text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", isHorizontal ? "h-12 w-6 items-end justify-center" : "h-6 w-12 items-center");
-          const sharedStyle = isHorizontal ? { width: itemSize } : { height: itemSize };
-          const handlePointerEnter = () => {
-            if (canHover) setHoveredId(item.id);
-          };
-          const handleFocus = (currentTarget) => {
-            if (currentTarget.matches(":focus-visible")) setFocusedId(item.id);
-          };
-          const handleSelect = () => {
-            selectItem(item.id);
-            onItemSelect?.(item);
-          };
-          return item.href ? /* @__PURE__ */ jsx("a", {
-            "data-slot": "preview-rail-item",
-            href: item.href,
-            target: item.target,
-            rel: item.rel ?? (item.target === "_blank" ? "noreferrer noopener" : void 0),
-            "aria-label": item.ariaLabel ?? item.label,
-            "aria-current": selected ? "page" : void 0,
-            onPointerEnter: handlePointerEnter,
-            onMouseEnter: handlePointerEnter,
-            onPointerDown: () => setFocusedId(null),
-            onFocus: (event) => handleFocus(event.currentTarget),
-            onClick: handleSelect,
-            style: sharedStyle,
-            className: sharedClassName,
-            children: itemContent
-          }, item.id) : /* @__PURE__ */ jsx("button", {
-            "data-slot": "preview-rail-item",
-            type: "button",
-            "aria-label": item.ariaLabel ?? item.label,
-            "aria-current": selected ? "location" : void 0,
-            onPointerEnter: handlePointerEnter,
-            onMouseEnter: handlePointerEnter,
-            onPointerDown: () => setFocusedId(null),
-            onFocus: (event) => handleFocus(event.currentTarget),
-            onClick: handleSelect,
-            style: sharedStyle,
-            className: sharedClassName,
-            children: itemContent
-          }, item.id);
+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",
+    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
         })
       }),
-      showPreview ? /* @__PURE__ */ jsx("div", {
-        "aria-hidden": "true",
-        style: isHorizontal ? { gridTemplateColumns: rowTemplate } : { gridTemplateRows: rowTemplate },
-        className: cn("pointer-events-none absolute z-50 grid", isHorizontal ? "top-1/2 left-1/2 h-5 w-fit max-w-full -translate-x-1/2 -translate-y-1/2 justify-center" : previewSide === "before" ? "inset-y-0 right-16 left-4 content-center" : "inset-y-0 right-4 left-16 content-center", previewContainerClassName),
-        children: items.map((item) => /* @__PURE__ */ jsx("div", {
-          style: isHorizontal ? { width: itemSize } : { height: itemSize },
-          className: cn("relative flex items-center", isHorizontal ? "justify-center" : void 0),
-          children: /* @__PURE__ */ jsx(AnimatePresence, {
-            mode: "wait",
-            initial: false,
-            children: item.id === displayedId ? /* @__PURE__ */ jsx(m.div, {
-              initial: reduce ? { opacity: 0 } : {
-                opacity: 0,
-                y: 4,
-                filter: "blur(6px)"
-              },
-              animate: reduce ? { opacity: 1 } : {
-                opacity: 1,
-                y: 0,
-                filter: "blur(0px)"
-              },
-              exit: reduce ? { opacity: 0 } : {
-                opacity: 0,
-                y: -2,
-                filter: "blur(4px)",
-                transition: {
-                  duration: 0.12,
-                  ease: EASE_OUT
-                }
-              },
-              transition: {
-                duration: reduce ? 0 : 0.18,
-                ease: EASE_OUT
-              },
-              className: cn(isHorizontal ? "absolute bottom-12 left-1/2 w-72 -translate-x-1/2" : cn("w-full max-w-sm", previewSide === "before" && "ml-auto"), previewClassName),
-              children: /* @__PURE__ */ jsx(m.div, {
-                layoutId: `preview-rail-card-${uid}`,
-                transition: reduce ? { duration: 0 } : SPRING_LAYOUT,
-                children: renderPreview ? renderPreview(item) : /* @__PURE__ */ jsx(DefaultPreview, { item })
-              })
-            }, item.id) : null
-          })
-        }, item.id))
-      }) : null,
-      children ? /* @__PURE__ */ jsx("div", {
-        className: "min-h-0 min-w-0 flex-1",
-        children
+      /* @__PURE__ */ jsx("span", {
+        className: cn("min-w-0 flex-1 leading-5", state === "pending" ? "text-muted-foreground/55" : "text-foreground/90"),
+        children: item.label
+      }),
+      item.meta ? /* @__PURE__ */ jsx("span", {
+        className: "shrink-0 leading-5 text-muted-foreground/55",
+        children: item.meta
       }) : null
     ]
   });
 }
-var PREVIEW_TITLE_LENGTH = 56;
-var PREVIEW_DESCRIPTION_LENGTH = 88;
-function truncateMessageText(text, limit) {
-  if (text.length <= limit) return text;
-  const excerpt = text.slice(0, limit);
-  const boundary = excerpt.lastIndexOf(" ");
-  return `${excerpt.slice(0, boundary > limit * 0.65 ? boundary : limit).trim()}\u2026`;
-}
-function getMessageText(message) {
-  return ((message.querySelector('[data-slot="message-bubble-content"]') ?? message.querySelector('[data-slot="message-content"]') ?? message).textContent ?? "").replace(/\s+/g, " ").trim();
-}
-function getMessagePreview(message, assistantResponse) {
-  const text = getMessageText(message);
-  if (!text) return {
-    label: "Message",
-    description: void 0
-  };
-  if (text.length <= PREVIEW_TITLE_LENGTH) {
-    const responseText2 = assistantResponse ? getMessageText(assistantResponse) : "";
-    return {
-      label: text,
-      description: responseText2 ? truncateMessageText(responseText2, PREVIEW_DESCRIPTION_LENGTH) : void 0
-    };
-  }
-  const titleBoundary = text.slice(0, PREVIEW_TITLE_LENGTH).lastIndexOf(" ");
-  const titleEnd = titleBoundary > PREVIEW_TITLE_LENGTH * 0.65 ? titleBoundary : PREVIEW_TITLE_LENGTH;
-  const label = `${text.slice(0, titleEnd).trim()}\u2026`;
-  const responseText = assistantResponse ? getMessageText(assistantResponse) : text.slice(titleEnd).trim();
-  return {
-    label,
-    description: responseText ? truncateMessageText(responseText, PREVIEW_DESCRIPTION_LENGTH) : void 0
-  };
-}
-function useMessageScrollerRail({ navigation, followThreshold, contentRef, viewportRef, reduce, smooth, scrollToEnd, setFollowing, markProgrammaticScroll }) {
-  const railFrameRef = useRef2(void 0);
-  const railIdRef = useRef2(/* @__PURE__ */ new WeakMap());
-  const railIdCounterRef = useRef2(0);
-  const railTargetsRef = useRef2(/* @__PURE__ */ new Map());
-  const [railItems, setRailItems] = useState2([]);
-  const [activeRailId, setActiveRailId] = useState2("");
-  const [railOverflowing, setRailOverflowing] = useState2(false);
-  const updateActiveRailItem = useCallback2(() => {
-    if (navigation !== "rail") return;
-    const viewport = viewportRef.current;
-    const targets = [...railTargetsRef.current.entries()];
-    if (!viewport || targets.length === 0) return;
-    const viewportRect = viewport.getBoundingClientRect();
-    if (viewport.scrollTop <= followThreshold) {
-      const firstId = targets[0]?.[0] ?? "";
-      setActiveRailId((current) => current === firstId ? current : firstId);
-      return;
-    }
-    if (viewport.scrollHeight - viewport.scrollTop - viewport.clientHeight <= followThreshold) {
-      const lastId = targets.at(-1)?.[0] ?? "";
-      setActiveRailId((current) => current === lastId ? current : lastId);
-      return;
-    }
-    const viewportCenter = viewportRect.top + viewportRect.height / 2;
-    let nearestId = targets[0]?.[0] ?? "";
-    let nearestDistance = Number.POSITIVE_INFINITY;
-    for (const [id, element] of targets) {
-      const rect = element.getBoundingClientRect();
-      const distance = Math.abs(rect.top + rect.height / 2 - viewportCenter);
-      if (distance < nearestDistance) {
-        nearestDistance = distance;
-        nearestId = id;
-      }
-    }
-    setActiveRailId((current) => current === nearestId ? current : nearestId);
-  }, [
-    followThreshold,
-    navigation,
-    viewportRef
-  ]);
-  const syncRailItems = useCallback2(() => {
-    if (navigation !== "rail") return;
-    const content = contentRef.current;
-    const viewport = viewportRef.current;
-    if (!content || !viewport) return;
-    const messages = Array.from(content.querySelectorAll('[data-slot="message"]'));
-    const targets = /* @__PURE__ */ new Map();
-    const nextItems = messages.map((message, index) => {
-      let id = railIdRef.current.get(message);
-      if (!id) {
-        railIdCounterRef.current += 1;
-        id = `message-rail-${railIdCounterRef.current}`;
-        railIdRef.current.set(message, id);
-      }
-      targets.set(id, message);
-      const sender = message.dataset.from ?? "conversation";
-      const preview = getMessagePreview(message, sender === "user" ? messages.slice(index + 1).find((candidate) => candidate.dataset.from === "assistant") : void 0);
-      return {
-        id,
-        label: preview.label,
-        description: preview.description,
-        ariaLabel: `Go to ${sender} message ${index + 1} of ${messages.length}`
-      };
-    });
-    railTargetsRef.current = targets;
-    setRailItems((current) => {
-      return current.length === nextItems.length && current.every((item, index) => item.id === nextItems[index]?.id && item.label === nextItems[index]?.label && item.description === nextItems[index]?.description && item.ariaLabel === nextItems[index]?.ariaLabel) ? current : nextItems;
-    });
-    setRailOverflowing(viewport.scrollHeight > viewport.clientHeight + 1 && messages.length > 1);
-  }, [
-    contentRef,
-    navigation,
-    viewportRef
-  ]);
-  const scheduleRailSync = useCallback2(() => {
-    if (navigation !== "rail") return;
-    if (railFrameRef.current) cancelAnimationFrame(railFrameRef.current);
-    railFrameRef.current = requestAnimationFrame(() => {
-      syncRailItems();
-      updateActiveRailItem();
-    });
-  }, [
-    navigation,
-    syncRailItems,
-    updateActiveRailItem
-  ]);
-  useEffect2(() => {
-    if (navigation !== "rail") {
-      railTargetsRef.current.clear();
-      setRailItems([]);
-      setRailOverflowing(false);
-      return;
-    }
-    const content = contentRef.current;
-    const viewport = viewportRef.current;
-    if (!content || !viewport) return;
-    scheduleRailSync();
-    const mutationObserver = typeof MutationObserver === "undefined" ? null : new MutationObserver(scheduleRailSync);
-    mutationObserver?.observe(content, {
-      childList: true,
-      characterData: true,
-      subtree: true
-    });
-    const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(scheduleRailSync);
-    resizeObserver?.observe(content);
-    resizeObserver?.observe(viewport);
-    return () => {
-      mutationObserver?.disconnect();
-      resizeObserver?.disconnect();
-    };
-  }, [
-    contentRef,
-    navigation,
-    scheduleRailSync,
-    viewportRef
-  ]);
-  useEffect2(() => () => {
-    if (railFrameRef.current) cancelAnimationFrame(railFrameRef.current);
-  }, []);
-  return {
-    activeRailId,
-    railItems,
-    railOverflowing,
-    scheduleRailSync,
-    scrollToRailItem: useCallback2((item) => {
-      const viewport = viewportRef.current;
-      const target = railTargetsRef.current.get(item.id);
-      if (!viewport || !target) return;
-      const lastItem = railItems.at(-1)?.id === item.id;
-      setActiveRailId(item.id);
-      if (lastItem) {
-        setFollowing(true);
-        scrollToEnd(reduce || !smooth ? "auto" : "smooth");
-        return;
-      }
-      setFollowing(false);
-      markProgrammaticScroll(reduce || !smooth ? "auto" : "smooth");
-      const viewportRect = viewport.getBoundingClientRect();
-      const targetRect = target.getBoundingClientRect();
-      const top = viewport.scrollTop + targetRect.top - viewportRect.top - (viewport.clientHeight - targetRect.height) / 2;
-      const behavior = reduce || !smooth ? "auto" : "smooth";
-      if (typeof viewport.scrollTo === "function") viewport.scrollTo({
-        top,
-        behavior
-      });
-      else viewport.scrollTop = top;
-    }, [
-      markProgrammaticScroll,
-      railItems,
-      reduce,
-      scrollToEnd,
-      setFollowing,
-      smooth,
-      viewportRef
-    ])
-  };
-}
-function MessageScroller({ followOutput = true, followThreshold = 56, smooth = true, onFollowChange, label = "Conversation", busy, navigation, navigationLabel = "Message navigation", viewportClassName, contentClassName, railClassName, viewportRef: externalViewportRef, viewportProps, contentProps, className, children, ...props }) {
-  const reduce = useReducedMotion() ?? false;
-  const viewportRef = useRef2(null);
-  const contentRef = useRef2(null);
-  const followingRef = useRef2(followOutput);
-  const programmaticScrollRef = useRef2(false);
-  const scrollTimerRef = useRef2(void 0);
-  const frameRef = useRef2(void 0);
-  const { onScroll: onViewportScroll, onWheel: onViewportWheel, onTouchStart: onViewportTouchStart, onKeyDown: onViewportKeyDown, ...restViewportProps } = viewportProps ?? {};
-  const setViewportRef = useCallback2((node) => {
-    viewportRef.current = node;
-    if (typeof externalViewportRef === "function") externalViewportRef(node);
-    else if (externalViewportRef) externalViewportRef.current = node;
-  }, [externalViewportRef]);
-  const setFollowing = useCallback2((next) => {
-    if (followingRef.current === next) return;
-    followingRef.current = next;
-    onFollowChange?.(next);
-  }, [onFollowChange]);
-  const markProgrammaticScroll = useCallback2((behavior) => {
-    programmaticScrollRef.current = true;
-    if (scrollTimerRef.current) window.clearTimeout(scrollTimerRef.current);
-    scrollTimerRef.current = window.setTimeout(() => {
-      programmaticScrollRef.current = false;
-    }, behavior === "smooth" ? 320 : 0);
-  }, []);
-  const scrollToEnd = useCallback2((behavior) => {
-    const viewport2 = viewportRef.current;
-    if (!viewport2) return;
-    markProgrammaticScroll(behavior);
-    if (typeof viewport2.scrollTo === "function") viewport2.scrollTo({
-      top: viewport2.scrollHeight,
-      behavior
-    });
-    else viewport2.scrollTop = viewport2.scrollHeight;
-  }, [markProgrammaticScroll]);
-  const { activeRailId, railItems, railOverflowing, scheduleRailSync, scrollToRailItem } = useMessageScrollerRail({
-    navigation,
-    followThreshold,
-    contentRef,
-    viewportRef,
-    reduce,
-    smooth,
-    scrollToEnd,
-    setFollowing,
-    markProgrammaticScroll
-  });
-  const scheduleRailSyncEvent = useEffectEvent(scheduleRailSync);
-  const scrollToEndEvent = useEffectEvent(scrollToEnd);
-  const handleScroll = useCallback2(() => {
-    const viewport2 = viewportRef.current;
-    if (!viewport2 || programmaticScrollRef.current) return;
-    const distance = viewport2.scrollHeight - viewport2.scrollTop - viewport2.clientHeight;
-    setFollowing(distance <= followThreshold);
-    scheduleRailSync();
-  }, [
-    followThreshold,
-    scheduleRailSync,
-    setFollowing
-  ]);
-  const leaveLiveEdge = useCallback2(() => {
-    programmaticScrollRef.current = false;
-  }, []);
-  useLayoutEffect(() => {
-    followingRef.current = followOutput;
-    if (!followOutput) return;
-    frameRef.current = requestAnimationFrame(() => scrollToEndEvent("auto"));
-    return () => {
-      if (frameRef.current) cancelAnimationFrame(frameRef.current);
-    };
-  }, [followOutput]);
-  useEffect2(() => {
-    const content = contentRef.current;
-    if (!content || typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(() => {
-      scheduleRailSyncEvent();
-      if (!followOutput || !followingRef.current) return;
-      scrollToEndEvent(reduce || !smooth ? "auto" : "smooth");
-    });
-    observer.observe(content);
-    return () => observer.disconnect();
-  }, [
-    followOutput,
-    reduce,
-    smooth
-  ]);
-  useEffect2(() => () => {
-    if (scrollTimerRef.current) window.clearTimeout(scrollTimerRef.current);
-    if (frameRef.current) cancelAnimationFrame(frameRef.current);
-  }, []);
-  const viewport = /* @__PURE__ */ jsx("section", {
-    ref: setViewportRef,
-    "aria-label": label,
-    ...restViewportProps,
-    onScroll: (event) => {
-      handleScroll();
-      onViewportScroll?.(event);
-    },
-    onWheel: (event) => {
-      leaveLiveEdge();
-      onViewportWheel?.(event);
-    },
-    onTouchStart: (event) => {
-      leaveLiveEdge();
-      onViewportTouchStart?.(event);
-    },
-    onKeyDown: (event) => {
-      if ([
-        "ArrowUp",
-        "PageUp",
-        "Home"
-      ].includes(event.key)) leaveLiveEdge();
-      onViewportKeyDown?.(event);
-    },
-    className: cn("h-full overflow-y-auto overscroll-contain outline-none [overflow-anchor:none] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", navigation === "rail" ? "[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden" : "[scrollbar-gutter:stable]", viewportClassName, navigation === "rail" && railOverflowing && "pr-10"),
-    children: /* @__PURE__ */ jsx("div", {
-      ref: contentRef,
-      role: "log",
-      "aria-live": "polite",
-      "aria-relevant": "additions text",
-      "aria-busy": busy,
-      className: contentClassName,
-      ...contentProps,
-      children
-    })
-  });
+function TextRow({ item }) {
   return /* @__PURE__ */ jsx("div", {
-    "data-slot": "message-scroller",
-    className: cn("min-h-0", className),
-    ...props,
-    children: navigation === "rail" ? /* @__PURE__ */ jsx(PreviewRail, {
-      items: railOverflowing ? railItems : [],
-      label: navigationLabel,
-      activeId: activeRailId,
-      onItemSelect: scrollToRailItem,
-      previewSide: "before",
-      highlightActive: true,
-      itemSize: 14,
-      className: "h-full min-h-0 overflow-hidden",
-      previewContainerClassName: "right-8 left-3",
-      previewClassName: "mr-1 w-64 max-w-full [&_[data-slot=preview-rail-card]]:h-20 [&_[data-slot=preview-rail-card]]:overflow-hidden [&_[data-slot=preview-rail-card]]:p-3 [&_[data-slot=preview-rail-title]]:line-clamp-1 [&_[data-slot=preview-rail-title]]:text-xs [&_[data-slot=preview-rail-title]]:leading-4 [&_[data-slot=preview-rail-description]]:line-clamp-2 [&_[data-slot=preview-rail-description]]:text-xs [&_[data-slot=preview-rail-description]]:leading-4",
-      railClassName: cn("absolute inset-y-3 right-1 w-7 content-center py-1 [&_[data-slot=preview-rail-item]]:w-7 [&_[data-slot=preview-rail-item]]:justify-end [&_[data-slot=preview-rail-tick]]:h-px [&_[data-slot=preview-rail-tick]]:w-4 [&_[data-slot=preview-rail-tick]]:origin-right", railOverflowing ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0", railClassName),
-      children: viewport
-    }) : viewport
+    className: "rounded-md px-1.5 py-1 leading-5 text-muted-foreground",
+    children: item.content
   });
 }
-var MessageContext = createContext2({ from: "assistant" });
-var MESSAGE_POP_UP = {
-  type: "spring",
-  stiffness: 480,
-  damping: 32,
-  mass: 0.62
-};
-function Message({ from, animateIn = false, children, className, initial: initial2, animate: animate2, transition, exit, style, ...props }) {
-  const reduce = useReducedMotion() ?? false;
-  const messageContextValue = useMemo2(() => ({ from }), [from]);
-  return /* @__PURE__ */ jsx(MessageSideContext.Provider, {
-    value: from === "user" ? "end" : "start",
-    children: /* @__PURE__ */ jsx(MessageContext.Provider, {
-      value: messageContextValue,
-      children: /* @__PURE__ */ jsx(m.article, {
-        "data-slot": "message",
-        "data-from": from,
-        "aria-label": props["aria-label"] ?? `${from} message`,
-        initial: initial2 ?? (animateIn && !reduce ? {
-          opacity: 0,
-          transform: "translateY(8px) scale(0.95)"
-        } : false),
-        animate: animate2 ?? (animateIn && !reduce ? {
-          opacity: 1,
-          transform: "translateY(0px) scale(1)"
-        } : { opacity: 1 }),
-        exit: exit ?? (reduce ? { opacity: 0 } : {
-          opacity: 0,
-          transform: "translateY(-3px) scale(0.99)"
-        }),
-        transition: transition ?? (reduce ? { duration: 0.12 } : MESSAGE_POP_UP),
-        style: {
-          transformOrigin: from === "user" ? "100% 100%" : "0% 100%",
-          ...style
-        },
-        className: cn("group/message flex w-full items-start gap-2", from === "user" ? "flex-row-reverse" : "flex-row", className),
-        ...props,
-        children
+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
       })
-    })
-  });
-}
-function MessageContent({ className, ...props }) {
-  const { from } = useContext2(MessageContext);
-  return /* @__PURE__ */ jsx("div", {
-    "data-slot": "message-content",
-    className: cn("flex min-w-0 flex-1 flex-col gap-1.5", from === "user" ? "items-end" : "items-start", className),
-    ...props
-  });
-}
-var EMPTY_CITATIONS = [];
-function ResponseAction({ label, active = false, onClick, children }) {
-  const reduce = useReducedMotion() ?? false;
-  return /* @__PURE__ */ jsx(m.button, {
-    type: "button",
-    "aria-label": label,
-    title: label,
-    "aria-pressed": label === "Helpful" || label === "Not helpful" ? active : void 0,
-    onClick,
-    whileTap: reduce ? void 0 : { scale: 0.9 },
-    transition: SPRING_PRESS,
-    className: cn("grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring", active && "bg-muted text-foreground"),
-    children
+    }),
+    /* @__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 StreamingResponse({ children, status = "streaming", copyText, onCopy, onRetry, sources = EMPTY_CITATIONS, sourcesOpen, defaultSourcesOpen = false, onSourcesOpenChange, sourceIdPrefix, feedback, defaultFeedback = null, onFeedbackChange, announce = true, showActions = true, className, contentClassName, actionsClassName }) {
+function SearchRow({ item }) {
   const reduce = useReducedMotion() ?? false;
-  const baseId = useId();
-  const [copied, setCopied] = useState2(false);
-  const [internalFeedback, setInternalFeedback] = useState2(defaultFeedback);
-  const [internalSourcesOpen, setInternalSourcesOpen] = useState2(defaultSourcesOpen);
-  const copyTimer = useRef2(void 0);
-  const currentFeedback = feedback ?? internalFeedback;
-  const currentSourcesOpen = sourcesOpen ?? internalSourcesOpen;
-  const streaming = status === "streaming";
-  const complete = status === "complete";
-  const canCopy = Boolean(copyText || onCopy);
-  const hasSources = sources.length > 0;
-  const shouldShowActions = showActions && !streaming && (canCopy || onRetry || complete || hasSources);
-  const sourcesContentId = `${baseId}-sources`;
-  const resolvedSourcePrefix = sourceIdPrefix ?? `response-source-${baseId.replace(/:/g, "")}`;
-  useEffect2(() => () => {
-    if (copyTimer.current) window.clearTimeout(copyTimer.current);
-  }, []);
-  const handleCopy = useCallback2(async () => {
-    if (onCopy) await onCopy();
-    else if (copyText) await navigator.clipboard?.writeText(copyText);
-    setCopied(true);
-    if (copyTimer.current) window.clearTimeout(copyTimer.current);
-    copyTimer.current = window.setTimeout(() => setCopied(false), 1600);
-  }, [copyText, onCopy]);
-  const setFeedback = (next) => {
-    const value = currentFeedback === next ? null : next;
-    if (feedback === void 0) setInternalFeedback(value);
-    onFeedbackChange?.(value);
-  };
-  const setSourcesOpen = useCallback2((next) => {
-    if (sourcesOpen === void 0) setInternalSourcesOpen(next);
-    onSourcesOpenChange?.(next);
-  }, [onSourcesOpenChange, sourcesOpen]);
-  return /* @__PURE__ */ jsxs("div", {
-    "data-state": status,
-    "aria-busy": streaming,
-    className: cn("w-full", className),
-    children: [/* @__PURE__ */ jsx("div", {
-      "aria-live": announce ? "polite" : "off",
-      className: cn("text-sm leading-6 text-foreground/90 [&_a]:font-medium [&_a]:underline [&_a]:underline-offset-4 [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em] [&_ol]:my-3 [&_ol]:list-decimal [&_ol]:space-y-1 [&_ol]:pl-5 [&_p+p]:mt-3 [&_pre]:my-3 [&_pre]:overflow-x-auto [&_pre]:rounded-xl [&_pre]:border [&_pre]:border-border [&_pre]:bg-muted/45 [&_pre]:p-3 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_ul]:my-3 [&_ul]:list-disc [&_ul]:space-y-1 [&_ul]:pl-5", contentClassName),
-      children
-    }), /* @__PURE__ */ jsx(AnimatePresence, {
-      initial: false,
-      children: shouldShowActions ? /* @__PURE__ */ jsxs(m.div, {
-        initial: reduce ? { opacity: 0 } : {
-          opacity: 0,
-          y: 4
-        },
-        animate: {
-          opacity: 1,
-          y: 0
-        },
-        exit: { opacity: 0 },
-        transition: {
-          duration: reduce ? 0.12 : 0.22,
-          ease: EASE_OUT
-        },
-        className: "mt-3",
-        children: [/* @__PURE__ */ jsxs("div", {
-          className: cn("flex items-center gap-0.5", actionsClassName),
-          children: [
-            canCopy ? /* @__PURE__ */ jsx(ResponseAction, {
-              label: copied ? "Copied" : "Copy response",
-              onClick: handleCopy,
-              children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
-            }) : null,
-            onRetry ? /* @__PURE__ */ jsx(ResponseAction, {
-              label: "Retry response",
-              onClick: onRetry,
-              children: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3.5" })
-            }) : null,
-            complete ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ResponseAction, {
-              label: "Helpful",
-              active: currentFeedback === "up",
-              onClick: () => setFeedback("up"),
-              children: /* @__PURE__ */ jsx(ThumbsUp, { className: "size-3.5" })
-            }), /* @__PURE__ */ jsx(ResponseAction, {
-              label: "Not helpful",
-              active: currentFeedback === "down",
-              onClick: () => setFeedback("down"),
-              children: /* @__PURE__ */ jsx(ThumbsDown, { className: "size-3.5" })
-            })] }) : null,
-            hasSources ? /* @__PURE__ */ jsxs("button", {
-              type: "button",
-              "aria-expanded": currentSourcesOpen,
-              "aria-controls": sourcesContentId,
-              onClick: () => setSourcesOpen(!currentSourcesOpen),
-              className: "group ml-1 inline-flex min-h-7 items-center gap-2 rounded-md px-1.5 text-xs text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
-              children: [
-                /* @__PURE__ */ jsx(CitationStack, { citations: sources }),
-                /* @__PURE__ */ jsxs("span", {
-                  className: "tabular-nums",
-                  children: [
-                    sources.length,
-                    " ",
-                    sources.length === 1 ? "source" : "sources"
-                  ]
-                }),
-                /* @__PURE__ */ jsx(m.span, {
-                  "aria-hidden": "true",
-                  animate: { rotate: currentSourcesOpen ? 180 : 0 },
-                  transition: reduce ? { duration: 0 } : SPRING_SWAP,
-                  className: "text-muted-foreground/50 group-hover:text-muted-foreground",
-                  children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-3" })
-                })
-              ]
-            }) : null
-          ]
-        }), hasSources ? /* @__PURE__ */ jsx(AgentDisclosure, {
-          id: sourcesContentId,
-          open: currentSourcesOpen,
-          children: /* @__PURE__ */ jsx(CitationList, {
-            citations: sources,
-            idPrefix: resolvedSourcePrefix,
-            className: "mt-2 rounded-xl bg-muted p-2"
-          })
-        }) : null]
-      }) : null
-    })]
-  });
-}
-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
-  });
-}
-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",
-    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
-        })
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: cn("min-w-0 flex-1 leading-5", state === "pending" ? "text-muted-foreground/55" : "text-foreground/90"),
-        children: item.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 enter = reduce ? { opacity: 1 } : {
+    opacity: 0,
+    y: 6
   };
   const visible = {
     opacity: 1,
@@ -7984,1047 +7363,310 @@ function SearchRow({ item }) {
         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 ErrorMessage = memo(function ErrorMessage2({ title = "Something went wrong", message, className }) {
-  return /* @__PURE__ */ jsx("div", {
-    className: cn("flex justify-start", className),
-    children: /* @__PURE__ */ jsxs("div", {
-      className: "rounded-[8px] border border-red-500/30 bg-red-500/10 px-4 py-2.5 text-sm text-an-foreground",
-      children: [/* @__PURE__ */ jsx("div", {
-        className: "font-medium text-an-foreground",
-        children: title
-      }), /* @__PURE__ */ jsx("div", {
-        className: "mt-0.5 text-an-foreground-muted",
-        children: message
-      })]
-    })
-  });
-});
-function formatPayload(value) {
-  if (typeof value === "string") return value;
-  if (value === void 0) return "";
-  try {
-    return JSON.stringify(value, null, 2) ?? "";
-  } catch {
-    return String(value);
-  }
-}
-function PayloadPart({ part }) {
-  const payload = formatPayload(part.payload);
-  return /* @__PURE__ */ jsxs("section", {
-    "data-payload-kind": part.kind,
-    className: "w-full min-w-0 overflow-hidden rounded-xl border border-border/60 bg-muted/40 text-sm",
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        className: "border-b border-border/50 px-3 py-2 text-xs font-medium text-muted-foreground",
-        children: part.title
-      }),
-      part.text ? /* @__PURE__ */ jsx("pre", {
-        className: "m-0 whitespace-pre-wrap break-words px-3 py-3 font-mono text-xs leading-5 text-foreground/80",
-        children: part.text
+          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,
-      payload ? /* @__PURE__ */ jsxs("details", {
-        open: true,
-        className: "border-t border-border/50 px-3 py-2",
-        children: [/* @__PURE__ */ jsx("summary", {
-          className: "cursor-pointer text-xs font-medium text-muted-foreground",
-          children: "Payload"
-        }), /* @__PURE__ */ jsx("pre", {
-          className: "m-0 mt-2 max-w-full whitespace-pre-wrap break-words font-mono text-xs leading-5 text-foreground/70",
-          children: payload
-        })]
-      }) : 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 isRecord$2(value) {
-  return typeof value === "object" && value !== null;
-}
-function parseStructuredJson(value) {
-  if (typeof value !== "string") return value;
-  const trimmed = value.trim();
-  if (!trimmed) return value;
-  try {
-    const parsed = JSON.parse(trimmed);
-    return isRecord$2(parsed) || Array.isArray(parsed) ? parsed : value;
-  } catch {
-    return value;
-  }
-}
-function normalizeToolPart(part) {
-  if (!isRecord$2(part)) return part;
-  if (typeof part.type !== "string" || !part.type.startsWith("tool-")) return part;
-  const normalizedInput = parseStructuredJson(part.input);
-  const normalizedOutput = parseStructuredJson(part.output);
-  const normalizedResult = parseStructuredJson(part.result);
-  const inputChanged = normalizedInput !== part.input;
-  const outputChanged = normalizedOutput !== part.output;
-  const resultChanged = normalizedResult !== part.result;
-  if (!inputChanged && !outputChanged && !resultChanged) return part;
-  const normalizedPart = { ...part };
-  if (inputChanged) normalizedPart.input = normalizedInput;
-  if (outputChanged) normalizedPart.output = normalizedOutput;
-  if (resultChanged) normalizedPart.result = normalizedResult;
-  return normalizedPart;
-}
-function normalizeAssistantToolParts(parts) {
-  let changed = false;
-  const normalizedParts = parts.map((part) => {
-    const normalizedPart = normalizeToolPart(part);
-    if (normalizedPart !== part) changed = true;
-    return normalizedPart;
-  });
-  return changed ? normalizedParts : parts;
-}
-var timeFormatter = new Intl.DateTimeFormat("en-US", {
-  hour: "numeric",
-  minute: "2-digit",
-  hour12: true
-});
-var dateFormatter = new Intl.DateTimeFormat("en-US", {
-  month: "short",
-  day: "numeric"
-});
-function formatTimestamp(date) {
-  const now = /* @__PURE__ */ new Date();
-  if (date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate()) return timeFormatter.format(date);
-  return dateFormatter.format(date);
+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 CopyButton({ text, onCopied }) {
-  const [copied, setCopied] = useState2(false);
-  const copiedTimerRef = useRef2(null);
-  useEffect2(() => {
-    return () => {
-      if (copiedTimerRef.current) window.clearTimeout(copiedTimerRef.current);
-    };
-  }, []);
-  const handleCopy = async () => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopied(true);
-      if (copiedTimerRef.current) window.clearTimeout(copiedTimerRef.current);
-      copiedTimerRef.current = window.setTimeout(() => {
-        setCopied(false);
-        copiedTimerRef.current = null;
-      }, 2e3);
-      notify.success("Copied to clipboard");
-      onCopied?.();
-    } catch {
-      notify.error("Failed to copy to clipboard");
-    }
-  };
+function ActivityAction({ action }) {
   return /* @__PURE__ */ jsx("button", {
     type: "button",
-    tabIndex: -1,
-    "aria-label": copied ? "Copied" : "Copy message",
-    onClick: handleCopy,
-    onPointerDown: (event) => {
-      event.stopPropagation();
-    },
-    onMouseDown: (event) => event.stopPropagation(),
-    className: cn("flex size-6 items-center justify-center rounded-md transition-[background-color,opacity,transform] duration-150 ease-out active:scale-[0.97]", "bg-transparent opacity-50 hover:bg-an-foreground/10 hover:opacity-100"),
-    children: /* @__PURE__ */ jsxs("div", {
-      className: "relative h-3.5 w-3.5",
-      children: [/* @__PURE__ */ jsx(Copy, { className: cn("absolute inset-0 h-3.5 w-3.5 text-an-foreground-muted transition-[opacity,transform] duration-150 ease-out", copied ? "scale-50 opacity-0" : "scale-100 opacity-100") }), /* @__PURE__ */ jsx(Check, { className: cn("absolute inset-0 h-3.5 w-3.5 text-an-foreground-muted transition-[opacity,transform] duration-150 ease-out", copied ? "scale-100 opacity-100" : "scale-50 opacity-0") })]
-    })
-  });
-}
-function MessageToolbar({ text, timestamp, heightClass, hoverClass, isVisible, alignClass, onCopied }) {
-  return /* @__PURE__ */ jsxs("div", {
-    className: cn("pointer-events-none flex items-center gap-1 pt-1 text-xs text-an-foreground-muted/70 opacity-0 transition-opacity duration-100", heightClass, alignClass, hoverClass, isVisible && "pointer-events-auto opacity-100"),
-    onMouseDown: (event) => event.stopPropagation(),
-    onPointerDown: (event) => event.stopPropagation(),
-    children: [timestamp && /* @__PURE__ */ jsx("span", { children: timestamp }), text && /* @__PURE__ */ jsx(CopyButton, {
-      text,
-      onCopied
-    })]
+    "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 isRecord$1(value) {
-  return typeof value === "object" && value !== null;
-}
-function isTextPart(part) {
-  return isRecord$1(part) && part.type === "text" && typeof part.text === "string";
-}
-function isErrorPart(part) {
-  return isRecord$1(part) && part.type === "error" && typeof part.message === "string";
-}
-function isPayloadPart(part) {
-  return isRecord$1(part) && part.type === "payload" && typeof part.kind === "string" && typeof part.title === "string";
-}
-function isV5ToolPart(part) {
-  if (!isRecord$1(part)) return false;
-  const partType = part.type;
-  return partType === "dynamic-tool" || typeof partType === "string" && partType.startsWith("tool-");
-}
-function getTextFromParts(parts, joiner) {
-  const texts = [];
-  for (const part of parts) if (isTextPart(part)) texts.push(part.text);
-  return texts.join(joiner);
-}
-memo(function UserTurn(props) {
-  const { message, UserMessageComponent, userMessageClassName, onCopied, display } = props;
-  const { enableImagePreview, showCopyToolbar, isMounted, isCopyVisible } = display;
-  const text = getTextFromParts(message.parts ?? [], "");
-  const hasParts = (message.parts ?? []).length > 0;
-  if (!text && !hasParts) return null;
-  const userCreatedAt = message?.createdAt;
-  const userCopyKey = `user-${message.id}`;
-  const userTimestamp = isMounted && userCreatedAt ? formatTimestamp(new Date(userCreatedAt)) : void 0;
-  return /* @__PURE__ */ jsxs("div", {
-    className: "group/user-message",
-    children: [/* @__PURE__ */ jsx(UserMessageComponent, {
-      message,
-      className: userMessageClassName,
-      enableImagePreview
-    }), (showCopyToolbar && Boolean(text) || Boolean(userTimestamp)) && /* @__PURE__ */ jsx(MessageToolbar, {
-      text: showCopyToolbar ? text : "",
-      timestamp: userTimestamp,
-      heightClass: "h-[28px]",
-      hoverClass: "group-hover/user-message:opacity-100 group-hover/user-message:pointer-events-auto",
-      isVisible: isCopyVisible,
-      alignClass: "justify-end",
-      onCopied: () => onCopied(userCopyKey)
-    })]
-  });
-});
-memo(function AssistantTurn(props) {
-  const { assistantMsgs, turnKey, ToolRendererComponent, TextRendererComponent, toolRenderers, onOpenUIAction, onOpenUIArtifactReady, onOpenArtifact, onCopied, stream, copy, display } = props;
-  const { isLast: isLastTurn, isStreaming } = stream;
-  const { enabled: showCopyToolbar, isVisible: isCopyVisible } = copy;
-  const { suppressQuestionTool } = display;
-  const assistantText = getTextFromParts(assistantMsgs.flatMap((msg) => msg.parts ?? []), "\n\n");
-  const isTurnStreaming = isStreaming && isLastTurn;
-  const showToolbar = showCopyToolbar && Boolean(assistantText.trim()) && !isTurnStreaming;
-  const copyKey = `assistant-${turnKey}-all`;
-  const toolbarText = showCopyToolbar ? assistantText : "";
+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: "group/assistant-turn",
-    children: [/* @__PURE__ */ jsx("div", {
-      className: "flex flex-col gap-3",
-      children: assistantMsgs.map((msg, i) => {
-        const isLastMsg = isLastTurn && i === assistantMsgs.length - 1;
-        return /* @__PURE__ */ jsx(AssistantParts, {
-          msg,
-          isLast: isLastMsg,
-          isStreaming,
-          suppressQuestionTool,
-          ToolRendererComponent,
-          TextRendererComponent,
-          toolRenderers,
-          onOpenUIAction,
-          onOpenUIArtifactReady,
-          onOpenArtifact
-        }, msg.id);
-      })
-    }), (showToolbar || isCopyVisible) && /* @__PURE__ */ jsx(MessageToolbar, {
-      text: toolbarText,
-      heightClass: "h-[48px] flex items-start w-full",
-      hoverClass: "group-hover/assistant-turn:opacity-100 group-hover/assistant-turn:pointer-events-auto",
-      isVisible: isCopyVisible,
-      alignClass: "justify-start",
-      onCopied: () => onCopied(copyKey)
-    })]
-  });
-});
-var TOOL_CALL_KEY_PREFIX = "tool-call:";
-var UNKEYED_TOOL_KEY_PREFIX = "unkeyed-tool:";
-function getAssistantToolElementKey(messageId, part, occurrence) {
-  if (part.toolCallId) return `${TOOL_CALL_KEY_PREFIX}${part.toolCallId}`;
-  return `${UNKEYED_TOOL_KEY_PREFIX}${messageId}:${part.type}:${occurrence}`;
-}
-function buildAssistantElements(parts, opts) {
-  const { messageId, isLast, isStreaming, suppressQuestionTool, suppressTextWhenPlanWrite = false, ToolRendererComponent, TextRendererComponent, toolRenderers, onOpenUIAction, onOpenUIArtifactReady, onOpenArtifact } = opts;
-  const elems = [];
-  const textChunks = [];
-  const hasPlanWritePresentation = suppressTextWhenPlanWrite && parts.some((part) => isV5ToolPart(part) && part.type === "tool-PlanWrite");
-  const taskPartIds = new Set(parts.filter((p) => isV5ToolPart(p) && (p.type === "tool-Task" || p.type === "tool-Agent") && typeof p.toolCallId === "string").map((p) => p.toolCallId));
-  const nestedToolsMap = /* @__PURE__ */ new Map();
-  const nestedToolIds = /* @__PURE__ */ new Set();
-  const unkeyedToolOccurrences = /* @__PURE__ */ new Map();
-  for (const part of parts) {
-    if (!isV5ToolPart(part)) continue;
-    if (part.type === "tool-TaskOutput") continue;
-    if (!part.toolCallId || !part.toolCallId.includes(":")) continue;
-    const parentId = part.toolCallId.split(":")[0];
-    if (!taskPartIds.has(parentId)) continue;
-    if (!nestedToolsMap.has(parentId)) nestedToolsMap.set(parentId, []);
-    nestedToolsMap.get(parentId).push(part);
-    nestedToolIds.add(part.toolCallId);
-  }
-  let i = 0;
-  while (i < parts.length) {
-    const part = parts[i];
-    if (isV5ToolPart(part) && part.type === "tool-TaskOutput") {
-      i++;
-      continue;
-    }
-    if (isTextPart(part)) {
-      const text2 = part.text;
-      if (text2 && !hasPlanWritePresentation) textChunks.push(text2);
-      i++;
-      continue;
-    }
-    if (isErrorPart(part)) {
-      elems.push(/* @__PURE__ */ jsx(ErrorMessage, {
-        title: part.title,
-        message: part.message
-      }, `${messageId}-error-${part.title}-${part.message}`));
-      i++;
-      continue;
-    }
-    if (isPayloadPart(part)) {
-      elems.push(/* @__PURE__ */ jsx(PayloadPart, { part }, `${messageId}-payload-${i}`));
-      i++;
-      continue;
-    }
-    if (isV5ToolPart(part)) {
-      if (suppressQuestionTool && part.type === "tool-Question") {
-        i++;
-        continue;
-      }
-      if (part.toolCallId && nestedToolIds.has(part.toolCallId)) {
-        i++;
-        continue;
-      }
-      const chatStreamingStatus = isLast && isStreaming ? "streaming" : void 0;
-      const toolCallId = part.toolCallId;
-      const nestedTools = (part.type === "tool-Task" || part.type === "tool-Agent") && toolCallId ? nestedToolsMap.get(toolCallId) || [] : void 0;
-      const occurrence = part.toolCallId ? 0 : unkeyedToolOccurrences.get(part.type) ?? 0;
-      if (!part.toolCallId) unkeyedToolOccurrences.set(part.type, occurrence + 1);
-      elems.push(/* @__PURE__ */ jsx(ToolRendererComponent, {
-        part,
-        nestedTools,
-        chatStatus: chatStreamingStatus,
-        toolRenderers
-      }, getAssistantToolElementKey(messageId, part, occurrence)));
-      i++;
-      continue;
-    }
-    i++;
-  }
-  const text = textChunks.join("\n\n");
-  if (text) elems.push(/* @__PURE__ */ jsx("div", {
-    className: "group/assistant-text text-[14px]",
-    children: /* @__PURE__ */ jsx(TextRendererComponent, {
-      content: text,
-      isStreaming,
-      messageId,
-      onOpenUIAction,
-      onOpenUIArtifactReady,
-      onOpenArtifact,
-      className: "leading-relaxed [&_p]:leading-relaxed"
-    })
-  }, `${messageId}-text-final`));
-  return elems;
-}
-function AssistantParts({ msg, isLast, isStreaming, suppressQuestionTool, ToolRendererComponent, TextRendererComponent, toolRenderers, onOpenUIAction, onOpenUIArtifactReady, onOpenArtifact }) {
-  const parts = useMemo2(() => normalizeAssistantToolParts(msg.parts ?? []), [msg.parts]);
-  const elements = useMemo2(() => buildAssistantElements(parts, {
-    messageId: msg.id,
-    isLast,
-    isStreaming,
-    suppressQuestionTool,
-    ToolRendererComponent,
-    TextRendererComponent,
-    toolRenderers,
-    onOpenUIAction,
-    onOpenUIArtifactReady,
-    onOpenArtifact
-  }), [
-    parts,
-    msg.id,
-    isLast,
-    isStreaming,
-    suppressQuestionTool,
-    ToolRendererComponent,
-    TextRendererComponent,
-    toolRenderers,
-    onOpenUIAction,
-    onOpenUIArtifactReady,
-    onOpenArtifact
-  ]);
-  if (elements.length > 1) return /* @__PURE__ */ jsx("div", {
-    className: "group/assistant-turn flex flex-col gap-3",
-    children: elements
-  });
-  return /* @__PURE__ */ jsx("div", {
-    className: "group/assistant-turn",
-    children: elements
-  });
-}
-function ImageLightbox({ open, onClose, images, initialIndex = 0 }) {
-  const [currentIndex, setCurrentIndex] = useState2(initialIndex);
-  const hasMultipleImages = images.length > 1;
-  useEffect2(() => {
-    if (open) setCurrentIndex(initialIndex);
-  }, [open, initialIndex]);
-  const goToPrevious = useCallback2((event) => {
-    event?.stopPropagation();
-    setCurrentIndex((prev) => prev > 0 ? prev - 1 : images.length - 1);
-  }, [images.length]);
-  const goToNext = useCallback2((event) => {
-    event?.stopPropagation();
-    setCurrentIndex((prev) => prev < images.length - 1 ? prev + 1 : 0);
-  }, [images.length]);
-  const onLightboxKeyDown = useEffectEvent((event) => {
-    switch (event.key) {
-      case "ArrowLeft":
-        event.preventDefault();
-        if (hasMultipleImages) goToPrevious();
-        break;
-      case "ArrowRight":
-        event.preventDefault();
-        if (hasMultipleImages) goToNext();
-    }
-  });
-  useEffect2(() => {
-    if (!open) return;
-    const handler = (event) => onLightboxKeyDown(event);
-    window.addEventListener("keydown", handler, true);
-    return () => window.removeEventListener("keydown", handler, true);
-  }, [open]);
-  useEffect2(() => {
-    if (!open) return;
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = previousOverflow;
-    };
-  }, [open]);
-  const dialogRef = useRef2(null);
-  const onLightDismiss = useEffectEvent((event) => {
-    if (dialogRef.current && event.target === dialogRef.current) onClose();
-  });
-  useEffect2(() => {
-    if (!open) return;
-    const dialog = dialogRef.current;
-    if (!dialog) return;
-    if (!dialog.open) dialog.showModal();
-    const handler = (event) => onLightDismiss(event);
-    dialog.addEventListener("click", handler);
-    return () => {
-      dialog.removeEventListener("click", handler);
-      if (dialog.open) dialog.close();
-    };
-  }, [open]);
-  if (typeof document === "undefined") return null;
-  if (!open) return null;
-  const currentImage = images[currentIndex] ?? images[0];
-  if (!currentImage?.url) return null;
-  return createPortal(/* @__PURE__ */ jsxs("dialog", {
-    ref: dialogRef,
-    "aria-label": "Image viewer",
-    onClose: () => onClose(),
-    className: "fixed inset-0 z-50 m-0 flex h-full max-h-none w-full max-w-none items-center justify-center border-0 bg-black/90 p-0 backdrop:bg-transparent",
+    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("button", {
-        type: "button",
-        onClick: onClose,
-        "aria-label": "Close fullscreen (Esc)",
-        className: "absolute top-4 right-4 z-10 inline-flex size-9 items-center justify-center rounded-full bg-black/50 text-white transition-colors hover:bg-black/70",
-        children: /* @__PURE__ */ jsx(X, { className: "size-5" })
-      }),
-      hasMultipleImages && /* @__PURE__ */ jsx("button", {
-        type: "button",
-        onClick: goToPrevious,
-        "aria-label": "Previous image (\u2190)",
-        className: "absolute top-1/2 left-4 z-10 inline-flex size-10 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white transition-colors hover:bg-black/70",
-        children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-6" })
+      /* @__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("img", {
-        src: currentImage.url,
-        alt: currentImage.filename ?? "Image preview",
-        className: "max-h-[85vh] max-w-[90vw] object-contain select-none",
-        onClick: (event) => event.stopPropagation(),
-        draggable: false
+      /* @__PURE__ */ jsx("span", {
+        className: "shrink-0 font-medium text-foreground/90",
+        children: action
       }),
-      hasMultipleImages && /* @__PURE__ */ jsx("button", {
-        type: "button",
-        onClick: goToNext,
-        "aria-label": "Next image (\u2192)",
-        className: "absolute top-1/2 right-4 z-10 inline-flex size-10 -translate-y-1/2 items-center justify-center rounded-full bg-black/50 text-white transition-colors hover:bg-black/70",
-        children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-6" })
+      /* @__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
       }),
-      hasMultipleImages && /* @__PURE__ */ jsxs("div", {
-        className: "absolute bottom-6 left-1/2 flex -translate-x-1/2 flex-col items-center gap-3",
-        children: [/* @__PURE__ */ jsx("div", {
-          className: "flex gap-2",
-          children: images.map((image, idx) => /* @__PURE__ */ jsx("button", {
-            type: "button",
-            onClick: (event) => {
-              event.stopPropagation();
-              setCurrentIndex(idx);
-            },
-            "aria-label": `Go to image ${idx + 1}`,
-            className: cn("size-2 rounded-full transition-all", idx === currentIndex ? "scale-125 bg-white" : "bg-white/40 hover:bg-white/60")
-          }, image.url))
-        }), /* @__PURE__ */ jsxs("span", {
-          className: "text-sm text-white/70",
-          children: [
-            currentIndex + 1,
-            " / ",
-            images.length
-          ]
-        })]
-      })
+      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
     ]
-  }), document.body);
+  });
 }
-function formatFileSize(bytes) {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / 1048576).toFixed(1)} MB`;
-}
-function getFileIconName(filename, isImage) {
-  if (isImage) return "image";
-  const ext = filename.split(".").pop()?.toLowerCase();
-  if ([
-    "js",
-    "ts",
-    "jsx",
-    "tsx",
-    "py",
-    "rb",
-    "go",
-    "rs",
-    "java",
-    "kt",
-    "swift",
-    "c",
-    "cpp",
-    "h",
-    "hpp",
-    "cs",
-    "php"
-  ].includes(ext || "")) return "code";
-  if ([
-    "json",
-    "yaml",
-    "yml",
-    "xml"
-  ].includes(ext || "")) return "data";
-  return "text";
-}
-function renderFileIcon(iconName) {
-  switch (iconName) {
-    case "image":
-      return /* @__PURE__ */ jsx(Image, { className: "size-4 text-muted-foreground" });
-    case "code":
-      return /* @__PURE__ */ jsx(FileCode, { className: "size-4 text-muted-foreground" });
-    case "data":
-      return /* @__PURE__ */ jsx(FileBraces, { className: "size-4 text-muted-foreground" });
-    default:
-      return /* @__PURE__ */ jsx(FileText, { className: "size-4 text-muted-foreground" });
-  }
+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 FileAttachment({ id, filename, size, isImage, url, onRemove, className, display = "chip", enableImagePreview = true }) {
-  const [isHovered, setIsHovered] = useState2(false);
-  const [isLightboxOpen, setIsLightboxOpen] = useState2(false);
-  const iconName = getFileIconName(filename, isImage);
-  const isImageOnly = display === "image-only" && isImage && !!url;
-  const canPreview = Boolean(enableImagePreview && isImage && url);
-  const openLightbox = (event) => {
-    event?.stopPropagation();
-    setIsLightboxOpen(true);
-  };
+function TraceRow({ item }) {
+  const thinking = item.kind === "thinking";
   return /* @__PURE__ */ jsxs("div", {
-    className: cn("relative rounded-[calc(var(--an-input-border-radius)-var(--an-context-padding))] bg-muted/50", isImageOnly ? "flex size-10 items-center justify-center" : "flex max-w-[200px] min-w-[120px] items-center gap-2 py-1 pr-2 pl-1", className),
-    onMouseEnter: () => setIsHovered(true),
-    onMouseLeave: () => setIsHovered(false),
+    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: [
-      isImageOnly ? /* @__PURE__ */ jsx("div", {
-        className: cn("size-8 shrink-0 overflow-hidden rounded-[calc(var(--an-input-border-radius)-var(--an-context-padding)-2px)]", canPreview && "cursor-pointer"),
-        onClick: canPreview ? openLightbox : void 0,
-        role: canPreview ? "button" : void 0,
-        tabIndex: canPreview ? 0 : void 0,
-        "aria-label": canPreview ? `Preview ${filename}` : void 0,
-        onKeyDown: canPreview ? (event) => {
-          if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            openLightbox();
-          }
-        } : void 0,
-        children: /* @__PURE__ */ jsx("img", {
-          src: url,
-          alt: filename,
-          className: "h-full w-full object-cover"
-        })
-      }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [isImage && url ? /* @__PURE__ */ jsx("div", {
-        className: cn("w-8 shrink-0 self-stretch overflow-hidden rounded-[calc(var(--an-input-border-radius)-var(--an-context-padding)-2px)]", canPreview && "cursor-pointer"),
-        onClick: canPreview ? openLightbox : void 0,
-        role: canPreview ? "button" : void 0,
-        tabIndex: canPreview ? 0 : void 0,
-        "aria-label": canPreview ? `Preview ${filename}` : void 0,
-        onKeyDown: canPreview ? (event) => {
-          if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            openLightbox();
-          }
-        } : void 0,
-        children: /* @__PURE__ */ jsx("img", {
-          src: url,
-          alt: filename,
-          className: "aspect-square h-full w-full object-cover"
-        })
-      }) : /* @__PURE__ */ jsx("div", {
-        className: "flex w-8 shrink-0 items-center justify-center self-stretch rounded-[calc(var(--an-input-border-radius)-var(--an-context-padding)-2px)] bg-muted",
-        children: renderFileIcon(iconName)
-      }), /* @__PURE__ */ jsxs("div", {
-        className: "flex min-w-0 flex-col",
-        children: [/* @__PURE__ */ jsx("span", {
-          className: "truncate text-sm font-medium text-foreground",
-          title: filename,
-          children: filename
-        }), size !== void 0 && /* @__PURE__ */ jsx("span", {
-          className: "text-[10px] text-muted-foreground",
-          children: formatFileSize(size)
-        })]
-      })] }),
-      onRemove && /* @__PURE__ */ jsx("button", {
-        onClick: (e) => {
-          e.stopPropagation();
-          onRemove();
-        },
-        "aria-label": `Remove ${filename}`,
-        className: `absolute -top-1.5 -right-1.5 z-10 flex size-4 items-center justify-center rounded-full border border-border bg-background text-muted-foreground transition-[opacity,transform] duration-150 ease-out hover:text-foreground active:scale-[0.97] ${isHovered ? "opacity-100" : "opacity-0"}`,
-        type: "button",
-        children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+      /* @__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 })
       }),
-      canPreview && url && /* @__PURE__ */ jsx(ImageLightbox, {
-        open: isLightboxOpen,
-        onClose: () => setIsLightboxOpen(false),
-        images: [{
-          id,
-          url,
-          filename
-        }]
-      })
+      /* @__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 isRecord(value) {
-  return typeof value === "object" && value !== 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 getImageUrlFromPart(part) {
-  if (!isRecord(part)) return null;
-  const type = part.type;
-  if (typeof type !== "string") return null;
-  if (type === "image") {
-    const imagePart = part;
-    return imagePart.url ?? imagePart.image ?? null;
-  }
-  if (type === "data-image") return part.data?.url ?? null;
-  if (type === "file") {
-    const filePart = part;
-    if (filePart.mimeType?.startsWith("image/")) {
-      if (filePart.url) return filePart.url;
-      if (filePart.data) return `data:${filePart.mimeType};base64,${filePart.data}`;
-    }
+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 null;
+  return `Completed ${items.length} ${items.length === 1 ? "step" : "steps"}`;
 }
-function getFileFromPart(part) {
-  if (!isRecord(part)) return null;
-  if (part.type !== "file") return null;
-  const filePart = part;
-  const filename = filePart.filename || filePart.name || filePart.fileName || "Attachment";
-  if (filePart.mimeType?.startsWith("image/") ?? false) return null;
-  return {
-    filename,
-    size: filePart.size
+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 }));
   };
-}
-var UserMessage = memo(function UserMessage2({ message, className, enableImagePreview = true }) {
-  const [lightboxIndex, setLightboxIndex] = useState2(null);
-  const text = (message.parts?.filter(isTextPart) ?? []).map((p) => p.text).join("");
-  const images = [];
-  const files = [];
-  for (const part of message.parts ?? []) {
-    const imageUrl = getImageUrlFromPart(part);
-    if (imageUrl) images.push(imageUrl);
-    const file = getFileFromPart(part);
-    if (file) files.push(file);
-  }
-  if (isRecord(message) && Array.isArray(message.experimental_attachments)) {
-    for (const att of message.experimental_attachments) if (att.contentType?.startsWith("image/") && att.url) images.push(att.url);
-  }
-  if (!text && images.length === 0 && files.length === 0) return null;
-  const lightboxImages = images.map((url, i) => ({
-    id: `${message.id}-img-${i}`,
-    url,
-    filename: `image-${i + 1}`
-  }));
+  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", {
-    className: cn("flex flex-col items-end gap-1", className),
-    children: [
-      images.length > 0 && images.map((url, i) => /* @__PURE__ */ jsx("div", {
-        className: cn("max-w-[200px] rounded-an-message bg-an-foreground/4 p-1.5", enableImagePreview && "cursor-pointer"),
-        onClick: enableImagePreview ? () => setLightboxIndex(i) : void 0,
-        role: enableImagePreview ? "button" : void 0,
-        tabIndex: enableImagePreview ? 0 : void 0,
-        onKeyDown: enableImagePreview ? (event) => {
-          if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            setLightboxIndex(i);
-          }
-        } : void 0,
-        children: /* @__PURE__ */ jsx("img", {
-          src: url,
-          alt: "attachment",
-          className: "block max-h-[120px] max-w-[184px] rounded-an-message-inner object-cover"
-        })
-      }, url)),
-      enableImagePreview && lightboxImages.length > 0 && /* @__PURE__ */ jsx(ImageLightbox, {
-        open: lightboxIndex !== null,
-        onClose: () => setLightboxIndex(null),
-        images: lightboxImages,
-        initialIndex: lightboxIndex ?? 0
-      }),
-      files.length > 0 && /* @__PURE__ */ jsx("div", {
-        className: "flex flex-col items-end gap-2",
-        children: files.map((file, i) => /* @__PURE__ */ jsx(FileAttachment, {
-          id: `${file.filename}-${i}`,
-          filename: file.filename,
-          size: file.size
-        }, `${file.filename}-${file.size}`))
-      }),
-      text && /* @__PURE__ */ jsx("div", {
-        className: "ms-[70px] max-w-[calc(95%-40px)]",
-        children: /* @__PURE__ */ jsx("div", {
-          className: "rounded-an-message bg-an-user-message-bg px-3.5 py-1.5 text-sm text-an-user-message-text transition-colors",
-          children: /* @__PURE__ */ jsx("p", {
-            className: "leading-5 wrap-break-word whitespace-pre-wrap",
-            children: text
+    "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))
           })
         })
       })
-    ]
-  });
-});
-var LazyGenerativeTextRenderer = lazy(() => import("./openui-renderer-BT5jL0Yf-XYLLN5U6.js").then((n) => n.n).then(({ GenerativeTextRenderer }) => ({ default: GenerativeTextRenderer })));
-function PlainTextFallback({ className, content }) {
-  return /* @__PURE__ */ jsx("div", {
-    className: className ? `${className} whitespace-pre-wrap` : "whitespace-pre-wrap",
-    children: content
+    })]
   });
 }
-function FleetGenerativeTextRenderer(props) {
-  if (!useMemo2(() => segmentOpenUIContent(props.content).some((segment) => segment.type === "openui"), [props.content])) return /* @__PURE__ */ jsx(LazyMarkdown, {
-    className: props.className,
-    content: props.content
-  });
-  return /* @__PURE__ */ jsx(Suspense, {
-    fallback: /* @__PURE__ */ jsx(PlainTextFallback, {
-      className: props.className,
-      content: props.content
-    }),
-    children: /* @__PURE__ */ jsx(LazyGenerativeTextRenderer, { ...props })
-  });
+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 = [
   {
@@ -11544,9 +10186,6 @@ function useFleetPiInputBarState({ models, status, thinkingLevel, onModelChange,
     value
   };
 }
-function withFleetPiSuggestionStyles(suggestions) {
-  return suggestions;
-}
 var FLEET_PI_CHAT_MODES = [
   {
     id: "agent",
@@ -11720,6 +10359,16 @@ 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]",
@@ -11887,7 +10536,58 @@ function formatElapsed(elapsedMs) {
   if (seconds < 60) return String(seconds) + "s";
   return String(Math.floor(seconds / 60)) + "m " + String(seconds % 60) + "s";
 }
-var LazyFleetPiToolRenderer = lazy(() => import("./fleet-pi-tool-renderer-5vYFNeZS-IHKMLT7W.js").then(({ FleetPiToolRenderer: FleetPiToolRenderer2 }) => ({ default: FleetPiToolRenderer2 })));
+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}`)))
+      })]
+    })
+  });
+}
+var LazyFleetPiToolRenderer = lazy(() => import("./fleet-pi-tool-renderer-lJvZWmBJ-4M5YI6VS.js").then(({ FleetPiToolRenderer: FleetPiToolRenderer2 }) => ({ default: FleetPiToolRenderer2 })));
 function FleetPiToolRenderer(props) {
   return /* @__PURE__ */ jsx(Suspense, {
     fallback: /* @__PURE__ */ jsx("div", {
@@ -11897,29 +10597,6 @@ function FleetPiToolRenderer(props) {
     children: /* @__PURE__ */ jsx(LazyFleetPiToolRenderer, { ...props })
   });
 }
-function groupMessages(messages) {
-  const turns = [];
-  let current;
-  for (const message of messages) {
-    if (message.role === "user") {
-      if (current) turns.push(current);
-      current = {
-        user: message,
-        assistants: []
-      };
-      continue;
-    }
-    if (message.role !== "assistant") continue;
-    if (!current || message.source === "local") {
-      if (current) turns.push(current);
-      current = { assistants: [message] };
-      continue;
-    }
-    current.assistants.push(message);
-  }
-  if (current) turns.push(current);
-  return turns;
-}
 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];
@@ -11945,17 +10622,39 @@ function reasoningPresentationFromMessages(messages) {
     return presentation;
   }
 }
+function runIdFromAssistantMessageId(messageId) {
+  return /^(.*)-a\d+$/.exec(messageId)?.[1];
+}
+function artifactsForCurrentTurn(artifactRuns, messages) {
+  if (!artifactRuns || messages.length === 0) return [];
+  const messageIds = new Set(messages.map((message) => message.id));
+  const toolCallIds = new Set(messages.flatMap((message) => (message.parts ?? []).flatMap((part) => {
+    const source = record(part);
+    return typeof source?.toolCallId === "string" && source.toolCallId ? [source.toolCallId] : [];
+  })));
+  const currentRunIds = new Set(messages.flatMap((message) => {
+    const runId = runIdFromAssistantMessageId(message.id);
+    return runId ? [message.id, runId] : [message.id];
+  }));
+  return artifactRuns.flatMap((run) => run.artifacts).filter((artifact) => {
+    if (artifact.sourceMessageId) return messageIds.has(artifact.sourceMessageId);
+    if (artifact.sourceToolCallId) return toolCallIds.has(artifact.sourceToolCallId) || currentRunIds.has(artifact.runId);
+    return currentRunIds.has(artifact.runId);
+  });
+}
 function buildActivityItems(messages, presentation, artifactRuns = [], onOpenArtifact) {
   const items = /* @__PURE__ */ new Map();
   const artifacts = artifactRuns.flatMap((run) => run.artifacts);
   const openArtifactAction = (sourceId) => {
     const artifactIndex = artifacts.findIndex((candidate) => candidate.sourceToolCallId === sourceId);
     const artifact = artifactIndex >= 0 ? artifacts[artifactIndex] : void 0;
-    return artifact && onOpenArtifact ? {
-      label: "Open in Artifacts",
+    const target = artifact?.kind === "ipython" ? "repl" : artifact ? "artifacts" : void 0;
+    if (!artifact || !target || !onOpenArtifact) return void 0;
+    return {
+      label: target === "repl" ? "Open in REPL" : "Open in Artifacts",
       ariaLabel: `Open ${artifact.title || "tool result"} artifact ${artifactIndex + 1}`,
-      onClick: () => onOpenArtifact(artifact.id)
-    } : void 0;
+      onClick: () => onOpenArtifact(artifact.id, target)
+    };
   };
   for (const message of messages) for (const [partIndex, part] of (message.parts ?? []).entries()) {
     const partRecord = record(part);
@@ -12051,6 +10750,11 @@ function AssistantMessage({ messages, isLast, isStreaming, suppressQuestionTool,
     presentation
   ]);
   const reasoningPresentation = useMemo2(() => reasoningPresentationFromMessages(messages), [messages]);
+  const timelineArtifacts = useMemo2(() => isLast ? artifactsForCurrentTurn(artifactRuns, messages) : [], [
+    artifactRuns,
+    isLast,
+    messages
+  ]);
   const [activityOpen, setActivityOpen] = useState2(turnStreaming);
   const [prevTurnStreaming, setPrevTurnStreaming] = useState2(turnStreaming);
   if (prevTurnStreaming !== turnStreaming) {
@@ -12071,6 +10775,11 @@ function AssistantMessage({ messages, isLast, isStreaming, suppressQuestionTool,
           label: activityLabel,
           className: "mb-2"
         }) : null,
+        /* @__PURE__ */ jsx(FleetToolTimeline, {
+          messages,
+          artifacts: timelineArtifacts,
+          streaming: turnStreaming
+        }),
         /* @__PURE__ */ jsx(StreamingResponse, {
           status: turnStreaming ? "streaming" : "complete",
           copyText: copyText || void 0,
@@ -12088,6 +10797,10 @@ function AssistantMessage({ messages, isLast, isStreaming, suppressQuestionTool,
           collapseOnComplete: true,
           maxHeight: 208,
           className: "mt-2 max-w-none"
+        }) : null,
+        isLast && presentation ? /* @__PURE__ */ jsx(FleetSubagentList, {
+          children: presentation.rlmChildren,
+          tree: presentation.rlmTree
         }) : null
       ] })
     }) })
@@ -12140,16 +10853,6 @@ function resolveSuggestions(suggestions) {
   if (Array.isArray(suggestions)) return suggestions;
   return suggestions?.items ?? [];
 }
-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 WELCOME_TASKS = [
   {
     id: "welcome-explore-codebase",
@@ -12200,11 +10903,10 @@ function WelcomeState({ disabled: disabled2, onSelect, composer }) {
     ]
   });
 }
-function FleetPiAgentChat({ toolRenderers = PI_TOOL_RENDERERS, suggestions, status, onStop, onSend, inputBar, className, messages, error, suppressQuestionTool = false, onOpenUIAction, activityLabel, presentation, artifactRuns, onOpenArtifact, onOpenUIArtifactReady }) {
+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 turns = useMemo2(() => groupMessages(messages), [messages]);
-  const styledSuggestions = withFleetPiSuggestionStyles(suggestions);
-  const suggestionItems2 = resolveSuggestions(styledSuggestions);
+  const suggestionItems2 = resolveSuggestions(suggestions);
   const suggestionTexts = useMemo2(() => suggestionItems2.flatMap((item) => item.disabled ? [] : [item.value ?? item.label]), [suggestionItems2]);
   const suggestionCycle = suggestionTexts.join("\0");
   const [selectedSuggestion, setSelectedSuggestion] = useState2(null);
@@ -12214,6 +10916,41 @@ function FleetPiAgentChat({ toolRenderers = PI_TOOL_RENDERERS, suggestions, stat
     setSelectedSuggestion(null);
   }
   const isStreaming = status === "streaming" || status === "submitted";
+  const rendering = useMemo2(() => ({
+    toolRenderers,
+    onOpenUIAction,
+    onOpenUIArtifactReady,
+    onOpenArtifact
+  }), [
+    onOpenArtifact,
+    onOpenUIAction,
+    onOpenUIArtifactReady,
+    toolRenderers
+  ]);
+  const stateForLast = useMemo2(() => ({
+    isLast: true,
+    isStreaming,
+    suppressQuestionTool
+  }), [isStreaming, suppressQuestionTool]);
+  const stateForRest = useMemo2(() => ({
+    isLast: false,
+    isStreaming: false,
+    suppressQuestionTool
+  }), [suppressQuestionTool]);
+  const activityForLast = useMemo2(() => ({
+    label: activityLabel,
+    presentation,
+    artifactRuns
+  }), [
+    activityLabel,
+    artifactRuns,
+    presentation
+  ]);
+  const activityForRest = useMemo2(() => ({
+    label: void 0,
+    presentation: void 0,
+    artifactRuns: void 0
+  }), []);
   const isEmpty = turns.length === 0 && !error;
   const errorPresentation = error ? getChatErrorPresentation(error) : null;
   const inputBarNode = /* @__PURE__ */ jsx(FleetPiInputBar, {
@@ -12225,73 +10962,70 @@ function FleetPiAgentChat({ toolRenderers = PI_TOOL_RENDERERS, suggestions, stat
       onChange: setDraft
     },
     status,
-    suggestions: styledSuggestions,
+    suggestions,
     onSend,
     onStop
   });
   return /* @__PURE__ */ jsxs("div", {
     className: cn("fleet-pi-agent-chat flex h-full min-h-0 flex-col bg-background", className),
-    children: [/* @__PURE__ */ jsxs(MessageScroller, {
-      className: "flex-1",
-      busy: isStreaming,
-      followOutput: true,
-      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, {
-          disabled: isStreaming,
-          onSelect: (item) => setDraft(item.value ?? item.label),
-          composer: inputBarNode
-        }) : null,
-        turns.map((turn, turnIndex) => {
-          const key = turn.user?.id ?? `assistant-turn-${turnIndex}`;
-          const isLast = turnIndex === turns.length - 1;
-          return /* @__PURE__ */ jsx(ConversationTurnView, {
-            turn,
-            state: {
-              isLast,
-              isStreaming: isLast && isStreaming,
-              suppressQuestionTool
-            },
-            rendering: {
-              toolRenderers,
-              onOpenUIAction,
-              onOpenUIArtifactReady,
-              onOpenArtifact
+    children: [
+      /* @__PURE__ */ jsxs(MessageScroller, {
+        className: "flex-1",
+        busy: isStreaming,
+        followOutput: true,
+        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, {
+            disabled: isStreaming,
+            onSelect: (item) => setDraft(item.value ?? item.label),
+            composer: inputBarNode
+          }) : null,
+          turns.map((turn, turnIndex) => {
+            const key = turn.user?.id ?? `assistant-turn-${turnIndex}`;
+            const isLast = turnIndex === turns.length - 1;
+            return /* @__PURE__ */ jsx(ConversationTurnView, {
+              turn,
+              state: isLast ? stateForLast : stateForRest,
+              rendering,
+              activity: isLast ? activityForLast : activityForRest
+            }, key);
+          }),
+          errorPresentation ? /* @__PURE__ */ jsxs("div", {
+            role: "alert",
+            className: "flex items-start gap-2 rounded-xl border border-destructive/30 bg-destructive/10 p-3 text-sm text-destructive",
+            children: [/* @__PURE__ */ jsx(CircleAlert, { className: "mt-0.5 size-4 shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+              className: "font-medium",
+              children: errorPresentation.title
+            }), /* @__PURE__ */ jsx("p", {
+              className: "mt-1 text-xs opacity-90",
+              children: errorPresentation.message
+            })] })]
+          }) : null,
+          turns.length > 0 && suggestionTexts.length > 0 && !isStreaming && !error ? /* @__PURE__ */ jsx(PromptSuggestions, {
+            suggestions: suggestionTexts,
+            selectedSuggestion,
+            cycle: turns.length,
+            onSuggestion: (suggestion) => {
+              setSelectedSuggestion(suggestion);
+              setDraft(suggestion);
             },
-            activity: {
-              label: isLast ? activityLabel : void 0,
-              presentation: isLast ? presentation : void 0,
-              artifactRuns: isLast ? artifactRuns : void 0
-            }
-          }, key);
-        }),
-        errorPresentation ? /* @__PURE__ */ jsxs("div", {
-          role: "alert",
-          className: "flex items-start gap-2 rounded-xl border border-destructive/30 bg-destructive/10 p-3 text-sm text-destructive",
-          children: [/* @__PURE__ */ jsx(CircleAlert, { className: "mt-0.5 size-4 shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-            className: "font-medium",
-            children: errorPresentation.title
-          }), /* @__PURE__ */ jsx("p", {
-            className: "mt-1 text-xs opacity-90",
-            children: errorPresentation.message
-          })] })]
-        }) : null,
-        turns.length > 0 && suggestionTexts.length > 0 && !isStreaming && !error ? /* @__PURE__ */ jsx(PromptSuggestions, {
-          suggestions: suggestionTexts,
-          selectedSuggestion,
-          cycle: turns.length,
-          onSuggestion: (suggestion) => {
-            setSelectedSuggestion(suggestion);
-            setDraft(suggestion);
-          },
-          className: "px-0"
-        }) : null
-      ]
-    }), !isEmpty ? inputBarNode : null]
+            className: "px-0"
+          }) : null
+        ]
+      }),
+      !isEmpty ? inputBarNode : null,
+      /* @__PURE__ */ jsx(FleetMessageQueue, {
+        queue: queue ?? {
+          steering: [],
+          followUp: []
+        },
+        onDelete: onDeleteQueuedMessage
+      })
+    ]
   });
 }
-function ChatPanel({ messages, status, error, workspaceName, activityLabel, presentation, artifactRuns, onOpenArtifact, onOpenUIArtifactReady, inputSuggestionItems, suppressQuestionTool, inputBar, onSend, onOpenUIAction, onStop, onQuestionAnswer }) {
+function ChatPanel({ messages, status, error, workspaceName, activityLabel, presentation, artifactRuns, queue, onDeleteQueuedMessage, onOpenArtifact, onOpenUIArtifactReady, inputSuggestionItems, suppressQuestionTool, inputBar, onSend, onOpenUIAction, onStop, onQuestionAnswer }) {
   const handleSend = useCallback2((msg) => {
     onSend(msg.content, msg.altKey);
   }, [onSend]);
@@ -12322,6 +11056,8 @@ function ChatPanel({ messages, status, error, workspaceName, activityLabel, pres
       activityLabel,
       presentation,
       artifactRuns,
+      queue,
+      onDeleteQueuedMessage,
       onOpenArtifact,
       onOpenUIArtifactReady,
       questionTool,
@@ -12352,6 +11088,187 @@ function resolveChatApiUrl(path) {
   if (!isChatRuntimePath(pathname)) return path;
   return `${base}${path}`;
 }
+function buildChatInputBarProps(composer, activeSessionId) {
+  return {
+    modelKey: composer.modelKey,
+    models: composer.models,
+    infoDescription: composer.infoDescription,
+    slashCommands: composer.slashCommands,
+    questionBar: composer.pendingQuestionBar,
+    chatMode: composer.chatMode,
+    onChatModeChange: composer.setChatMode,
+    onModelChange: composer.setModelKey,
+    thinkingLevel: composer.thinkingLevel,
+    onThinkingLevelChange: composer.setThinkingLevel,
+    attachments: {
+      onAttach: composer.handleAttach,
+      images: composer.uploadedAttachments.flatMap((attachment) => attachment.mimeType.startsWith("image/") ? [{
+        id: attachment.attachmentId,
+        filename: attachment.name,
+        size: attachment.size,
+        url: resolveChatApiUrl(`/api/chat/session?sessionId=${encodeURIComponent(activeSessionId ?? "")}&attachmentId=${encodeURIComponent(attachment.attachmentId)}`)
+      }] : []),
+      files: composer.uploadedAttachments.flatMap((attachment) => attachment.mimeType.startsWith("image/") ? [] : [{
+        id: attachment.attachmentId,
+        filename: attachment.name,
+        size: attachment.size
+      }]),
+      onRemoveImage: composer.removeUploadedAttachment,
+      onRemoveFile: composer.removeUploadedAttachment
+    },
+    workspaceReferences: composer.workspaceAttachments,
+    workspaceSuggestions: composer.workspaceReferenceSuggestions,
+    onWorkspaceReferenceSelect: composer.addWorkspaceAttachment,
+    onRemoveWorkspaceReference: composer.removeWorkspaceAttachment,
+    onSlashCommandSelect: composer.handleSlashCommandSelect,
+    onLocalSlashSubmit: composer.handleLocalSlashSubmit,
+    modelPickerOpen: composer.modelPickerOpen,
+    onModelPickerOpenChange: composer.setModelPickerOpen,
+    effortPickerOpen: composer.effortPickerOpen,
+    onEffortPickerOpenChange: composer.setEffortPickerOpen
+  };
+}
+var LazyChatCommandPalette = lazy(() => import("./chat-command-palette-BaenPkCN-BHSOPGU4.js").then(({ ChatCommandPalette }) => ({ default: ChatCommandPalette })));
+var LazySettingsDialog = lazy(() => import("./settings-dialog-DgeBMORv-7SRSENPM.js").then(({ SettingsDialog }) => ({ default: SettingsDialog })));
+var LazyForkPickerDialog = lazy(() => import("./fork-picker-dialog-BZzfxdQd-Y725VJ7G.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,
+    children: /* @__PURE__ */ jsx(LazyChatCommandPalette, {
+      open: true,
+      onOpenChange: dialogs.setCommandPaletteOpen,
+      onNewSession: () => void session.startNewSession(),
+      onStop: conversation.stop,
+      onResumeSession: (sessionToResume) => void session.resumeSession({ sessionId: sessionToResume.sessionId }),
+      onSetRightPanel: panels.setRightPanel,
+      onThemeChange: chrome.handleThemePreferenceChange,
+      sessions: session.sessions,
+      isStreaming: conversation.status === "streaming",
+      themePreference: chrome.themePreference
+    })
+  }) : null });
+}
+function ChatWorkspaceOverlayDialogs({ dialogs }) {
+  const { forkFromEntry, forkPickerEntries, setForkPickerEntries, setSettingsDialogOpen, setSettingsInitialTab, settingsDialogOpen, settingsInitialTab } = dialogs;
+  const handleSettingsOpenChange = useCallback2((open) => {
+    setSettingsDialogOpen(open);
+    if (!open) setSettingsInitialTab(void 0);
+  }, [setSettingsDialogOpen, setSettingsInitialTab]);
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [settingsDialogOpen ? /* @__PURE__ */ jsx(Suspense, {
+    fallback: null,
+    children: /* @__PURE__ */ jsx(LazySettingsDialog, {
+      open: true,
+      onOpenChange: handleSettingsOpenChange,
+      initialTab: settingsInitialTab
+    })
+  }) : null, forkPickerEntries ? /* @__PURE__ */ jsx(Suspense, {
+    fallback: null,
+    children: /* @__PURE__ */ jsx(LazyForkPickerDialog, {
+      entries: forkPickerEntries,
+      onOpenChange: (open) => {
+        if (!open) setForkPickerEntries(null);
+      },
+      onPick: forkFromEntry
+    })
+  }) : null] });
+}
+var FLEET_PANEL_KEYBINDINGS_STORAGE_KEY = "fleet-prime:v1:panel-keybindings";
+var DEFAULT_FLEET_PANEL_KEYBINDINGS = {
+  toggleResources: {
+    code: "Digit1",
+    ctrlOrMeta: true,
+    shift: true
+  },
+  toggleWorkspace: {
+    code: "Digit2",
+    ctrlOrMeta: true,
+    shift: true
+  },
+  toggleArtifacts: {
+    code: "Digit3",
+    ctrlOrMeta: true,
+    shift: true
+  },
+  toggleRepl: {
+    code: "Digit4",
+    ctrlOrMeta: true,
+    shift: true
+  },
+  toggleSubagents: {
+    code: "Digit5",
+    ctrlOrMeta: true,
+    shift: true
+  },
+  toggleCommandPalette: {
+    code: "KeyK",
+    ctrlOrMeta: true
+  },
+  closePanel: { code: "Escape" },
+  focusPanel: {
+    code: "KeyP",
+    ctrlOrMeta: true,
+    shift: true
+  },
+  focusChat: {
+    code: "KeyC",
+    ctrlOrMeta: true,
+    shift: true
+  }
+};
+function readKeybindings() {
+  try {
+    const value = window.localStorage.getItem(FLEET_PANEL_KEYBINDINGS_STORAGE_KEY);
+    if (!value) return DEFAULT_FLEET_PANEL_KEYBINDINGS;
+    const overrides = JSON.parse(value);
+    return {
+      ...DEFAULT_FLEET_PANEL_KEYBINDINGS,
+      ...overrides
+    };
+  } catch {
+    return DEFAULT_FLEET_PANEL_KEYBINDINGS;
+  }
+}
+function matches(event, binding) {
+  return event.code === binding.code && (event.ctrlKey || event.metaKey) === Boolean(binding.ctrlOrMeta) && event.shiftKey === Boolean(binding.shift) && event.altKey === Boolean(binding.alt);
+}
+function focusChatComposer() {
+  document.querySelector("[data-fleet-chat-focus] textarea, [data-fleet-chat-focus] [contenteditable='true'], [data-fleet-chat-focus] input")?.focus({ preventScroll: true });
+}
+function usePanelKeybindings({ onCommandPaletteToggle, onClosePanel, rightPanel, setRightPanel }) {
+  useEffect2(() => {
+    const keybindings = readKeybindings();
+    const handleKeyDown = (event) => {
+      const match = (action) => matches(event, keybindings[action]);
+      let handled = true;
+      if (match("toggleResources")) setRightPanel(rightPanel === "resources" ? null : "resources");
+      else if (match("toggleWorkspace")) setRightPanel(rightPanel === "workspace" ? null : "workspace");
+      else if (match("toggleArtifacts")) setRightPanel(rightPanel === "artifacts" ? null : "artifacts");
+      else if (match("toggleRepl")) setRightPanel(rightPanel === "repl" ? null : "repl");
+      else if (match("toggleSubagents")) setRightPanel(rightPanel === "subagents" ? null : "subagents");
+      else if (onCommandPaletteToggle && match("toggleCommandPalette")) onCommandPaletteToggle();
+      else if (rightPanel && match("closePanel")) {
+        if (onClosePanel) onClosePanel();
+        else {
+          setRightPanel(null);
+          focusChatComposer();
+        }
+      } else if (rightPanel && match("focusPanel")) document.querySelector("[data-fleet-panel-focus]")?.focus({ preventScroll: true });
+      else if (match("focusChat")) focusChatComposer();
+      else handled = false;
+      if (handled) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [
+    onCommandPaletteToggle,
+    onClosePanel,
+    rightPanel,
+    setRightPanel
+  ]);
+}
 function useOptionalUser() {
   return null;
 }
@@ -12538,6 +11455,14 @@ var chatClient = {
       body: JSON.stringify(request)
     });
   },
+  async deleteQueuedMessage(request) {
+    const body = ChatQueueMutationRequestSchema.parse(request);
+    return fetchValidatedJson("/api/chat/session", ChatQueueMutationResponseSchema, {
+      method: "PATCH",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(body)
+    });
+  },
   async browseWorkspace(path, projectId) {
     const params = new URLSearchParams();
     if (projectId) params.set("projectId", projectId);
@@ -12664,6 +11589,12 @@ var chatClient = {
       openUI: true
     })}`, ChatSessionResponseSchema);
   },
+  async loadSubagentSession(parentSessionId, childId) {
+    return fetchValidatedJson(`/api/chat/session?${new URLSearchParams({
+      parentSessionId,
+      childId
+    })}`, ChatSessionResponseSchema);
+  },
   async upsertPlanPresentation(request) {
     const body = ChatPlanPresentationUpsertRequestSchema.parse(request);
     return fetchValidatedJson("/api/chat/session", external_exports.object({ presentation: ChatPlanPresentationSchema }), {
@@ -13448,9 +12379,9 @@ function useChatShellState(modelsData, storage) {
       return null;
     });
   }, []);
-  const openArtifact = useCallback2((artifactId) => {
+  const openArtifact = useCallback2((artifactId, target = "artifacts") => {
     setSelectedArtifactId(artifactId);
-    setRightPanel("artifacts");
+    setRightPanel(target);
   }, [setRightPanel]);
   const openWorkspacePath = useCallback2((rawPath) => {
     const target = resolveWorkspacePanelTarget(rawPath);
@@ -13459,8 +12390,9 @@ function useChatShellState(modelsData, storage) {
     setSelectedWorkspacePath(target.path);
   }, [setRightPanel]);
   const openPanelAction = useCallback2((action) => {
-    const isLocationPanel = action.panel === "workspace" || action.panel === "artifacts";
-    setRightPanel(action.panel);
+    const panel = action.panel === "artifacts" && action.relativePath ? "workspace" : action.panel;
+    const isLocationPanel = panel === "workspace" || panel === "artifacts";
+    setRightPanel(panel);
     setSelectedWorkspacePath(isLocationPanel ? action.relativePath ?? null : null);
     if (action.focus) window.requestAnimationFrame(() => {
       document.querySelector("[data-fleet-panel-focus]")?.focus({ preventScroll: true });
@@ -15460,6 +14392,8 @@ function usePiChat(model, options) {
   const activityLabelRef = useRef2(activityLabel);
   const planLabelRef = useRef2(planLabel);
   const queueRef = useRef2(queue);
+  const queueRevisionRef = useRef2(0);
+  const queuedDeletionTailRef = useRef2(Promise.resolve());
   const presentationRef = useRef2(presentation);
   const pendingSendControllerRef = useRef2(null);
   const streamControllersRef = useRef2(/* @__PURE__ */ new Map());
@@ -15487,6 +14421,7 @@ function usePiChat(model, options) {
     const current = sessionMetadataRef.current;
     const next = normalizeSessionMetadata(metadata);
     if (current.sessionId === next.sessionId && current.projectId === next.projectId) return;
+    queueRevisionRef.current += 1;
     sessionMetadataRef.current = next;
     setSessionMetadata(next);
     persistSession(next);
@@ -15500,9 +14435,13 @@ function usePiChat(model, options) {
     setPlanLabel(nextLabel);
   }, []);
   const setQueueSynced = useCallback2((nextQueue) => {
+    queueRevisionRef.current += 1;
     queueRef.current = nextQueue;
     setQueue(nextQueue);
   }, []);
+  const invalidateQueueMutations = useCallback2(() => {
+    queueRevisionRef.current += 1;
+  }, []);
   const setPresentationSynced = useCallback2((nextPresentation) => {
     presentationRef.current = nextPresentation;
     setPresentation(nextPresentation);
@@ -15736,18 +14675,66 @@ function usePiChat(model, options) {
       streamControllersRef.current.get(metadata.sessionId)?.abort();
       streamControllersRef.current.delete(metadata.sessionId);
     }
+    invalidateQueueMutations();
     setStatus("ready");
     setQueueSynced(EMPTY_QUEUE_STATE);
     setActivityLabelSynced(void 0);
   }, [
     client,
+    invalidateQueueMutations,
     resetStreamAdmission,
     setActivityLabelSynced,
     setQueueSynced
   ]);
+  const deleteQueuedMessage = useCallback2((lane, index, expectedText) => {
+    const originatingSessionId = sessionMetadataRef.current.sessionId;
+    const requestedRevision = queueRevisionRef.current;
+    const requestedMatchCount = (lane === "steering" ? queueRef.current.steering : queueRef.current.followUp).filter((item) => item === expectedText).length;
+    const deletion = queuedDeletionTailRef.current.catch(() => void 0).then(async () => {
+      if (!originatingSessionId || sessionMetadataRef.current.sessionId !== originatingSessionId) return false;
+      const current = queueRef.current;
+      const items = lane === "steering" ? current.steering : current.followUp;
+      let resolvedIndex;
+      if (queueRevisionRef.current === requestedRevision) resolvedIndex = items[index] === expectedText ? index : void 0;
+      else {
+        if (requestedMatchCount !== 1) return false;
+        const currentMatches = items.reduce((matches2, item, itemIndex) => {
+          if (item === expectedText) matches2.push(itemIndex);
+          return matches2;
+        }, []);
+        resolvedIndex = currentMatches.length === 1 ? currentMatches[0] : void 0;
+      }
+      if (resolvedIndex === void 0) return false;
+      const optimistic = {
+        ...current,
+        [lane]: items.filter((_, itemIndex) => itemIndex !== resolvedIndex)
+      };
+      setQueueSynced(optimistic);
+      const requestRevision = queueRevisionRef.current;
+      try {
+        const result = await client.deleteQueuedMessage({
+          sessionId: originatingSessionId,
+          lane,
+          index: resolvedIndex,
+          expectedText
+        });
+        if (sessionMetadataRef.current.sessionId !== originatingSessionId || queueRevisionRef.current !== requestRevision) return result.status === "applied";
+        setQueueSynced(result.queue);
+        return result.status === "applied";
+      } catch (queueError) {
+        if (sessionMetadataRef.current.sessionId === originatingSessionId && queueRevisionRef.current === requestRevision && queueRef.current === optimistic) setQueueSynced(current);
+        throw queueError;
+      }
+    });
+    queuedDeletionTailRef.current = deletion.then(() => void 0, () => void 0);
+    return deletion;
+  }, [client, setQueueSynced]);
   const startNewSession = useCallback2(async (options2) => {
     if (options2?.preserveRunning === false) stop();
-    else setStatus("ready");
+    else {
+      invalidateQueueMutations();
+      setStatus("ready");
+    }
     const result = await client.createSession(options2?.projectId ?? projectId);
     setSessionMetadataSynced(result.session);
     setMessagesSynced([]);
@@ -15766,10 +14753,12 @@ function usePiChat(model, options) {
     setPlanLabelSynced,
     setQueueSynced,
     setSessionMetadataSynced,
+    invalidateQueueMutations,
     stop,
     projectId
   ]);
   const resumeSession = useCallback2(async (metadata, options2) => {
+    invalidateQueueMutations();
     try {
       if (options2?.preserveRunning === false) stop();
       const result = await client.resumeSession(metadata);
@@ -15805,6 +14794,7 @@ function usePiChat(model, options) {
     setPlanLabelSynced,
     setQueueSynced,
     setSessionMetadataSynced,
+    invalidateQueueMutations,
     stop
   ]);
   const switchProject = useCallback2(async (nextProjectId, nextSessionId) => {
@@ -15812,6 +14802,7 @@ function usePiChat(model, options) {
       sessionId: nextSessionId,
       projectId: nextProjectId
     }, { preserveRunning: true });
+    invalidateQueueMutations();
     setSessionMetadataSynced({ projectId: nextProjectId });
     setMessagesSynced([]);
     setPresentationSynced({
@@ -15833,7 +14824,8 @@ function usePiChat(model, options) {
     setPlanLabelSynced,
     setPresentationSynced,
     setQueueSynced,
-    setSessionMetadataSynced
+    setSessionMetadataSynced,
+    invalidateQueueMutations
   ]);
   useEffect2(() => {
     sendMessageRef.current = sendMessage;
@@ -15986,6 +14978,7 @@ function usePiChat(model, options) {
     activityLabel,
     answerQuestion,
     appendLocalMessage,
+    deleteQueuedMessage,
     deleteSession,
     error,
     getMessages: useCallback2(() => messagesRef.current, []),
@@ -16008,11 +15001,13 @@ function usePiChat(model, options) {
     switchProject
   };
 }
-function useRightPanelContextValue({ activityLabel, artifactRuns, chatMode, handleThemePreferenceChange, isLoadingProviders, isUpdatingProvider, loadWorkspaceFile: loadWorkspaceFile2, messages, modelKey, models, modelCatalog, onDiscoverModels, onOAuthLogin, onRemoveProvider, onUpdateProvider, openWorkspacePath, planLabel, presentation, providers, queue, refreshResources, refreshWorkspace, resources, resourcesError, resourcesLoading, rightPanel, reopenRightPanel, saveSettings, selectedArtifactId, sessionId, selectedWorkspacePath, setRightPanel, setSelectedWorkspacePath, settings, settingsError, settingsLoading, status, thinkingLevel, themePreference, workspaceError, workspaceLoading, workspaceTree }) {
+function useRightPanelContextValue({ activityLabel, artifactRuns, chatMode, handleThemePreferenceChange, isLoadingProviders, isUpdatingProvider, loadSession, loadSubagentSession, loadWorkspaceFile: loadWorkspaceFile2, messages, modelKey, models, modelCatalog, onDiscoverModels, onOAuthLogin, onRemoveProvider, onUpdateProvider, openWorkspacePath, planLabel, presentation, providers, queue, refreshResources, refreshWorkspace, resources, resourcesError, resourcesLoading, rightPanel, reopenRightPanel, saveSettings, selectedArtifactId, sessionId, selectedWorkspacePath, setRightPanel, setSelectedWorkspacePath, settings, settingsError, settingsLoading, status, thinkingLevel, themePreference, workspaceError, workspaceLoading, workspaceTree }) {
   const chatPanelData = useMemo2(() => ({
     activityLabel,
     artifactRuns,
     chatMode,
+    loadSession,
+    loadSubagentSession,
     messages,
     models,
     planLabel,
@@ -16034,6 +15029,8 @@ function useRightPanelContextValue({ activityLabel, artifactRuns, chatMode, hand
     activityLabel,
     artifactRuns,
     chatMode,
+    loadSession,
+    loadSubagentSession,
     messages,
     models,
     planLabel,
@@ -16214,7 +15211,7 @@ function useChatWorkspaceData() {
   const refreshWorkspace = useCallback2(() => {
     refetchWorkspace();
   }, [refetchWorkspace]);
-  const { activityLabel, answerQuestion, appendLocalMessage, deleteSession, error, getMessages, getSessionMetadata, messages, planLabel, persistOpenUIArtifact, presentation, queue, renameSession, resumeSession, sendMessage, sessionMetadata, sessions, startNewSession, switchProject, status, stop } = usePiChat(modelSelection, {
+  const { activityLabel, answerQuestion, appendLocalMessage, deleteQueuedMessage, deleteSession, error, getMessages, getSessionMetadata, messages, planLabel, persistOpenUIArtifact, presentation, queue, renameSession, resumeSession, sendMessage, sessionMetadata, sessions, startNewSession, switchProject, status, stop } = usePiChat(modelSelection, {
     initialSessionMetadata,
     projectId: activeProjectId,
     persistSession
@@ -16433,6 +15430,17 @@ function useChatWorkspaceData() {
     }
     openPanelAction(action);
   }, [activeProjectId, openPanelAction]);
+  const openSidebarPanelAction = useCallback2((action) => {
+    if (!action.projectId || action.projectId === activeProjectId) {
+      openPanelAction(action);
+      return;
+    }
+    selectProject(action.projectId).then(() => openPanelAction(action)).catch((error2) => notifyChatError(error2));
+  }, [
+    activeProjectId,
+    openPanelAction,
+    selectProject
+  ]);
   const openSettings = useCallback2((tab) => {
     setSettingsInitialTab(tab);
     setSettingsDialogOpen(true);
@@ -16475,6 +15483,8 @@ function useChatWorkspaceData() {
   });
   const modelCatalog = useMemo2(() => modelCatalogData?.models.map(toModelOption) ?? models, [modelCatalogData, models]);
   const loadProjectWorkspaceFile = useCallback2((path) => loadWorkspaceFile(path, activeProjectId), [activeProjectId]);
+  const loadChatSession = useCallback2((metadata) => chatClient.loadSession(metadata), []);
+  const loadSubagentSession = useCallback2((parentSessionId, childId) => chatClient.loadSubagentSession(parentSessionId, childId), []);
   const onDiscoverModels = useCallback2(async (providerId) => {
     return (await discoverModelsMutation.mutateAsync(providerId)).models.map(toModelOption);
   }, [discoverModelsMutation]);
@@ -16485,6 +15495,8 @@ function useChatWorkspaceData() {
     handleThemePreferenceChange,
     isLoadingProviders,
     isUpdatingProvider: isUpdatingProvider || isRemovingProvider,
+    loadSession: loadChatSession,
+    loadSubagentSession,
     loadWorkspaceFile: loadProjectWorkspaceFile,
     messages,
     modelKey,
@@ -16534,6 +15546,7 @@ function useChatWorkspaceData() {
     session: {
       activeSessionId: sessionMetadata.sessionId,
       activeProjectId,
+      openPanelAction: openSidebarPanelAction,
       projects: projectsData?.projects ?? [],
       projectSessions: sessions,
       sessions,
@@ -16552,12 +15565,14 @@ function useChatWorkspaceData() {
     conversation: {
       activityLabel,
       artifactRuns,
+      deleteQueuedMessage,
       error,
       messages,
       openArtifact,
       openPanelAction: openProjectPanelAction,
       persistOpenUIArtifact,
       presentation,
+      queue,
       sendMessage,
       status,
       stop
@@ -16619,287 +15634,144 @@ function useChatWorkspaceData() {
     }
   };
 }
-var FLEET_PANEL_KEYBINDINGS_STORAGE_KEY = "fleet-prime:v1:panel-keybindings";
-var DEFAULT_FLEET_PANEL_KEYBINDINGS = {
-  toggleResources: {
-    code: "Digit1",
-    ctrlOrMeta: true,
-    shift: true
-  },
-  toggleWorkspace: {
-    code: "Digit2",
-    ctrlOrMeta: true,
-    shift: true
-  },
-  toggleArtifacts: {
-    code: "Digit3",
-    ctrlOrMeta: true,
-    shift: true
-  },
-  closePanel: { code: "Escape" },
-  focusPanel: {
-    code: "KeyP",
-    ctrlOrMeta: true,
-    shift: true
-  },
-  focusChat: {
-    code: "KeyC",
-    ctrlOrMeta: true,
-    shift: true
-  }
-};
-function readKeybindings() {
-  try {
-    const value = window.localStorage.getItem(FLEET_PANEL_KEYBINDINGS_STORAGE_KEY);
-    if (!value) return DEFAULT_FLEET_PANEL_KEYBINDINGS;
-    const overrides = JSON.parse(value);
-    return {
-      ...DEFAULT_FLEET_PANEL_KEYBINDINGS,
-      ...overrides
-    };
-  } catch {
-    return DEFAULT_FLEET_PANEL_KEYBINDINGS;
-  }
-}
-function matches(event, binding) {
-  return event.code === binding.code && (event.ctrlKey || event.metaKey) === Boolean(binding.ctrlOrMeta) && event.shiftKey === Boolean(binding.shift) && event.altKey === Boolean(binding.alt);
-}
-function focusChatComposer() {
-  document.querySelector("[data-fleet-chat-focus] textarea, [data-fleet-chat-focus] [contenteditable='true'], [data-fleet-chat-focus] input")?.focus({ preventScroll: true });
-}
-function usePanelKeybindings({ rightPanel, setRightPanel }) {
-  useEffect2(() => {
-    const keybindings = readKeybindings();
-    const handleKeyDown = (event) => {
-      const match = (action) => matches(event, keybindings[action]);
-      let handled = true;
-      if (match("toggleResources")) setRightPanel(rightPanel === "resources" ? null : "resources");
-      else if (match("toggleWorkspace")) setRightPanel(rightPanel === "workspace" ? null : "workspace");
-      else if (match("toggleArtifacts")) setRightPanel(rightPanel === "artifacts" ? null : "artifacts");
-      else if (rightPanel && match("closePanel")) {
-        setRightPanel(null);
-        focusChatComposer();
-      } else if (rightPanel && match("focusPanel")) document.querySelector("[data-fleet-panel-focus]")?.focus({ preventScroll: true });
-      else if (match("focusChat")) focusChatComposer();
-      else handled = false;
-      if (handled) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [rightPanel, setRightPanel]);
-}
-var LazyChatCommandPalette = lazy(() => import("./chat-command-palette-CPv5GmGJ-22J32S6P.js").then(({ ChatCommandPalette }) => ({ default: ChatCommandPalette })));
-var LazySettingsDialog = lazy(() => import("./settings-dialog-BTBFLQ1P-ZENQ4KWK.js").then(({ SettingsDialog }) => ({ default: SettingsDialog })));
-var LazyForkPickerDialog = lazy(() => import("./fork-picker-dialog-BZzfxdQd-C6SPHFAW.js").then(({ ForkPickerDialog }) => ({ default: ForkPickerDialog })));
 function ChatWorkspaceShell() {
-  const { session: { activeSessionId, browseProjectDirectories, createProject, deleteSession, forkSessionIntoProject, activeProjectId, projects, projectSessions, selectProject, renameProject, unregisterProject, renameSession, resumeSession, sessions, startNewSession, startNewSessionInProject }, conversation: { activityLabel, artifactRuns, error, messages, openArtifact, openPanelAction, persistOpenUIArtifact, presentation, sendMessage, status, stop }, composer: { chatMode, clearUploadedAttachments, clearWorkspaceAttachments, effortPickerOpen, handleLocalSlashSubmit, handleAttach, handleQuestionAnswer, handleSlashCommandSelect, infoDescription, inputSuggestionItems, workspaceReferenceSuggestions, modelKey, modelPickerOpen, models, uploadedAttachments, workspaceAttachments, addWorkspaceAttachment, removeUploadedAttachment, removeWorkspaceAttachment, pendingQuestionBar, setChatMode, setEffortPickerOpen, setModelKey, setModelPickerOpen, setThinkingLevel, slashCommands, thinkingLevel }, panels: { chatPanelData, handleResourceCanvasResizeStart, resourceCanvasWidth, rightPanel, setRightPanel, settingsActions, workspaceTreeContext }, dialogs: { commandPaletteOpen, forkFromEntry, forkPickerEntries, setCommandPaletteOpen, setForkPickerEntries, setSettingsDialogOpen, setSettingsInitialTab, settingsDialogOpen, settingsInitialTab }, chrome: { handleThemePreferenceChange, header, themePreference } } = useChatWorkspaceData();
-  const onCommandPaletteKeyDown = useEffectEvent((event) => {
-    if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
-      event.preventDefault();
-      setCommandPaletteOpen(!commandPaletteOpen);
-    }
-  });
-  useEffect2(() => {
-    const handleKeyDown = (event) => onCommandPaletteKeyDown(event);
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, []);
+  const { session, conversation, composer, panels, dialogs, chrome } = useChatWorkspaceData();
+  const toggleCommandPalette = useCallback2(() => {
+    dialogs.setCommandPaletteOpen((open) => !open);
+  }, [dialogs.setCommandPaletteOpen]);
+  const closeRightPanel = useCallback2(() => {
+    panels.setRightPanel(null);
+    window.requestAnimationFrame(() => focusChatComposer());
+  }, [panels.setRightPanel]);
   usePanelKeybindings({
-    rightPanel,
-    setRightPanel
+    onCommandPaletteToggle: toggleCommandPalette,
+    onClosePanel: closeRightPanel,
+    rightPanel: panels.rightPanel,
+    setRightPanel: panels.setRightPanel
   });
-  const activeProjectName = projects.find((project) => project.projectId === activeProjectId)?.name;
+  const activeProjectName = session.projects.find((project) => project.projectId === session.activeProjectId)?.name;
   const handleSend = useCallback2((text, altKey) => {
-    const attachments = [...workspaceAttachments, ...uploadedAttachments];
-    clearUploadedAttachments();
-    clearWorkspaceAttachments();
+    const attachments = [...composer.workspaceAttachments, ...composer.uploadedAttachments];
+    composer.clearUploadedAttachments();
+    composer.clearWorkspaceAttachments();
     (async () => {
-      await sendMessage({
+      await conversation.sendMessage({
         text,
         altKey,
-        mode: chatMode,
+        mode: composer.chatMode,
         openUI: true,
         attachments
       });
     })();
   }, [
-    chatMode,
-    clearUploadedAttachments,
-    clearWorkspaceAttachments,
-    sendMessage,
-    uploadedAttachments,
-    workspaceAttachments
+    composer.chatMode,
+    composer.clearUploadedAttachments,
+    composer.clearWorkspaceAttachments,
+    composer.uploadedAttachments,
+    composer.workspaceAttachments,
+    conversation.sendMessage
   ]);
   const handleOpenUIAction = useCallback2((message) => {
     const panelAction = decodeOpenPanelActionMessage(message);
     if (panelAction) {
-      openPanelAction(panelAction);
+      conversation.openPanelAction(panelAction);
       return;
     }
-    sendMessage({
+    conversation.sendMessage({
       text: message,
       altKey: false,
-      mode: chatMode,
+      mode: composer.chatMode,
       openUI: true
     });
   }, [
-    chatMode,
-    openPanelAction,
-    sendMessage
+    composer.chatMode,
+    conversation.openPanelAction,
+    conversation.sendMessage
   ]);
   const handleOpenUIArtifactReady = useCallback2(async (candidate) => {
     try {
-      return await persistOpenUIArtifact(candidate);
-    } catch (error2) {
-      notify.error(`Artifact persistence failed: ${error2 instanceof Error ? error2.message : String(error2)}`);
+      return await conversation.persistOpenUIArtifact(candidate);
+    } catch (error) {
+      notify.error(`Artifact persistence failed: ${error instanceof Error ? error.message : String(error)}`);
       return;
     }
-  }, [persistOpenUIArtifact]);
-  const handleSettingsOpenChange = useCallback2((open) => {
-    setSettingsDialogOpen(open);
-    if (!open) setSettingsInitialTab(void 0);
-  }, [setSettingsDialogOpen, setSettingsInitialTab]);
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [commandPaletteOpen ? /* @__PURE__ */ jsx(Suspense, {
-    fallback: null,
-    children: /* @__PURE__ */ jsx(LazyChatCommandPalette, {
-      open: true,
-      onOpenChange: setCommandPaletteOpen,
-      onNewSession: () => void startNewSession(),
-      onStop: stop,
-      onResumeSession: (session) => void resumeSession({ sessionId: session.sessionId }),
-      onSetRightPanel: setRightPanel,
-      onThemeChange: handleThemePreferenceChange,
-      sessions,
-      isStreaming: status === "streaming",
-      themePreference
-    })
-  }) : null, /* @__PURE__ */ jsxs(RightPanelProvider, {
-    chatPanelData,
+  }, [conversation.persistOpenUIArtifact]);
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ChatCommandPaletteOverlay, {
+    chrome,
+    conversation,
+    dialogs,
+    panels,
+    session
+  }), /* @__PURE__ */ jsxs(RightPanelProvider, {
+    chatPanelData: panels.chatPanelData,
     onOpenUIAction: handleOpenUIAction,
-    settingsActions,
-    workspaceTree: workspaceTreeContext,
-    children: [
-      /* @__PURE__ */ jsxs(ChatApp, {
-        className: "h-svh min-h-0 rounded-none border-0",
-        sidebarWidth: "17.5rem",
-        children: [/* @__PURE__ */ jsx(FleetSessionSidebar, {
-          data: {
-            sessions,
-            projects,
-            projectSessions,
-            activeProjectId,
-            activeSessionId
-          },
-          sessionActions: {
-            onNewSession: () => void startNewSession(),
-            onNewSessionInProject: startNewSessionInProject,
-            onResumeSession: (session) => void resumeSession({ sessionId: session.sessionId }),
-            onRenameSession: (sessionId, title) => void renameSession(sessionId, title),
-            onDeleteSession: (sessionId) => void deleteSession(sessionId)
-          },
-          projectActions: {
-            onProjectSelect: selectProject,
-            onCreateProject: createProject,
-            onRenameProject: renameProject,
-            onUnregisterProject: unregisterProject,
-            onForkSessionIntoProject: forkSessionIntoProject
-          },
-          navigationActions: {
-            onOpenPanelAction: openPanelAction,
-            onBrowseDirectories: browseProjectDirectories,
-            onOpenSettings: () => setSettingsDialogOpen(true)
-          },
-          slots: { accountMenu: header.accountMenu }
-        }), /* @__PURE__ */ jsx(AnimatedSidebarInset, {
-          className: "h-svh min-h-0 overflow-hidden",
-          children: /* @__PURE__ */ jsx(ChatWorkspaceLayout, {
-            headerLeft: header.left,
-            headerCenter: header.center,
-            headerRight: header.right,
-            panel: /* @__PURE__ */ jsx(UiErrorBoundary, { children: /* @__PURE__ */ jsx(RightPanelShell, {
-              handleResourceCanvasResizeStart,
-              resourceCanvasWidth
-            }) }),
-            children: /* @__PURE__ */ jsx(ChatPanel, {
-              messages,
-              status,
-              error: error ?? void 0,
-              workspaceName: activeProjectName,
-              activityLabel,
-              presentation,
-              artifactRuns,
-              onOpenArtifact: openArtifact,
-              onOpenUIArtifactReady: handleOpenUIArtifactReady,
-              inputSuggestionItems,
-              suppressQuestionTool: !!pendingQuestionBar,
-              inputBar: {
-                modelKey,
-                models,
-                infoDescription,
-                slashCommands,
-                questionBar: pendingQuestionBar,
-                chatMode,
-                onChatModeChange: setChatMode,
-                onModelChange: setModelKey,
-                thinkingLevel,
-                onThinkingLevelChange: setThinkingLevel,
-                attachments: {
-                  onAttach: handleAttach,
-                  images: uploadedAttachments.flatMap((attachment) => attachment.mimeType.startsWith("image/") ? [{
-                    id: attachment.attachmentId,
-                    filename: attachment.name,
-                    size: attachment.size,
-                    url: resolveChatApiUrl(`/api/chat/session?sessionId=${encodeURIComponent(activeSessionId ?? "")}&attachmentId=${encodeURIComponent(attachment.attachmentId)}`)
-                  }] : []),
-                  files: uploadedAttachments.flatMap((attachment) => attachment.mimeType.startsWith("image/") ? [] : [{
-                    id: attachment.attachmentId,
-                    filename: attachment.name,
-                    size: attachment.size
-                  }]),
-                  onRemoveImage: removeUploadedAttachment,
-                  onRemoveFile: removeUploadedAttachment
-                },
-                workspaceReferences: workspaceAttachments,
-                workspaceSuggestions: workspaceReferenceSuggestions,
-                onWorkspaceReferenceSelect: addWorkspaceAttachment,
-                onRemoveWorkspaceReference: removeWorkspaceAttachment,
-                onSlashCommandSelect: handleSlashCommandSelect,
-                onLocalSlashSubmit: handleLocalSlashSubmit,
-                modelPickerOpen,
-                onModelPickerOpenChange: setModelPickerOpen,
-                effortPickerOpen,
-                onEffortPickerOpenChange: setEffortPickerOpen
-              },
-              onSend: handleSend,
-              onOpenUIAction: handleOpenUIAction,
-              onStop: stop,
-              onQuestionAnswer: handleQuestionAnswer
-            })
+    settingsActions: panels.settingsActions,
+    workspaceTree: panels.workspaceTreeContext,
+    children: [/* @__PURE__ */ jsxs(ChatApp, {
+      className: "h-svh min-h-0 rounded-none border-0",
+      sidebarWidth: "17.5rem",
+      children: [/* @__PURE__ */ jsx(FleetSessionSidebar, {
+        data: {
+          sessions: session.sessions,
+          projects: session.projects,
+          projectSessions: session.projectSessions,
+          activeProjectId: session.activeProjectId,
+          activeSessionId: session.activeSessionId
+        },
+        sessionActions: {
+          onNewSession: () => void session.startNewSession(),
+          onNewSessionInProject: session.startNewSessionInProject,
+          onResumeSession: (sessionToResume) => void session.resumeSession({ sessionId: sessionToResume.sessionId }),
+          onRenameSession: (sessionId, title) => void session.renameSession(sessionId, title),
+          onDeleteSession: (sessionId) => void session.deleteSession(sessionId)
+        },
+        projectActions: {
+          onProjectSelect: session.selectProject,
+          onCreateProject: session.createProject,
+          onRenameProject: session.renameProject,
+          onUnregisterProject: session.unregisterProject,
+          onForkSessionIntoProject: session.forkSessionIntoProject
+        },
+        navigationActions: {
+          onOpenPanelAction: session.openPanelAction,
+          onBrowseDirectories: session.browseProjectDirectories,
+          onOpenSettings: () => dialogs.setSettingsDialogOpen(true)
+        },
+        slots: { accountMenu: chrome.header.accountMenu }
+      }), /* @__PURE__ */ jsx(AnimatedSidebarInset, {
+        className: "h-svh min-h-0 overflow-hidden",
+        children: /* @__PURE__ */ jsx(ChatWorkspaceLayout, {
+          headerLeft: chrome.header.left,
+          headerCenter: chrome.header.center,
+          headerRight: chrome.header.right,
+          panel: /* @__PURE__ */ jsx(UiErrorBoundary, { children: /* @__PURE__ */ jsx(RightPanelShell, {
+            handleResourceCanvasResizeStart: panels.handleResourceCanvasResizeStart,
+            onClose: closeRightPanel,
+            resourceCanvasWidth: panels.resourceCanvasWidth
+          }) }),
+          children: /* @__PURE__ */ jsx(ChatPanel, {
+            messages: conversation.messages,
+            status: conversation.status,
+            error: conversation.error ?? void 0,
+            workspaceName: activeProjectName,
+            activityLabel: conversation.activityLabel,
+            presentation: conversation.presentation,
+            artifactRuns: conversation.artifactRuns,
+            queue: conversation.queue,
+            onDeleteQueuedMessage: conversation.deleteQueuedMessage,
+            onOpenArtifact: conversation.openArtifact,
+            onOpenUIArtifactReady: handleOpenUIArtifactReady,
+            inputSuggestionItems: composer.inputSuggestionItems,
+            suppressQuestionTool: !!composer.pendingQuestionBar,
+            inputBar: buildChatInputBarProps(composer, session.activeSessionId),
+            onSend: handleSend,
+            onOpenUIAction: handleOpenUIAction,
+            onStop: conversation.stop,
+            onQuestionAnswer: composer.handleQuestionAnswer
           })
-        })]
-      }),
-      settingsDialogOpen ? /* @__PURE__ */ jsx(Suspense, {
-        fallback: null,
-        children: /* @__PURE__ */ jsx(LazySettingsDialog, {
-          open: true,
-          onOpenChange: handleSettingsOpenChange,
-          initialTab: settingsInitialTab
-        })
-      }) : null,
-      forkPickerEntries ? /* @__PURE__ */ jsx(Suspense, {
-        fallback: null,
-        children: /* @__PURE__ */ jsx(LazyForkPickerDialog, {
-          entries: forkPickerEntries,
-          onOpenChange: (open) => {
-            if (!open) setForkPickerEntries(null);
-          },
-          onPick: forkFromEntry
         })
-      }) : null
-    ]
+      })]
+    }), /* @__PURE__ */ jsx(ChatWorkspaceOverlayDialogs, { dialogs })]
   })] });
 }
 var SplitComponent = ChatWorkspaceShell;