@frontera-sdk/chat-ui 1.50.78 → 1.50.80

package/dist/{chunk-FNIHHKOZ.js → chunk-C2TZSGKK.js}

@@ -1,18 +1,17 @@
 'use client';
-import { usePlugins, useChatCapabilityEnabled, resolvePluginLanguage, renderPluginBlock, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, ActionMenu, useArtifactStore, ArtifactActionsMenu, useArtifact, resolveArtifactIconFormat, artifactFormatIcon, useArtifactFileObjectUrl, artifactFormatSubtitle, ChatImageLightbox, useClient, processMessageParts, getMessageDisplayTimestampValue, extractCitationsFromSteps, useSourcesEnrichment, extractImagesFromSteps, dedupeImageResults, getDocumentStreamArtifacts, getToolOutput, useCanvasStore, ImageResultsGallery, MessageDecisionCards, MessageStepsGroup, getToolState, getToolInput, getToolErrorText, dynamic, useChatCapabilities, useOptionalWorkspaceContext, useCitationViewer, useChatOverviewStore, dedup, extractDomain, sourceKind, SourceFavicon, Input, exportDocumentPdf, useAgentPanelStore, AgentRoutineForm, formatFileSize, FileThumbnail, MobileScreenSheet, useAgentHistorySource, treatyErrorMessage, useRouter, useBasePath, unwrap, agentRoutineKeys, getFileCategory, unwrapData, useOptionalAgentsContext, avatarMotionForStream, AGENT_AVATAR_SIZE } from './chunk-26L3ST3H.js';
-import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, Popover, PopoverTrigger, PopoverContent } from './chunk-F6PEZE7A.js';
-import { useTranslation } from './chunk-FTLVGUG5.js';
-import { MessageToolbar, MessageResponse, Shimmer, Message, MessageContent, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Icon } from './chunk-FDGBZFGN.js';
-import { Button, ScrollArea, Skeleton } from './chunk-ROJM44GB.js';
-import { useIsMobile } from './chunk-IXDM5R55.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from './chunk-BDJFVRYR.js';
-import { HISTORY_CITATION_PREFIX, historyCitationReference, AgentAvatar } from './chunk-TSKFBMGC.js';
-import { cn } from './chunk-XLX3L3P4.js';
-import { ThumbsUpIcon, ThumbsDownIcon, ArrowRotateClockwiseIcon, ForkCodeIcon, CircleInfoIcon, SquareArrowTopRightIcon, ChevronDownMediumIcon, DotGrid1x3HorizontalTightIcon, SidebarSimpleRightWideIcon, ChevronTopMediumIcon, FileTextIcon, Checkmark1Icon, ClipboardIcon, ArrowsShowIcon, FileDownloadIcon, PencilIcon, LayoutLeftRightIcon, StopIcon, VolumeFullIcon, DotGrid1x3HorizontalIcon, CrossMediumIcon, SendIcon, FilePdfIcon, StudioDisplayIcon, WorldIcon, FloppyDisk1Icon, WarningSignIcon, Email1Icon, ArrowRightIcon, TextSelectIcon, BubblePlusIcon, BrainIcon, CheckCircle2Icon, CircleQuestionmarkIcon, ArrowUpRightIcon, CircleXIcon, ClockIcon, CircleCheckIcon, UserAddedIcon, LoaderIcon } from './chunk-AFVU5VT6.js';
-import { useChatClientOptional } from './chunk-7ADM3CKD.js';
-import { createContext, memo, useMemo, isValidElement, cloneElement, useState, useCallback, useRef, useEffect, useId, useLayoutEffect, useContext } from 'react';
-import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
+import { usePlugins, useChatCapabilityEnabled, resolvePluginLanguage, renderPluginBlock, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, ActionMenu, useArtifactStore, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, useArtifact, resolveArtifactIconFormat, artifactFormatIcon, useArtifactFileObjectUrl, artifactFormatSubtitle, ChatImageLightbox, ArrowsShowIcon, FileDownloadIcon, useClient, processMessageParts, getMessageDisplayTimestampValue, getMessageCreatedAtMs, isApprovalRequested, extractCitationsFromSteps, useSourcesEnrichment, extractImagesFromSteps, dedupeImageResults, getDocumentStreamArtifacts, getToolOutput, useCanvasStore, ImageResultsGallery, MessageDecisionCards, useChatCapabilities, useOptionalWorkspaceContext, useCitationViewer, useChatOverviewStore, dedup, extractDomain, sourceKind, SourceFavicon, Input, exportDocumentPdf, FilePdfIcon, StudioDisplayIcon, WorldIcon, MessageStepsGroup, getToolState, getToolInput, getToolErrorText, useChatOptInEnabled, ArrowRightIcon, formatFileSize, FileThumbnail, MobileScreenSheet, useAgentHistorySource, treatyErrorMessage, useRouter, useBasePath, useAgentPanelStore, AgentRoutineForm, getFileCategory, unwrap, unwrapData, CircleCheckIcon, agentRoutineKeys, LoaderIcon, useOptionalAgentsContext, avatarMotionForStream, AGENT_AVATAR_SIZE } from './chunk-EFFOOCIK.js';
+import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, Popover, PopoverTrigger, PopoverContent } from './chunk-T5SANYSX.js';
+import { useIsMobile, useTranslation } from './chunk-7AT2LRVW.js';
+import { MessageToolbar, MessageResponse, SquareArrowTopRightIcon, FileTextIcon, Shimmer, ClipboardIcon, Message, MessageContent, PencilIcon, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Collapse, Icon, CircleXIcon, ClockIcon } from './chunk-PKNEC4LJ.js';
+import { ChevronDownMediumIcon, Button, ScrollArea, Skeleton } from './chunk-UWKO24VT.js';
+import { CrossMediumIcon } from './chunk-2P4IEVOQ.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from './chunk-C3HW5S2Z.js';
+import { HISTORY_CITATION_PREFIX, historyCitationReference, AgentAvatar } from './chunk-PUMRNN3R.js';
+import { cn, Checkmark1Icon } from './chunk-LGVMMBL3.js';
+import { useChatClientOptional } from './chunk-6JLWE7M3.js';
+import { createContext, memo, useMemo, isValidElement, cloneElement, useState, useCallback, useRef, useEffect, useId, useLayoutEffect, lazy, Suspense, useContext } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 import { cva } from 'class-variance-authority';
 import '@radix-ui/react-separator';
 import { Slot } from '@radix-ui/react-slot';
@@ -20,6 +19,90 @@ import { CodeBlock, defaultUrlTransform } from 'streamdown';
 import { create } from 'zustand';
 import { toast } from 'sonner';
 
+function formatElapsed(ms) {
+  const total = Math.max(0, Math.round(ms / 1e3));
+  if (total < 60) return `${total}s`;
+  const minutes = Math.floor(total / 60);
+  if (minutes < 60) {
+    const seconds = total % 60;
+    return seconds === 0 ? `${minutes}m` : `${minutes}m ${seconds}s`;
+  }
+  const hours = Math.floor(minutes / 60);
+  const rest = minutes % 60;
+  return rest === 0 ? `${hours}h` : `${hours}h ${rest}m`;
+}
+function MessageWorkFold({
+  isStreaming,
+  forceOpen = false,
+  persistedDurationMs = null,
+  startedAtMs = null,
+  children
+}) {
+  const expandedByDefault = useChatOptInEnabled("expandedWorkDetails");
+  const mountedAt = useRef(isStreaming ? Date.now() : null);
+  const anchorRef = useRef(null);
+  if (startedAtMs != null && (anchorRef.current === null || startedAtMs < anchorRef.current)) {
+    anchorRef.current = startedAtMs;
+  }
+  const anchor = anchorRef.current;
+  const [elapsed, setElapsed] = useState(null);
+  useEffect(() => {
+    if (!isStreaming) return;
+    if (mountedAt.current === null) mountedAt.current = Date.now();
+    const tick = () => {
+      const from = anchor ?? mountedAt.current ?? Date.now();
+      setElapsed(Math.max(0, Date.now() - from));
+    };
+    tick();
+    const id = setInterval(tick, 1e3);
+    return () => {
+      clearInterval(id);
+      tick();
+    };
+  }, [isStreaming, anchor]);
+  const [collapsed, setCollapsed] = useState(
+    () => !isStreaming && !expandedByDefault
+  );
+  const wasStreaming = useRef(isStreaming);
+  useEffect(() => {
+    if (isStreaming === wasStreaming.current) return;
+    wasStreaming.current = isStreaming;
+    if (!isStreaming && !expandedByDefault) setCollapsed(true);
+  }, [isStreaming, expandedByDefault]);
+  const settled = elapsed ?? persistedDurationMs;
+  const open = forceOpen || expandedByDefault || !collapsed;
+  return /* @__PURE__ */ jsxs("div", { className: "my-1 w-full min-w-0", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setCollapsed((c) => !c),
+        "aria-expanded": open,
+        disabled: forceOpen,
+        className: cn(
+          "flex w-full items-center gap-1.5 py-1.5 text-left text-sm text-muted-foreground transition-colors",
+          // The rule under the label runs the full width of the message
+          // column, separating the turn's work from the answer below it.
+          "border-b border-border",
+          !forceOpen && "hover:text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 shrink overflow-hidden", children: isStreaming ? /* @__PURE__ */ jsx(Shimmer, { as: "span", className: "text-sm", children: elapsed === null ? "Working\u2026" : `Working for ${formatElapsed(elapsed)}` }) : /* @__PURE__ */ jsx("span", { className: "truncate", children: settled === null ? "Worked" : `Worked for ${formatElapsed(settled)}` }) }),
+          /* @__PURE__ */ jsx(
+            ChevronDownMediumIcon,
+            {
+              className: cn(
+                "size-3.5 shrink-0 transition-transform duration-200",
+                !open && "-rotate-90"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Collapse, { open, unmountClosed: true, children: /* @__PURE__ */ jsx("div", { className: "w-full min-w-0", children }) })
+  ] });
+}
 var agentRoutineOfferKeys = {
   all: ["agentRoutineOffers"],
   result: (workspaceId, conversationId, messageId) => ["agentRoutineOffers", "result", workspaceId, conversationId, messageId],
@@ -106,6 +189,90 @@ function AgentRoutineOfferFooter({ conversationId, messageId }) {
     (accept.isError || dismiss.isError) && /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-2 text-destructive", children: t("agentMode.routines.suggestions.error") })
   ] });
 }
+function UserAddedIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "user-added, people, person, member, checked",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "12",
+            cy: "7.75",
+            r: "4.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.0018 12.25C8.22236 12.25 5.87133 14.4212 4.94874 17.2952C4.44232 18.8728 5.84498 20.25 7.50184 20.25H11.252",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14.75 18.5543L16.9318 20.25L20.75 14.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function Email1Icon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "email-1, envelope",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M21.25 14.45V9.55C21.25 7.86984 21.25 7.02976 20.923 6.38803C20.6354 5.82354 20.1765 5.3646 19.612 5.07698C18.9702 4.75 18.1302 4.75 16.45 4.75H7.55C5.86984 4.75 5.02976 4.75 4.38803 5.07698C3.82354 5.3646 3.3646 5.82354 3.07698 6.38803C2.75 7.02976 2.75 7.86984 2.75 9.55V14.45C2.75 16.1302 2.75 16.9702 3.07698 17.612C3.3646 18.1765 3.82354 18.6354 4.38803 18.923C5.02976 19.25 5.86984 19.25 7.55 19.25H16.45C18.1302 19.25 18.9702 19.25 19.612 18.923C20.1765 18.6354 20.6354 18.1765 20.923 17.612C21.25 16.9702 21.25 16.1302 21.25 14.45Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M21 6L13.8418 11.5675C12.7585 12.4101 11.2415 12.4101 10.1582 11.5675L3 6",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        )
+      ]
+    }
+  );
+}
 function FieldGroup({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -177,7 +344,7 @@ function FieldValue({ className, ...props }) {
   );
 }
 
-// src/vendor/ui/chat/supervisor-approval-card/utils.ts
+// ../chat/src/ui/chat/supervisor-approval-card/utils.ts
 function parseKeyValueDescription(text) {
   const trimmed = text.trim();
   if (!trimmed) return [];
@@ -428,6 +595,206 @@ function SupervisorApprovalCard({
     ] }) })
   ] });
 }
+function ForkCodeIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "fork-code",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "6",
+            cy: "6",
+            r: "2.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "12",
+            cy: "18",
+            r: "2.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "18",
+            cy: "6",
+            r: "2.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6 8.25V9C6 10.6569 7.34315 12 9 12C10.6569 12 12 13.3431 12 15V15.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M18 8.25V9C18 10.6569 16.6569 12 15 12C13.3431 12 12 13.3431 12 15V15.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function CircleInfoIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "circle-info, info circle, tooltip, information",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.75 11H12L12 16.25M21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 7.375C11.6548 7.375 11.375 7.65482 11.375 8C11.375 8.34518 11.6548 8.625 12 8.625C12.3452 8.625 12.625 8.34518 12.625 8C12.625 7.65482 12.3452 7.375 12 7.375Z",
+            fill: "currentColor",
+            stroke: "currentColor",
+            strokeWidth: "0.25"
+          }
+        )
+      ]
+    }
+  );
+}
+function ArrowRotateClockwiseIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "arrow-rotate-clockwise, rotate-right",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M18.5 7.00891C16.6791 4.95438 14.7962 3.75 11.979 3.75C7.42266 3.75 3.729 7.44365 3.729 12C3.729 16.5563 7.42266 20.25 11.979 20.25C15.5711 20.25 18.627 17.9543 19.7596 14.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.25 4V8H15.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function ThumbsUpIcon(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "thumbs-up, thumb, hand, yes, pro",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6.75 10.75H3.75C3.19772 10.75 2.75 11.1977 2.75 11.75V19.25C2.75 19.8023 3.19772 20.25 3.75 20.25H6.75M6.75 20.25V11L10.7208 3.29204C10.8922 2.95918 11.2365 2.75 11.611 2.75C12.8384 2.75 13.7808 3.84535 13.5917 5.0581L13.0161 8.75H18.2589C20.0956 8.75 21.5011 10.3856 21.2248 12.2013L20.3878 17.7013C20.1648 19.167 18.9046 20.25 17.422 20.25H6.75Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function ThumbsDownIcon(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "thumbs-down, thumb, hand, no, contra",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M17.2521 13.25H20.25C20.8023 13.25 21.25 12.8023 21.25 12.25V4.75C21.25 4.19772 20.8023 3.75 20.25 3.75H17.2521M17.2521 3.75V13L13.2835 20.7078C13.112 21.0407 12.7635 21.25 12.389 21.25V21.25C11.1622 21.25 10.2249 20.1546 10.4139 18.9419L10.9892 15.25H5.74908C3.91335 15.25 2.50859 13.6144 2.78476 11.7987L3.62128 6.29867C3.84421 4.83298 5.1038 3.75 6.5856 3.75H17.2521Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 function useStreamingStickToBottom(isStreaming, viewportSelector = "[data-slot=scroll-area-viewport]") {
   const containerRef = useRef(null);
   useEffect(() => {
@@ -492,6 +859,58 @@ function CopyButton({ text, className }) {
     /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", className: "text-xs", children: copied ? "Copied!" : "Copy" })
   ] });
 }
+function VolumeFullIcon(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "volume-full, speaker, loud, sound",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19.2478 4.75194C21.1027 6.60683 22.25 9.16933 22.25 11.9998C22.25 14.8302 21.1027 17.3927 19.2478 19.2476M15.8891 8.11132C16.8844 9.10662 17.5 10.4816 17.5 12.0004C17.5 13.5192 16.8844 14.8942 15.8891 15.8895M3.75 7.74999H5.29844C5.75258 7.74999 6.1932 7.59543 6.54783 7.31173L10.6253 4.04974C11.2801 3.52593 12.25 3.99211 12.25 4.83061V19.1694C12.25 20.0079 11.2801 20.474 10.6253 19.9502L6.54783 16.6883C6.1932 16.4045 5.75258 16.25 5.29844 16.25H3.75C2.64543 16.25 1.75 15.3546 1.75 14.25V9.74999C1.75 8.64542 2.64543 7.74999 3.75 7.74999Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function StopIcon(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "stop",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20.25 15.45V8.55C20.25 6.86984 20.25 6.02976 19.923 5.38803C19.6354 4.82354 19.1765 4.3646 18.612 4.07698C17.9702 3.75 17.1302 3.75 15.45 3.75H8.55C6.86984 3.75 6.02976 3.75 5.38803 4.07698C4.82354 4.3646 4.3646 4.82354 4.07698 5.38803C3.75 6.02976 3.75 6.86984 3.75 8.55V15.45C3.75 17.1302 3.75 17.9702 4.07698 18.612C4.3646 19.1765 4.82354 19.6354 5.38803 19.923C6.02976 20.25 6.86984 20.25 8.55 20.25H15.45C17.1302 20.25 17.9702 20.25 18.612 19.923C19.1765 19.6354 19.6354 19.1765 19.923 18.612C20.25 17.9702 20.25 17.1302 20.25 15.45Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 var SILENT = {
   available: false,
   speakingMessageId: null,
@@ -529,7 +948,7 @@ function SpeakButton({ messageId, text, className, iconClassName }) {
   ] });
 }
 
-// src/vendor/lib/language-meta.ts
+// ../chat/src/lib/language-meta.ts
 var ALIASES = {
   ts: "typescript",
   tsx: "tsx",
@@ -687,6 +1106,133 @@ function ActionSheetRow({
     }
   );
 }
+function BrainIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "brain, thinking, human, clever",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.08682 11C3.87085 10.5454 3.75 10.0368 3.75 9.50002C3.75 7.82446 4.92741 6.4239 6.5 6.08057",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.08682 11C3.87085 10.5454 3.75 10.0368 3.75 9.50002C3.75 7.82446 4.92741 6.4239 6.5 6.08057",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.08682 11C3.87085 10.5454 3.75 10.0368 3.75 9.50002C3.75 7.82446 4.92741 6.4239 6.5 6.08057",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.9132 11C20.1292 10.5454 20.25 10.0368 20.25 9.50002C20.25 7.82446 19.0726 6.4239 17.5 6.08057",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.9132 11C20.1292 10.5454 20.25 10.0368 20.25 9.50002C20.25 7.82446 19.0726 6.4239 17.5 6.08057",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.9132 11C20.1292 10.5454 20.25 10.0368 20.25 9.50002C20.25 7.82446 19.0726 6.4239 17.5 6.08057",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7 16.7282C6.61947 16.9028 6.19611 17.0002 5.75 17.0002C4.09315 17.0002 2.75 15.6571 2.75 14.0002C2.75 12.6023 3.70608 11.4278 5 11.0947",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M17 16.7282C17.3805 16.9028 17.8039 17.0002 18.25 17.0002C19.9069 17.0002 21.25 15.6571 21.25 14.0002C21.25 12.6023 20.2939 11.4278 19 11.0947",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 5.375C12 3.92525 10.8247 2.75 9.375 2.75C7.92525 2.75 6.75 3.92525 6.75 5.375C6.75 5.98861 6.96054 6.55304 7.31331 7",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 5.375C12 3.92525 13.1753 2.75 14.625 2.75C16.0747 2.75 17.25 3.92525 17.25 5.375C17.25 5.98861 17.0395 6.55304 16.6867 7",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M12 5.25V17.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 17.5C12 19.5711 10.3211 21.25 8.25 21.25C6.17893 21.25 4.5 19.5711 4.5 17.5V17",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 17.5C12 19.5711 13.6789 21.25 15.75 21.25C17.8211 21.25 19.5 19.5711 19.5 17.5V17",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 var BRAND_PATTERNS = [
   // Order is load-bearing. Anthropic-on-Vertex must beat generic Vertex.
   { match: /anthropic|claude/, icon: "logos:claude-icon", brand: "Anthropic" },
@@ -755,6 +1301,17 @@ var BRAND_PATTERNS = [
   { match: /moonshot|kimi/, icon: "hugeicons:kimi-ai", brand: "Moonshot" },
   { match: /z-ai|zhipu|(^|[\W_])glm/, icon: "@brand/zai", brand: "Z.ai" },
   { match: /openrouter/, icon: "simple-icons:openrouter", brand: "OpenRouter" },
+  // Azure (`azure`, `azure:<slug>`) is a PLATFORM: a deployment whose
+  // name or upstream model names a brand shows that brand (model pass);
+  // only an opaque deployment on a bare Azure row lands here.
+  { match: /(^|[\W_])azure([\W_:]|$)/, icon: "logos:microsoft-azure", brand: "Azure" },
+  // Netra is an OpenAI-compatible endpoint registered under the slug
+  // `netra`: matched by its provider id only, never by label text. Before
+  // the generic custom rule; a recognizable model id still wins (model pass).
+  { match: /^custom:netra$/, icon: "@brand/netra", brand: "Netra" },
+  // ElevenLabs (voice and transcription) is a provider id only, never a
+  // model id — matched exactly, like Netra.
+  { match: /^elevenlabs$/, icon: "@brand/elevenlabs", brand: "ElevenLabs" },
   // Admin-registered OpenAI-compatible endpoints (`custom:<slug>`) have no
   // brand of their own — LAST, so a recognizable model id inside a custom
   // provider (e.g. custom:acme + deepseek-v4) still wins its own glyph.
@@ -767,10 +1324,24 @@ var LOCAL_BRAND_ICONS = {
   }, viewBox: "0 0 24 24", className, children: [
     /* @__PURE__ */ jsx("title", { children: "Z.ai" }),
     /* @__PURE__ */ jsx("path", { d: "M12.105 2L9.927 4.953H.653L2.83 2h9.276zM23.254 19.048L21.078 22h-9.242l2.174-2.952h9.244zM24 2L9.264 22H0L14.736 2H24z" })
+  ] }),
+  // Simple Icons "elevenlabs" mark (CC0). currentColor, so it takes the
+  // caller's text colour in both themes. Decorative, like Netra's.
+  "@brand/elevenlabs": ({ className }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 24 24", style: { flex: "none" }, "aria-hidden": true, className, children: /* @__PURE__ */ jsx("path", { d: "M4.6035 0v24h4.9317V0zm9.8613 0v24h4.9317V0z" }) }),
+  // The mark from netraruntime.com (wordmark dropped). Fixed brand colours,
+  // like the other full-colour logos: a dark tile with a white N reads on
+  // both themes. Decorative: it always sits beside the provider's name.
+  "@brand/netra": ({ className }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", style: { flex: "none" }, "aria-hidden": true, className, children: [
+    /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: "#0A0A0A" }),
+    /* @__PURE__ */ jsx("path", { d: "M7.1 17.6V6.4L5 6.05V5H9.2L15.5 13.75V6.4L13.4 6.05V5H19V6.05L16.9 6.4V19H15.5L8.5 9.2V17.6L10.6 17.95V19H5V17.95L7.1 17.6Z", fill: "white" })
   ] })
 };
 function matchBrand(row) {
-  const model = [(row.modelId ?? "").toLowerCase(), (row.slug ?? "").toLowerCase()].join("|");
+  const model = [
+    (row.upstreamModelId ?? "").toLowerCase(),
+    (row.modelId ?? "").toLowerCase(),
+    (row.slug ?? "").toLowerCase()
+  ].join("|");
   const provider = (row.provider ?? "").toLowerCase();
   for (const hay of [model, provider]) {
     if (!hay.replace(/\|/g, "")) continue;
@@ -798,15 +1369,15 @@ function modeToBrandRow(mode) {
           A mode key is frozen when the mode is created; the model behind it can be
           changed afterwards, and several agents carry `key: 'deepseek-v4-pro'` with
           `name: 'Claude Sonnet 5'`. On the platform the stale key is harmless
-          because a real `modelId` sits ahead of it in the haystack. `/v1/chat-agents`
-          withholds `modelId` — it names the checkpoint the deployment runs — and
-          `chat-input-bar` then fills the field with the key itself, so the stale
-          key became the only signal and drew a DeepSeek glyph beside a Claude
-          label.
+          because a real `modelId` sits ahead of it in the haystack. The embedded
+          chat's agent list withholds `modelId` — it names the checkpoint the
+          deployment runs — and the composer then fills the field with the key
+          itself, so the stale key became the only signal and drew a DeepSeek glyph
+          beside a Claude label.
     
           Nothing new is disclosed: the name is already rendered next to the icon.
-          A mode named "Fast" resolves to the generic glyph, which is the honest
-          outcome — this resolver returns null rather than guessing.
+          A name that names no model ("Fast") changes nothing: the key stays in
+          the haystack as `slug`, so the brand resolves from it exactly as before.
         */
     modelId: mode.modelId && mode.modelId !== mode.key ? mode.modelId : mode.model ?? mode.name ?? mode.key,
     slug: mode.key
@@ -823,7 +1394,7 @@ function ModelIcon({
   return /* @__PURE__ */ jsx(Icon, { icon: name, className });
 }
 
-// src/vendor/ui/chat/message-text-block/utils.ts
+// ../chat/src/ui/chat/message-text-block/utils.ts
 function extractTextContent(node) {
   if (node.type === "text") return node.value ?? "";
   if (node.children)
@@ -1036,7 +1607,7 @@ function MessageActionsSheet({
   ) });
 }
 
-// src/vendor/ui/chat/message-actions/utils.ts
+// ../chat/src/ui/chat/message-actions/utils.ts
 var MESSAGE_CONTROLS_REVEAL_CLASS = "transition-opacity duration-150 [@media(hover:hover)]:pointer-events-none [@media(hover:hover)]:opacity-0 [@media(hover:hover)]:group-hover/message:pointer-events-auto [@media(hover:hover)]:group-hover/message:opacity-100 group-focus-within/message:pointer-events-auto group-focus-within/message:opacity-100";
 var CHIP_CLASS = "inline-flex items-center rounded-md border border-border bg-secondary px-1.5 py-0.5 text-xs font-medium text-muted-foreground no-underline hover:bg-accent hover:text-foreground cursor-pointer ml-0.5 whitespace-nowrap transition-colors align-baseline";
 function CitationChip({
@@ -1144,7 +1715,7 @@ function CitationChip({
   ] });
 }
 
-// src/vendor/ui/chat/history-citation/copy.ts
+// ../chat/src/ui/chat/history-citation/copy.ts
 var historyCitationCopy = {
   title: "Earlier exchange",
   description: "Retained text from this conversation.",
@@ -1247,7 +1818,34 @@ function HistoryCitation({ href, label }) {
     )
   ] });
 }
+function BubblePlusIcon(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "bubble-plus, comment, feedback",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 7.75L12 11M12 11V14.25M12 11H8.75M12 11H15.25M9.29422 18.4836L11.3593 20.2147C11.7292 20.5248 12.2679 20.5263 12.6397 20.2183L14.738 18.4799C14.9173 18.3313 15.143 18.25 15.3759 18.25H17.25C18.9069 18.25 20.25 16.9069 20.25 15.25V6.75C20.25 5.09315 18.9069 3.75 17.25 3.75H6.75C5.09315 3.75 3.75 5.09315 3.75 6.75V15.25C3.75 16.9069 5.09315 18.25 6.75 18.25H8.65182C8.88675 18.25 9.11418 18.3327 9.29422 18.4836Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 var COMPOSER_ID_MAIN = "main";
+var COMPOSER_ID_COPILOT = "copilot";
 var useComposerStore = create((set) => ({
   modes: [],
   readingHistory: false,
@@ -1655,6 +2253,75 @@ function MessageDetailsContent({ metadata }) {
     ] })
   ] });
 }
+function DotGrid1x3HorizontalIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "dot-grid-1x3-horizontal, menu, drag, grab",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M20.25 13C20.8023 13 21.25 12.5523 21.25 12C21.25 11.4477 20.8023 11 20.25 11C19.6977 11 19.25 11.4477 19.25 12C19.25 12.5523 19.6977 13 20.25 13Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3.75 13C4.30228 13 4.75 12.5523 4.75 12C4.75 11.4477 4.30228 11 3.75 11C3.19772 11 2.75 11.4477 2.75 12C2.75 12.5523 3.19772 13 3.75 13Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M20.25 13C20.8023 13 21.25 12.5523 21.25 12C21.25 11.4477 20.8023 11 20.25 11C19.6977 11 19.25 11.4477 19.25 12C19.25 12.5523 19.6977 13 20.25 13Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3.75 13C4.30228 13 4.75 12.5523 4.75 12C4.75 11.4477 4.30228 11 3.75 11C3.19772 11 2.75 11.4477 2.75 12C2.75 12.5523 3.19772 13 3.75 13Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 function MessageMoreMenu({
   text,
   onRegenerate,
@@ -1745,6 +2412,32 @@ function MessageMoreMenu({
     ] })
   ] });
 }
+function SendIcon(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "send, email, paper-plane, arrow",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12.7568 21.1941C13.0831 22.7171 15.2274 22.7951 15.6635 21.2998L20.235 5.6259C20.5666 4.48906 19.5119 3.43432 18.375 3.7659L2.70115 8.33745C1.20587 8.77357 1.28384 10.9178 2.80686 11.2442L10.0519 12.7967C10.6294 12.9204 11.0805 13.3715 11.2043 13.9491L12.7568 21.1941Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 var DOMAIN = "failure-categories";
 var failureCategoryKeys = {
   all: [DOMAIN],
@@ -2479,6 +3172,34 @@ function useUploadComputerFile(computerId) {
     }
   });
 }
+function SidebarSimpleRightWideIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "sidebar-simple-right-wide",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M15.75 5V19", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M2.75 7.75C2.75 6.09315 4.09315 4.75 5.75 4.75H18.25C19.9069 4.75 21.25 6.09315 21.25 7.75V16.25C21.25 17.9069 19.9069 19.25 18.25 19.25H5.75C4.09315 19.25 2.75 17.9069 2.75 16.25V7.75Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 var AppOpenInButton = memo(function AppOpenInButton2({
   href,
   onOpenPanel
@@ -2560,6 +3281,120 @@ function AppCard({ title, computerId, appId, onClick }) {
     }
   );
 }
+function ArrowUpRightIcon(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "arrow-up-right",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18.25 15.25V5.75M18.25 5.75H8.75M18.25 5.75L6 18",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function CheckCircle2Icon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "check-circle-2, done, confirm, save, success",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "12",
+            cy: "12",
+            r: "9.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.75 12.9231L10.5625 15.75L15.25 8.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function CircleQuestionmarkIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "circle-questionmark, faq, help, questionaire",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 16V15.99M12.25 16C12.25 16.1381 12.1381 16.25 12 16.25C11.8619 16.25 11.75 16.1381 11.75 16C11.75 15.8619 11.8619 15.75 12 15.75C12.1381 15.75 12.25 15.8619 12.25 16Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.75 9.25001C10.5 7.00001 14.25 7.19157 14.25 9.54133C14.25 11.2008 12 11.4614 12 13.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 var NEW_CHAT_EFFORT_KEY = "__new__";
 var useChatStreamStore = create((set, get) => ({
   streams: {},
@@ -2570,6 +3405,7 @@ var useChatStreamStore = create((set, get) => ({
   messageWebSearchAugment: {},
   messageFileAttachments: {},
   messageQueue: {},
+  turnOutcomes: {},
   agentMessageDelivery: {},
   thinkingEnabled: true,
   reasoningEffortBySession: {},
@@ -2592,6 +3428,17 @@ var useChatStreamStore = create((set, get) => ({
       }
     }
   ),
+  setAwaitingApprovalToolCalls: (sessionId, calls) => set((state) => {
+    const prev = state.streams[sessionId];
+    const prevCalls = prev?.awaitingApprovalToolCalls;
+    if (prevCalls ? shallowSameCalls(prevCalls, calls) : Object.keys(calls).length === 0) return {};
+    return {
+      streams: {
+        ...state.streams,
+        [sessionId]: { ...prev, status: prev?.status ?? "idle", awaitingApprovalToolCalls: calls }
+      }
+    };
+  }),
   setInflightToolCalls: (sessionId, calls) => set((state) => {
     const prev = state.streams[sessionId];
     const prevCalls = prev?.inflightToolCalls;
@@ -2712,6 +3559,7 @@ var useChatStreamStore = create((set, get) => ({
       }
     }
   }),
+  setTurnOutcome: (sessionId, outcome) => set((state) => ({ turnOutcomes: { ...state.turnOutcomes, [sessionId]: { outcome, at: Date.now() } } })),
   enqueueMessage: (sessionId, msg) => set((state) => ({
     messageQueue: {
       ...state.messageQueue,
@@ -2873,35 +3721,46 @@ function shallowEqualInput(a, b) {
   return true;
 }
 
-// src/vendor/ui/shell/new-session-prompt/utils.ts
-function stagePendingNewSessionPrompt(text, fileAttachments, modelMode, conversationId) {
+// ../chat/src/ui/shell/new-session-prompt/utils.ts
+function stagePendingNewSessionPrompt(text, fileAttachments, modelMode, conversationId, effortKey = NEW_CHAT_EFFORT_KEY, composer) {
   const store = useChatStreamStore.getState();
-  const effort = store.reasoningEffortBySession[NEW_CHAT_EFFORT_KEY];
+  const effort = store.reasoningEffortBySession[effortKey];
   store.setPendingChat({
     ...conversationId ? { conversationId } : {},
     prompt: text,
     ...{},
     ...{},
-    ...effort ? { reasoningEffort: effort } : {}
+    ...effort ? { reasoningEffort: effort } : {},
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+    ...{}
   });
-  if (effort) store.setReasoningEffort(NEW_CHAT_EFFORT_KEY, null);
+  if (effort) store.setReasoningEffort(effortKey, null);
 }
 var DOMAIN2 = "sessions";
 var sessionKeys = {
-  list: (params) => [DOMAIN2, "list", params],
+  // The active workspace is part of both list keys. It scopes the response
+  // (the server reads `x-workspace-id`, and answers a request without one by
+  // flattening across every membership) but travels as a header, so without it
+  // in the key one cache entry holds two different answers: the pre-selection
+  // list renders, then the scoped refetch silently replaces it and the sidebar
+  // visibly collapses from every workspace's history to the active one's.
+  list: (params, workspaceId) => [DOMAIN2, "list", params, workspaceId ?? null],
   // Infinite list MUST NOT share a key with `list`: react-query stores one cache
   // entry per key, and the infinite shape (`{ pages, pageParams }`) is incompatible
   // with the plain query shape (`{ data, nextCursor, counts }`). Sharing corrupts
   // whichever hook reads after the other writes — crashing the infinite reader in
   // `getNextPageParam` (`pages.length` on undefined). Keep the `[DOMAIN, 'list']`
   // prefix so existing prefix-invalidations cover both keys.
-  infiniteList: (params) => [DOMAIN2, "list", "infinite", params],
+  infiniteList: (params, workspaceId) => [DOMAIN2, "list", "infinite", params, workspaceId ?? null],
   detail: (id) => [DOMAIN2, "detail", id],
   messages: (id) => [DOMAIN2, "messages", id],
   share: (id) => [DOMAIN2, "share", id]
 };
 
-// src/vendor/lib/services/session-handoff/session-handoff-hooks.ts
+// ../chat/src/lib/services/session-handoff/session-handoff-hooks.ts
 var DOMAIN3 = "sessionHandoff";
 var sessionHandoffKeys = {
   all: [DOMAIN3],
@@ -3153,6 +4012,32 @@ function PublishedCard({ details }) {
     }
   );
 }
+function ChevronTopMediumIcon(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "chevron-top-medium",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5.75 14.5L12 8.25L18.25 14.5",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 var ArtifactOpenInButton = memo(function ArtifactOpenInButton2({
   artifactId,
   title,
@@ -3395,7 +4280,7 @@ var MessageArtifactList = memo(function MessageArtifactList2({
   ] });
 });
 
-// src/vendor/lib/csv-to-workbook.ts
+// ../platform-kit/src/lib/csv-to-workbook.ts
 var CSV_PREVIEW_MAX_ROWS = 1e3;
 function coerceNumeric(c) {
   if (typeof c === "string") {
@@ -3770,6 +4655,80 @@ var DocumentStreamCard = memo(function DocumentStreamCard2({
     }
   );
 });
+function WarningSignIcon(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "warning-sign,attention,coution",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M2.75 20.25L6.19407 6.0432C6.52028 4.69758 7.72503 3.75 9.10962 3.75H14.0715M14.0715 3.75H14.8904C16.275 3.75 17.4797 4.69758 17.8059 6.0432L21.25 20.25M14.0715 3.75C15.6906 3.75 16.8826 5.26551 16.5012 6.839L14.0985 16.75M13.25 20.25L14.0985 16.75M14.0985 16.75H4M14.0985 16.75H20",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function FloppyDisk1Icon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "floppy-disk-1, save",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3.75 6.75C3.75 5.09315 5.09315 3.75 6.75 3.75H16.0074C16.803 3.75 17.5661 4.06607 18.1287 4.62868L19.3713 5.87132C19.9339 6.43393 20.25 7.19699 20.25 7.99264V17.25C20.25 18.9069 18.9069 20.25 17.25 20.25H6.75C5.09315 20.25 3.75 18.9069 3.75 17.25V6.75Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.75 19.25V13.75C7.75 13.1977 8.19772 12.75 8.75 12.75H15.25C15.8023 12.75 16.25 13.1977 16.25 13.75V19.25C16.25 19.8023 15.8023 20.25 15.25 20.25H8.75C8.19772 20.25 7.75 19.8023 7.75 19.25Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.75 3.75V7.25C7.75 7.80228 8.19772 8.25 8.75 8.25H15.25C15.8023 8.25 16.25 7.80228 16.25 7.25V3.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 function useCreateCanvasArtifact() {
   const client = useClient();
   return useCallback(
@@ -3783,7 +4742,7 @@ function useCreateCanvasArtifact() {
   );
 }
 
-// src/vendor/lib/canvas/canvas-protocol.ts
+// ../chat/src/lib/canvas/canvas-protocol.ts
 function isCanvasRuntimeMessage(d) {
   if (!d || typeof d !== "object") return false;
   const m = d;
@@ -3801,7 +4760,7 @@ function isCanvasRuntimeMessage(d) {
   }
 }
 
-// src/vendor/lib/tokens.ts
+// ../platform-kit/src/lib/tokens.ts
 var hsl = (name) => `hsl(var(${name}))`;
 var v = (name) => `var(${name})`;
 var tokens = {
@@ -3884,7 +4843,7 @@ var tokens = {
   chart12: v("--chart-12")
 };
 
-// src/vendor/lib/canvas/resolve-canvas-tokens.ts
+// ../chat/src/lib/canvas/resolve-canvas-tokens.ts
 var TOKEN_KEYS = [
   "background",
   "foreground",
@@ -4230,7 +5189,7 @@ function CanvasCard({
   ] });
 }
 
-// src/vendor/ui/chat/follow-up-polling.ts
+// ../chat/src/ui/chat/follow-up-polling.ts
 var DEFAULT_ATTEMPTS = 10;
 var DEFAULT_INITIAL_DELAY_MS = 1e3;
 var DEFAULT_RETRY_DELAY_MS = 1e3;
@@ -4276,7 +5235,8 @@ var AssistantMessage = memo(function AssistantMessage2({
   onFeedback,
   onFeedbackDetail,
   feedbackRating,
-  timestamp
+  timestamp,
+  turnStartedAtMs
 }) {
   const client = useClient();
   const openViewer = useArtifactStore((s) => s.openViewer);
@@ -4292,6 +5252,8 @@ var AssistantMessage = memo(function AssistantMessage2({
   const followUpsEnabled = useChatCapabilityEnabled("followUps");
   const workDetailsEnabled = useChatCapabilityEnabled("workDetails");
   const richTextEnabled = useChatCapabilityEnabled("richText");
+  const webSearchImageResultsEnabled = useChatCapabilityEnabled("webSearchImageResults");
+  const workFoldEnabled = useChatCapabilityEnabled("workFold");
   const persistedFollowUps = useMemo(() => {
     const part = parts.find((p) => p.type === "follow-ups");
     return part?.suggestions ?? null;
@@ -4364,6 +5326,18 @@ var AssistantMessage = memo(function AssistantMessage2({
     metadata
   });
   const displayTimestamp = displayTimestampValue ? new Date(displayTimestampValue) : void 0;
+  const startedAtMs = useMemo(
+    () => getMessageCreatedAtMs(message) ?? turnStartedAtMs ?? null,
+    [message, turnStartedAtMs]
+  );
+  const persistedDurationMs = useMemo(() => {
+    const completedAt = metadata?.completedAt;
+    if (completedAt == null || startedAtMs == null) return null;
+    const end = new Date(completedAt).getTime();
+    if (!Number.isFinite(end)) return null;
+    const elapsed = end - startedAtMs;
+    return elapsed >= 1e3 ? elapsed : null;
+  }, [metadata, startedAtMs]);
   const followUps = persistedFollowUps ?? polledFollowUps;
   const showFollowUps = followUpsEnabled && isLastMessage && followUps && followUps.length > 0 && onFollowUpClick && status !== "streaming";
   const messageText = useMemo(
@@ -4388,6 +5362,28 @@ var AssistantMessage = memo(function AssistantMessage2({
     ),
     [processedParts]
   );
+  const hasWorkParts = useMemo(
+    () => processedParts.some((p) => p.kind !== "text"),
+    [processedParts]
+  );
+  const workSplitIndex = !workFoldEnabled || !hasWorkParts ? -1 : isStreamingMessage ? processedParts.length : lastTextIndex > 0 ? lastTextIndex : -1;
+  const canvasesWithAnswer = !isStreamingMessage && workSplitIndex !== -1;
+  const foldPartIndices = useMemo(() => {
+    const indices = /* @__PURE__ */ new Set();
+    if (workSplitIndex === -1) return indices;
+    processedParts.forEach((processed, index) => {
+      if (canvasesWithAnswer && processed.kind === "canvas") return;
+      if (index < workSplitIndex) indices.add(index);
+      else if (index > workSplitIndex && processed.kind !== "text") indices.add(index);
+    });
+    return indices;
+  }, [processedParts, workSplitIndex, canvasesWithAnswer]);
+  const hasPendingDecision = useMemo(
+    () => processedParts.some(
+      (p) => p.kind === "steps-group" && p.items.some((item) => isApprovalRequested(item.part))
+    ),
+    [processedParts]
+  );
   const allCitations = useMemo(() => {
     const citations = [];
     for (const part of processedParts) {
@@ -4401,16 +5397,17 @@ var AssistantMessage = memo(function AssistantMessage2({
   const imageResults = useMemo(() => {
     const galleryImages = [];
     const inlineImageUrls = /* @__PURE__ */ new Set();
+    const visibleImageTool = webSearchImageResultsEnabled ? void 0 : "display_image";
     for (const part of processedParts) {
       if (part.kind === "steps-group") {
-        galleryImages.push(...extractImagesFromSteps(part.items, "gallery"));
-        for (const image of extractImagesFromSteps(part.items, "inline")) {
+        galleryImages.push(...extractImagesFromSteps(part.items, "gallery", visibleImageTool));
+        for (const image of extractImagesFromSteps(part.items, "inline", visibleImageTool)) {
           inlineImageUrls.add(image.url);
         }
       }
     }
     return dedupeImageResults(galleryImages).filter((image) => !inlineImageUrls.has(image.url));
-  }, [processedParts]);
+  }, [processedParts, webSearchImageResultsEnabled]);
   const documentArtifactIds = useMemo(() => {
     const ids = /* @__PURE__ */ new Set();
     for (const part of processedParts) {
@@ -4464,6 +5461,17 @@ var AssistantMessage = memo(function AssistantMessage2({
     [processedParts]
   );
   const handoffCards = handoffParts.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: handoffParts.map((p) => /* @__PURE__ */ jsx(SessionHandoffCard, { output: getToolOutput(p.part) }, `${message.id}-handoff-${p.index}`)) }) : null;
+  const canvasCards = canvasesWithAnswer && richTextEnabled ? processedParts.map(
+    (p) => p.kind === "canvas" ? /* @__PURE__ */ jsx(
+      CanvasCard,
+      {
+        canvas: p.canvas,
+        isStreaming: isStreamingMessage,
+        conversationId
+      },
+      `${message.id}-canvas-${p.index}`
+    ) : null
+  ) : null;
   const hasTrailingCards = appParts.length > 0 || siteParts.length > 0;
   const showArtifactList = !isStreamingMessage && (messageArtifactListItems.length > 0 || hasTrailingCards);
   const latestAppId = appParts.length > 0 ? appParts[appParts.length - 1].part.appId : null;
@@ -4516,156 +5524,198 @@ var AssistantMessage = memo(function AssistantMessage2({
         {
           className: cn("gap-1 w-full max-w-none min-w-0"),
           children: [
-            richTextEnabled && /* @__PURE__ */ jsx(ImageResultsGallery, { images: imageResults, size: "compact" }),
-            processedParts.map((processed, groupIndex) => {
-              if (processed.kind === "steps-group") {
-                if (!workDetailsEnabled) {
+            richTextEnabled && (!isStreamingMessage || workSplitIndex === -1) && /* @__PURE__ */ jsx(ImageResultsGallery, { images: imageResults, size: "compact" }),
+            (() => {
+              const renderPart = (processed, groupIndex) => {
+                const insideFold = foldPartIndices.has(groupIndex);
+                if (processed.kind === "steps-group") {
+                  if (!workDetailsEnabled) {
+                    if (insideFold) return null;
+                    return /* @__PURE__ */ jsx(
+                      MessageDecisionCards,
+                      {
+                        messageId: message.id,
+                        items: processed.items,
+                        conversationId,
+                        isStreamingMessage,
+                        hasLaterStepsGroup: groupIndex < lastStepsGroupIndex
+                      },
+                      `${message.id}-dc-${groupIndex}`
+                    );
+                  }
                   return /* @__PURE__ */ jsx(
-                    MessageDecisionCards,
+                    MessageStepsGroup,
                     {
                       messageId: message.id,
                       items: processed.items,
-                      conversationId,
                       isStreamingMessage,
-                      hasLaterStepsGroup: groupIndex < lastStepsGroupIndex
+                      hasLaterStepsGroup: groupIndex < lastStepsGroupIndex,
+                      onToolApproval,
+                      conversationId,
+                      hasResponseImageGroup
                     },
-                    `${message.id}-dc-${groupIndex}`
+                    `${message.id}-sg-${groupIndex}`
                   );
                 }
-                return /* @__PURE__ */ jsx(
-                  MessageStepsGroup,
-                  {
-                    messageId: message.id,
-                    items: processed.items,
-                    isStreamingMessage,
-                    hasLaterStepsGroup: groupIndex < lastStepsGroupIndex,
-                    onToolApproval,
-                    conversationId,
-                    hasResponseImageGroup
-                  },
-                  `${message.id}-sg-${groupIndex}`
-                );
-              }
-              if (processed.kind === "plan") {
-                return null;
-              }
-              if (processed.kind === "document-stream") {
-                if (!richTextEnabled) return null;
-                return /* @__PURE__ */ jsx(
-                  DocumentStreamCard,
-                  {
-                    title: processed.document.title,
-                    content: processed.document.content,
-                    mimeType: processed.document.mimeType,
-                    state: processed.document.state,
-                    action: processed.document.action,
-                    artifactId: processed.document.artifactId,
-                    version: processed.document.version,
-                    errorText: processed.document.errorText,
-                    onOpen: processed.document.artifactId ? () => openViewer(processed.document.artifactId, processed.document.version) : void 0
-                  },
-                  `${message.id}-doc-${processed.index}`
-                );
-              }
-              if (processed.kind === "canvas") {
-                if (!richTextEnabled) return null;
-                return /* @__PURE__ */ jsx(
-                  CanvasCard,
-                  {
-                    canvas: processed.canvas,
-                    isStreaming: isStreamingMessage,
-                    conversationId
-                  },
-                  `${message.id}-canvas-${processed.index}`
-                );
-              }
-              if (processed.kind === "session-handoff") {
-                if (lastTextIndex !== -1) return null;
-                return /* @__PURE__ */ jsx(
-                  SessionHandoffCard,
-                  {
-                    output: getToolOutput(processed.part)
-                  },
-                  `${message.id}-handoff-${processed.index}`
-                );
-              }
-              if (processed.kind === "supervisor-approval") {
-                const toolState = getToolState(processed.part);
-                const input = getToolInput(processed.part);
-                const output = getToolOutput(processed.part);
-                let cardState = "waiting";
-                if (toolState === "input-streaming" || toolState === "input-available" || toolState === "partial-call" || toolState === "call") {
-                  cardState = "waiting";
-                } else if (toolState === "output-error" || toolState === "error") {
-                  cardState = "error";
-                } else if (output) {
-                  if (output.success === false) cardState = "error";
-                  else if (output.timedOut || output.status === "timed_out") cardState = "timeout";
-                  else if (output.status === "approved") cardState = "approved";
-                  else if (output.status === "rejected") cardState = "rejected";
-                  else cardState = "waiting";
+                if (processed.kind === "plan") {
+                  return null;
+                }
+                if (processed.kind === "document-stream") {
+                  if (!richTextEnabled) return null;
+                  return /* @__PURE__ */ jsx(
+                    DocumentStreamCard,
+                    {
+                      title: processed.document.title,
+                      content: processed.document.content,
+                      mimeType: processed.document.mimeType,
+                      state: processed.document.state,
+                      action: processed.document.action,
+                      artifactId: processed.document.artifactId,
+                      version: processed.document.version,
+                      errorText: processed.document.errorText,
+                      onOpen: processed.document.artifactId ? () => openViewer(processed.document.artifactId, processed.document.version) : void 0
+                    },
+                    `${message.id}-doc-${processed.index}`
+                  );
+                }
+                if (processed.kind === "canvas") {
+                  if (!richTextEnabled) return null;
+                  if (canvasesWithAnswer) return null;
+                  return /* @__PURE__ */ jsx(
+                    CanvasCard,
+                    {
+                      canvas: processed.canvas,
+                      isStreaming: isStreamingMessage,
+                      conversationId
+                    },
+                    `${message.id}-canvas-${processed.index}`
+                  );
+                }
+                if (processed.kind === "session-handoff") {
+                  if (lastTextIndex !== -1) return null;
+                  return /* @__PURE__ */ jsx(
+                    SessionHandoffCard,
+                    {
+                      output: getToolOutput(processed.part)
+                    },
+                    `${message.id}-handoff-${processed.index}`
+                  );
+                }
+                if (processed.kind === "supervisor-approval") {
+                  const toolState = getToolState(processed.part);
+                  const input = getToolInput(processed.part);
+                  const output = getToolOutput(processed.part);
+                  let cardState = "waiting";
+                  if (toolState === "input-streaming" || toolState === "input-available" || toolState === "partial-call" || toolState === "call") {
+                    cardState = "waiting";
+                  } else if (toolState === "output-error" || toolState === "error") {
+                    cardState = "error";
+                  } else if (output) {
+                    if (output.success === false) cardState = "error";
+                    else if (output.timedOut || output.status === "timed_out") cardState = "timeout";
+                    else if (output.status === "approved") cardState = "approved";
+                    else if (output.status === "rejected") cardState = "rejected";
+                    else cardState = "waiting";
+                  }
+                  const toolCallId = processed.part.toolCallId;
+                  return /* @__PURE__ */ jsx(
+                    SupervisorApprovalCard,
+                    {
+                      state: cardState,
+                      toolCallId,
+                      input,
+                      output,
+                      errorText: getToolErrorText(processed.part)
+                    },
+                    `${message.id}-sup-${processed.index}`
+                  );
+                }
+                if (processed.kind === "artifact") {
+                  return null;
+                }
+                if (processed.kind === "text") {
+                  const isLast = groupIndex === lastTextIndex;
+                  const artifactList = isLast && showArtifactList ? /* @__PURE__ */ jsx(
+                    MessageArtifactList,
+                    {
+                      items: messageArtifactListItems,
+                      extraRows: trailingCards,
+                      presentation
+                    }
+                  ) : void 0;
+                  return /* @__PURE__ */ jsx(
+                    MessageTextBlock,
+                    {
+                      messageId: message.id,
+                      partIndex: processed.index,
+                      animateArrival: presentation === "bubble" && processed.index >= animateTextFromIndex,
+                      text: processed.part.text,
+                      fullMessageText: messageText,
+                      isLastTextBlock: isLast,
+                      bubbleTopFull: bubbleRunFirst && groupIndex === firstTextIndex,
+                      bubbleBottomFull: bubbleRunLast && isLast,
+                      presentation,
+                      isStreaming: isStreamingMessage,
+                      onFork: onFork ? () => onFork(message.id) : void 0,
+                      timestamp: displayTimestamp,
+                      feedbackRating,
+                      onFeedback,
+                      onFeedbackDetail,
+                      onRegenerate: onRegenerate ? () => onRegenerate(message.id) : void 0,
+                      isLastMessage,
+                      citations: isLast ? allCitations : void 0,
+                      enriched: isLast ? enriched : void 0,
+                      metadata: isLast ? metadata : void 0,
+                      beforeToolbar: isLast ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                        canvasCards,
+                        artifactList,
+                        handoffCards,
+                        !isStreamingMessage && conversationId && /* @__PURE__ */ jsx(AgentRoutineOfferFooter, { conversationId, messageId: message.id })
+                      ] }) : artifactList
+                    },
+                    `${message.id}-txt-${processed.index}-container`
+                  );
                 }
-                const toolCallId = processed.part.toolCallId;
-                return /* @__PURE__ */ jsx(
-                  SupervisorApprovalCard,
-                  {
-                    state: cardState,
-                    toolCallId,
-                    input,
-                    output,
-                    errorText: getToolErrorText(processed.part)
-                  },
-                  `${message.id}-sup-${processed.index}`
-                );
-              }
-              if (processed.kind === "artifact") {
                 return null;
+              };
+              if (workSplitIndex === -1) {
+                return processedParts.map(renderPart);
               }
-              if (processed.kind === "text") {
-                const isLast = groupIndex === lastTextIndex;
-                const artifactList = isLast && showArtifactList ? /* @__PURE__ */ jsx(
-                  MessageArtifactList,
-                  {
-                    items: messageArtifactListItems,
-                    extraRows: trailingCards,
-                    presentation
-                  }
-                ) : void 0;
-                return /* @__PURE__ */ jsx(
-                  MessageTextBlock,
+              return /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs(
+                  MessageWorkFold,
                   {
-                    messageId: message.id,
-                    partIndex: processed.index,
-                    animateArrival: presentation === "bubble" && processed.index >= animateTextFromIndex,
-                    text: processed.part.text,
-                    fullMessageText: messageText,
-                    isLastTextBlock: isLast,
-                    bubbleTopFull: bubbleRunFirst && groupIndex === firstTextIndex,
-                    bubbleBottomFull: bubbleRunLast && isLast,
-                    presentation,
                     isStreaming: isStreamingMessage,
-                    onFork: onFork ? () => onFork(message.id) : void 0,
-                    timestamp: displayTimestamp,
-                    feedbackRating,
-                    onFeedback,
-                    onFeedbackDetail,
-                    onRegenerate: onRegenerate ? () => onRegenerate(message.id) : void 0,
-                    isLastMessage,
-                    citations: isLast ? allCitations : void 0,
-                    enriched: isLast ? enriched : void 0,
-                    metadata: isLast ? metadata : void 0,
-                    beforeToolbar: isLast ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                      artifactList,
-                      handoffCards,
-                      !isStreamingMessage && conversationId && /* @__PURE__ */ jsx(AgentRoutineOfferFooter, { conversationId, messageId: message.id })
-                    ] }) : artifactList
-                  },
-                  `${message.id}-txt-${processed.index}-container`
-                );
-              }
-              return null;
-            }),
-            lastTextIndex === -1 && showArtifactList && /* @__PURE__ */ jsx(
+                    forceOpen: hasPendingDecision,
+                    persistedDurationMs,
+                    startedAtMs,
+                    children: [
+                      richTextEnabled && isStreamingMessage ? /* @__PURE__ */ jsx(ImageResultsGallery, { images: imageResults, size: "compact", collapsible: true }) : null,
+                      processedParts.map(
+                        (processed, i) => foldPartIndices.has(i) ? renderPart(processed, i) : null
+                      )
+                    ]
+                  }
+                ),
+                processedParts.map(
+                  (processed, i) => foldPartIndices.has(i) && processed.kind === "steps-group" ? /* @__PURE__ */ jsx(
+                    MessageDecisionCards,
+                    {
+                      messageId: message.id,
+                      items: processed.items,
+                      conversationId,
+                      isStreamingMessage,
+                      hasLaterStepsGroup: i < lastStepsGroupIndex
+                    },
+                    `${message.id}-dc-hoist-${i}`
+                  ) : null
+                ),
+                processedParts.map(
+                  (processed, i) => foldPartIndices.has(i) ? null : renderPart(processed, i)
+                )
+              ] });
+            })(),
+            lastTextIndex === -1 && showArtifactList && (!isStreamingMessage || workSplitIndex === -1) && /* @__PURE__ */ jsx(
               MessageArtifactList,
               {
                 items: messageArtifactListItems,
@@ -4686,7 +5736,7 @@ var AssistantMessage = memo(function AssistantMessage2({
   );
 });
 
-// src/vendor/ui/chat/message-thread/utils.ts
+// ../chat/src/ui/chat/message-thread/utils.ts
 var PROCESSING_MESSAGES = [
   "Thinking...",
   "Pondering...",
@@ -4770,6 +5820,7 @@ function ProcessingIndicator({
   agentName: agentNameProp,
   avatarSeed,
   avatarConfig,
+  showAvatar = true,
   status,
   activity,
   phase
@@ -4791,7 +5842,7 @@ function ProcessingIndicator({
   const phrase = phase === "tool" && activity ? `${activity}${/(?:…|\.\.\.)$/.test(activity) ? "" : "\u2026"}` : generalPhase ? t(`chat.activity.${generalPhase}${agentName ? "" : "Unnamed"}`, { agent: agentName ?? "" }) : activity ?? PROCESSING_MESSAGES[phraseIndex];
   const visiblePhrase = useMinimumPhraseDuration(phrase);
   return /* @__PURE__ */ jsx(Message, { from: "assistant", className: "max-w-none", children: /* @__PURE__ */ jsx(MessageContent, { className: "w-full max-w-none min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-2 text-sm animate-in fade-in slide-in-from-bottom-1 duration-300", children: [
-    /* @__PURE__ */ jsx(
+    showAvatar && /* @__PURE__ */ jsx(
       AgentAvatar,
       {
         name: agentName,
@@ -4806,6 +5857,54 @@ function ProcessingIndicator({
     /* @__PURE__ */ jsx(Shimmer, { as: "span", children: visiblePhrase }, visiblePhrase)
   ] }) }) });
 }
+function LayoutLeftRightIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "layout-left-right, margin, padding",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.75 6.75C7.75 5.09315 9.09315 3.75 10.75 3.75L13.25 3.75C14.9069 3.75 16.25 5.09315 16.25 6.75L16.25 17.25C16.25 18.9069 14.9069 20.25 13.25 20.25H10.75C9.09315 20.25 7.75 18.9069 7.75 17.25L7.75 6.75Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M20.25 3.75V20.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3.75 3.75V20.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 function ActionButton({
   onClick,
   title,
@@ -4907,7 +6006,7 @@ function InlineEdit({ initialText, onSubmit, onCancel }) {
   ] });
 }
 
-// src/vendor/ui/stores/pending-files.ts
+// ../chat/src/ui/stores/pending-files.ts
 var pendingFiles = /* @__PURE__ */ new Map();
 function setPendingFiles(text, files) {
   pendingFiles.set(text, files);
@@ -4954,8 +6053,15 @@ function useUploadFile() {
     }
   };
 }
+function dynamic(load, options = {}) {
+  const Lazy = lazy(load);
+  const fallback = options.loading?.() ?? null;
+  return function DynamicComponent(props) {
+    return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(Lazy, { ...props }) });
+  };
+}
 var PdfCoverThumbnailInner = dynamic(
-  () => import('./pdf-cover-thumbnail-inner-4N2Q5AAG.js'),
+  () => import('./pdf-cover-thumbnail-inner-B2P6S25B.js'),
   { ssr: false, loading: () => null }
 );
 function PdfCoverThumbnail({
@@ -5042,7 +6148,7 @@ function previewKind(ref) {
   if (/\.(jpe?g|png|gif|webp|bmp|svg|avif|heic|heif)$/i.test(ref.filename)) return "image";
   return "link";
 }
-var Pdf = dynamic(() => import('./pdf-viewer-inner-GPES3KG2.js'), {
+var Pdf = dynamic(() => import('./pdf-viewer-inner-CXWPRACH.js'), {
   ssr: false,
   loading: () => /* @__PURE__ */ jsx("div", { className: "p-6 text-sm text-muted-foreground", children: "Loading preview\u2026" })
 });
@@ -5378,6 +6484,88 @@ function useBackDismiss({
     };
   }, [active]);
 }
+function TextSelectIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "text-select, lollipops",
+      width: "24px",
+      height: "24px",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.25 7.25V15.75C4.25 17.4069 5.59315 18.75 7.25 18.75H13.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.75 16.75V8.25C19.75 6.59315 18.4069 5.25 16.75 5.25H10.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "4.25",
+            cy: "5",
+            r: "2.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "19.75",
+            cy: "19",
+            r: "2.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.25 10.25H14.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.25 13.75H12.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 function UserMessageActionsSheet({
   open,
   onOpenChange,
@@ -5906,4 +7094,4 @@ function Thinking({
   ) });
 }
 
-export { COMPOSER_ID_MAIN, CSV_PREVIEW_MAX_ROWS, CanvasWidget, CopyButton, Message2 as Message, ModelIcon, PdfViewer, Spinner, Thinking, brandLabel, csvTextToWorkbookJson, isPlainTextLanguage, modeToBrandRow, setPendingFiles, useBackDismiss, useChatStreamStore, useComposerStore, useComputer, useComputerFiles, useContextWindowInfo, useIsCompacting, useLivePreviewUrl, useQueuedMessages, useUploadComputerFile, useUploadFile };
+export { ArrowRotateClockwiseIcon, COMPOSER_ID_COPILOT, COMPOSER_ID_MAIN, CSV_PREVIEW_MAX_ROWS, CanvasWidget, CopyButton, Message2 as Message, ModelIcon, PdfViewer, Spinner, Thinking, VolumeFullIcon, WarningSignIcon, brandLabel, csvTextToWorkbookJson, dynamic, isPlainTextLanguage, modeToBrandRow, setPendingFiles, useBackDismiss, useChatStreamStore, useComposerStore, useComputer, useComputerFiles, useContextWindowInfo, useIsCompacting, useLivePreviewUrl, useQueuedMessages, useUploadComputerFile, useUploadFile };