@frontera-sdk/chat-ui 1.50.80 → 1.50.82

package/dist/chat.js

@@ -1,21 +1,21 @@
 'use client';
 import { offset, flip, autoUpdate, computePosition } from './chunk-I7SXWUAN.js';
 import { isFullscreenHotkey, DeckNotesCard, deckOwnsArrowKeys } from './chunk-4FRTPVJT.js';
-import { ArtifactSkeleton, resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb } from './chunk-EXPHCRFP.js';
-import { NewSessionPrompt, keepCaretOnTap } from './chunk-5B25DNOG.js';
+import { ArtifactSkeleton, resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb } from './chunk-ZA7CTXPL.js';
+import { NewSessionPrompt, keepCaretOnTap } from './chunk-KJ33HNY4.js';
 import { PendingCards } from './chunk-UZ6RDWCT.js';
 import { themeToStyle } from './chunk-6HYPVNVA.js';
 import { useChatAgents } from './chunk-FLOAEPRU.js';
 import { subjectOfChatToken, capabilitiesOfChatToken } from './chunk-CCVPZVFK.js';
 import { useChatCredential } from './chunk-37G6MHWS.js';
 import './chunk-WDYCLC4F.js';
-import { chatSidePanelSessionKey, Chart1Icon, useTemplatePreviewStore, useHasTemplatePreviewHost, useChatSidePanelStore, ChatHeader, ChatHeaderActions, useRightPane, getChatOverviewAgentStatus, useChatOverviewVisible, useConversationArtifacts, PENDING_CHART_TAB_PREFIX, CHART_TAB_PREFIX, AGENT_WORK_TAB_ID, AGENT_ROUTINES_TAB_ID, SOURCES_TAB_ID, TEMPLATE_TAB_ID, OutputsSection, ChainLink1Icon, ChatOverviewContent, COMPUTER_TAB_PREFIX, SourceRow, motion, MAX_CHAT_SIDE_PANEL_SESSIONS, DEFAULT_CHAT_SIDE_PANEL_SIZE, TableIcon } from './chunk-LOBDKA2D.js';
+import { chatSidePanelSessionKey, Chart1Icon, useTemplatePreviewStore, useHasTemplatePreviewHost, useChatSidePanelStore, ChatHeader, ChatHeaderActions, useRightPane, getChatOverviewAgentStatus, useChatOverviewVisible, useConversationArtifacts, PENDING_CHART_TAB_PREFIX, CHART_TAB_PREFIX, AGENT_WORK_TAB_ID, AGENT_ROUTINES_TAB_ID, SOURCES_TAB_ID, TEMPLATE_TAB_ID, OutputsSection, ChainLink1Icon, ChatOverviewContent, COMPUTER_TAB_PREFIX, SourceRow, motion, MAX_CHAT_SIDE_PANEL_SESSIONS, DEFAULT_CHAT_SIDE_PANEL_SIZE, TableIcon } from './chunk-MQDBY5CA.js';
 import './chunk-X3QVICX7.js';
-import { dynamic, useChatStreamStore, useComposerStore, Message, Thinking, setPendingFiles, useLivePreviewUrl, ArrowRotateClockwiseIcon, useComputerFiles, useUploadComputerFile, CanvasWidget, isPlainTextLanguage, useUploadFile, COMPOSER_ID_MAIN, useContextWindowInfo, useIsCompacting, useQueuedMessages, VolumeFullIcon, WarningSignIcon, useComputer, csvTextToWorkbookJson, CSV_PREVIEW_MAX_ROWS, CopyButton, COMPOSER_ID_COPILOT, ModelIcon, modeToBrandRow, useBackDismiss, PdfViewer, brandLabel, Spinner } from './chunk-C2TZSGKK.js';
-import { Textarea, artifactFormatIcon, BookIcon, useAgentRoster, ShieldCheckIcon, useArtifactStore, useCanvasStore, useChatOverviewStore, setSdkConversationPath, setSdkDarkMode, AgentsProvider, PluginProvider, WorkspaceProvider, TooltipProvider, isToolPart, getToolState, getToolName, getToolInput, sourceKind, extractDomain, CitationViewerContext, MarkdownRenderer, ConnectRunnerContext, usePathname, usePaneFocusStore, useAgentPanelStore, Tooltip, TooltipTrigger, TooltipContent, StudioDisplayIcon, WorldIcon, SlidesWideIcon, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, ArrowsShowIcon, useKeyboardInset, ExclamationCircleIcon, getToolOutput, useArtifact, useUpdateArtifact, useArtifactFileObjectUrl, resolveArtifactIconFormat, useSourcesEnrichment, LoaderIcon, FileDownloadIcon, Label, Input, renderPluginBlock, useArtifactVersion, useChatCapabilities, useChatOptInEnabled, useSessionPendingApprovals, tableToCsv, tableToXlsx, tableToMarkdown, DropdownMenu, DropdownMenuTrigger, StyledDropdownMenuContent, StyledDropdownMenuItem, useArtifactVersions, useClient, unwrapData, authFetch, getBearerHeadersForApi, EyeOpenIcon, EyeSlashIcon, useRestoreArtifactVersion, ZoomableImage, ChatImageLightbox, useDownloadArtifact, useArtifactFileBytes, useArtifactPreviewFileObjectUrl, useArtifactVersionPreviewFileObjectUrl, SpreadsheetIcon, FilePdfIcon, useOptionalWorkspaceContext, useAgentConnectionStatus, useArtifacts, useConversationDesktopStatus, isRequestHumanTool, appsKeys, useSession, useWorkspaceContext, errorText, unwrapDataDeep, useRouter, Images1Icon, ArrowUpIcon, VideoIcon, AudioIcon, useBrand, resolveBearerHeaders, subscribeSdkDarkMode, getSdkDarkMode, unwrap, useConnectRunner, useStartUserConnect, useUpsertGrant, useRevokeGrant, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, LayoutGrid1Icon, useCatalog, useInstalls, useWorkspaceSlug, buildTenantUrlAbsolute } from './chunk-EFFOOCIK.js';
+import { dynamic, useChatStreamStore, useComposerStore, Message, Thinking, setPendingFiles, useLivePreviewUrl, ArrowRotateClockwiseIcon, useComputerFiles, useUploadComputerFile, CanvasWidget, isPlainTextLanguage, useUploadFile, COMPOSER_ID_MAIN, useContextWindowInfo, useIsCompacting, useQueuedMessages, VolumeFullIcon, WarningSignIcon, useComputer, csvTextToWorkbookJson, CSV_PREVIEW_MAX_ROWS, CopyButton, COMPOSER_ID_COPILOT, ModelIcon, modeToBrandRow, useBackDismiss, PdfViewer, brandLabel, Spinner } from './chunk-SSQ3SIWH.js';
+import { Textarea, artifactFormatIcon, BookIcon, useAgentRoster, ShieldCheckIcon, useArtifactStore, useCanvasStore, useChatOverviewStore, setSdkConversationPath, setSdkDarkMode, AgentsProvider, PluginProvider, WorkspaceProvider, TooltipProvider, isToolPart, getToolState, getToolName, getToolInput, sourceKind, extractDomain, CitationViewerContext, MarkdownRenderer, ConnectRunnerContext, usePathname, usePaneFocusStore, useAgentPanelStore, Tooltip, TooltipTrigger, TooltipContent, StudioDisplayIcon, WorldIcon, SlidesWideIcon, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, ArrowsShowIcon, useKeyboardInset, ExclamationCircleIcon, getToolOutput, useArtifact, useUpdateArtifact, useArtifactFileObjectUrl, resolveArtifactIconFormat, useSourcesEnrichment, LoaderIcon, FileDownloadIcon, Label, Input, renderPluginBlock, useArtifactVersion, useChatCapabilities, useChatOptInEnabled, useSessionPendingApprovals, tableToCsv, tableToXlsx, tableToMarkdown, DropdownMenu, DropdownMenuTrigger, StyledDropdownMenuContent, StyledDropdownMenuItem, useArtifactVersions, useClient, unwrapData, authFetch, getBearerHeadersForApi, EyeOpenIcon, EyeSlashIcon, useRestoreArtifactVersion, ZoomableImage, ChatImageLightbox, useDownloadArtifact, useArtifactFileBytes, useArtifactPreviewFileObjectUrl, useArtifactVersionPreviewFileObjectUrl, SpreadsheetIcon, FilePdfIcon, useOptionalWorkspaceContext, useAgentConnectionStatus, useArtifacts, useConversationDesktopStatus, isRequestHumanTool, appsKeys, useSession, useWorkspaceContext, errorText, unwrapDataDeep, useRouter, Images1Icon, ArrowUpIcon, VideoIcon, AudioIcon, useBrand, resolveBearerHeaders, subscribeSdkDarkMode, getSdkDarkMode, unwrap, useConnectRunner, useStartUserConnect, useUpsertGrant, useRevokeGrant, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, LayoutGrid1Icon, useCatalog, useInstalls, useWorkspaceSlug, buildTenantUrlAbsolute } from './chunk-M65T2M4P.js';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
 import { Popover, PopoverTrigger, PopoverContent, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-T5SANYSX.js';
-import { MOBILE_BREAKPOINT, useIsMobile, I18nProvider, useTranslation } from './chunk-7AT2LRVW.js';
+import { MOBILE_BREAKPOINT, useIsMobile, I18nProvider, useTranslation } from './chunk-T4RG6NMW.js';
 import './chunk-QBV7MAFV.js';
 import { AppIcon, frontera_icon_default, PhotoIcon, Folder1Icon, FileTextIcon, describeToolRow, SquareArrowTopRightIcon, ClipboardIcon, getToolMeta, useStreamdownPlugins, AppIconFrame, MessageResponse } from './chunk-PKNEC4LJ.js';
 import { Skeleton, Button, ScrollArea, ChevronDownMediumIcon, buttonVariants } from './chunk-UWKO24VT.js';
@@ -42449,7 +42449,7 @@ function SheetEditor({ content, onSave, readOnly = false }) {
   );
 }
 var PdfDocumentViewInner = dynamic(
-  () => import('./pdf-document-view-inner-AJEP5IJC.js'),
+  () => import('./pdf-document-view-inner-T3OS2MHL.js'),
   {
     ssr: false,
     loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "pdf" })
@@ -43266,7 +43266,7 @@ function HtmlDeckView({ content, inChat = false, versionSlot }) {
     !present && inChat && /* @__PURE__ */ jsx(DeckEditPanel, { currentIndex: sel, currentHtml: slides[sel]?.html ?? "" })
   ] });
 }
-var Inner = dynamic(() => import('./pdf-deck-view-inner-KW6RIALH.js'), {
+var Inner = dynamic(() => import('./pdf-deck-view-inner-QBQHKZKH.js'), {
   ssr: false,
   loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "htmldeck" })
 });
@@ -55171,6 +55171,7 @@ var configKeys = {
   brand: () => [DOMAIN3, "brand"],
   imageModel: () => [DOMAIN3, "imageModel"],
   voiceSpeed: () => [DOMAIN3, "voiceSpeed"],
+  voiceUsage: () => [DOMAIN3, "voiceUsage"],
   providerStatus: () => [DOMAIN3, "providerStatus"],
   customProviders: () => [DOMAIN3, "customProviders"],
   providerModels: (provider) => [DOMAIN3, "providerModels", provider],
@@ -57228,6 +57229,49 @@ function ComposerRailTrigger({
     }
   );
 }
+function SparklesThreeIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      role: "img",
+      "aria-label": "sparkles-three, ai 3 stars, sparkles, \u2728",
+      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 5.5C6 5.22386 5.77614 5 5.5 5C5.22386 5 5 5.22386 5 5.5C5 6.48063 4.78279 7.0726 4.4277 7.4277C4.0726 7.78279 3.48063 8 2.5 8C2.22386 8 2 8.22386 2 8.5C2 8.77614 2.22386 9 2.5 9C3.48063 9 4.0726 9.21721 4.4277 9.5723C4.78279 9.9274 5 10.5194 5 11.5C5 11.7761 5.22386 12 5.5 12C5.77614 12 6 11.7761 6 11.5C6 10.5194 6.21721 9.9274 6.5723 9.5723C6.9274 9.21721 7.51937 9 8.5 9C8.77614 9 9 8.77614 9 8.5C9 8.22386 8.77614 8 8.5 8C7.51937 8 6.9274 7.78279 6.5723 7.4277C6.21721 7.0726 6 6.48063 6 5.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M11 1.5C11 1.22386 10.7761 1 10.5 1C10.2239 1 10 1.22386 10 1.5C10 2.13341 9.85918 2.47538 9.66728 2.66728C9.47538 2.85918 9.13341 3 8.5 3C8.22386 3 8 3.22386 8 3.5C8 3.77614 8.22386 4 8.5 4C9.13341 4 9.47538 4.14082 9.66728 4.33272C9.85918 4.52462 10 4.86659 10 5.5C10 5.77614 10.2239 6 10.5 6C10.7761 6 11 5.77614 11 5.5C11 4.86659 11.1408 4.52462 11.3327 4.33272C11.5246 4.14082 11.8666 4 12.5 4C12.7761 4 13 3.77614 13 3.5C13 3.22386 12.7761 3 12.5 3C11.8666 3 11.5246 2.85918 11.3327 2.66728C11.1408 2.47538 11 2.13341 11 1.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M21 15C15.4444 15 13 17.4444 13 23C13 17.4444 10.5556 15 5 15C10.5556 15 13 12.5556 13 7C13 12.5556 15.4444 15 21 15Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
 var DURATION_MS = 200;
 var easeOutCubic = (t2) => 1 - (1 - t2) ** 3;
 var snap = (px) => {
@@ -57288,6 +57332,7 @@ var EFFORT_ORDER = [
   "xhigh",
   "max"
 ];
+var AUTOMATIC_MODE = "$automatic";
 var EFFORT_LABELS = {
   minimal: "Minimal",
   low: "Light",
@@ -57495,6 +57540,7 @@ function ModelSelectorEffortPanel({
   canChooseModel,
   showReset,
   defaultSummary,
+  resetLabel,
   onOpenModels,
   onSelectEffort,
   onReset
@@ -57523,7 +57569,7 @@ function ModelSelectorEffortPanel({
         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "inline-flex size-7 shrink-0", children: /* @__PURE__ */ jsx(
           DropdownMenuItem,
           {
-            "aria-label": "Reset to default",
+            "aria-label": resetLabel,
             "aria-description": showReset ? `Returns to ${defaultSummary}` : `Already using ${defaultSummary}`,
             disabled: !showReset,
             onSelect: (event) => event.preventDefault(),
@@ -57533,7 +57579,7 @@ function ModelSelectorEffortPanel({
           }
         ) }) }),
         /* @__PURE__ */ jsxs(TooltipContent, { side: "top", sideOffset: 6, className: "flex flex-col gap-0.5 px-2 py-1.5 text-xs", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium", children: showReset ? "Reset to default" : "Using the default" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: showReset ? resetLabel : "Using the default" }),
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: defaultSummary })
         ] })
       ] }) })
@@ -57556,7 +57602,8 @@ function ModelSelectorModelList({
   xaiConnect,
   xaiSubscriptionConnected = false,
   eligibleSubscriptionModels,
-  onSelectMode
+  onSelectMode,
+  onSelectAutomatic
 }) {
   const { cloudModes, chatgptModes, grokModes } = partitionModelModes(
     modes,
@@ -57566,6 +57613,20 @@ function ModelSelectorModelList({
   const visibleModes = [...cloudModes, ...chatgptModes, ...grokModes];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "px-2.5 pt-1.5 pb-1 text-xs font-medium text-muted-foreground", children: "Select model" }),
+    onSelectAutomatic ? /* @__PURE__ */ jsxs(
+      DropdownMenuItem,
+      {
+        onClick: onSelectAutomatic,
+        className: "justify-between gap-3 rounded-md px-2.5 py-1.5 text-sm",
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+            /* @__PURE__ */ jsx(SparklesThreeIcon, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: "Auto" })
+          ] }),
+          selectedModeKey === AUTOMATIC_MODE ? /* @__PURE__ */ jsx(Checkmark1Icon, { className: "size-4 shrink-0 text-foreground!" }) : null
+        ]
+      }
+    ) : null,
     visibleModes.map((mode, index) => {
       const chatgptHeading = index === cloudModes.length && chatgptModes.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
         cloudModes.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "my-1" }),
@@ -57663,12 +57724,14 @@ function ModelSelectorMenu({
   showEffort,
   showReset,
   defaultSummary,
+  resetLabel,
   codexConnect,
   chatGptSubscriptionConnected = false,
   xaiConnect,
   xaiSubscriptionConnected = false,
   eligibleSubscriptionModels,
   onSelectMode,
+  onSelectAutomatic,
   onSelectEffort,
   onReset,
   view,
@@ -57749,7 +57812,8 @@ function ModelSelectorMenu({
                       xaiConnect,
                       xaiSubscriptionConnected,
                       eligibleSubscriptionModels,
-                      onSelectMode: handleSelectMode
+                      onSelectMode: handleSelectMode,
+                      onSelectAutomatic
                     }
                   ) : /* @__PURE__ */ jsx("div", { className: "px-2.5 py-2 text-sm", children: displayMode ? getDisplayName(displayMode) : modelLabel }) : /* @__PURE__ */ jsx(
                     ModelSelectorEffortPanel,
@@ -57761,6 +57825,7 @@ function ModelSelectorMenu({
                       canChooseModel: showModelSelector,
                       showReset,
                       defaultSummary,
+                      resetLabel,
                       onOpenModels: () => swapTo("models"),
                       onSelectEffort,
                       onReset: () => {
@@ -57777,7 +57842,7 @@ function ModelSelectorMenu({
                         onClick: () => onReset(),
                         className: "justify-between gap-2 rounded-md px-2.5 py-2 text-sm",
                         children: [
-                          /* @__PURE__ */ jsx("span", { children: "Reset to default" }),
+                          /* @__PURE__ */ jsx("span", { children: resetLabel }),
                           /* @__PURE__ */ jsx(ArrowRotateClockwiseIcon, { className: "size-4 shrink-0 text-muted-foreground" })
                         ]
                       }
@@ -57809,8 +57874,10 @@ function ModelSelectorSheet({
   xaiSubscriptionConnected = false,
   eligibleSubscriptionModels,
   onSelectMode,
+  onSelectAutomatic,
   onSelectEffort,
-  onReset
+  onReset,
+  resetLabel
 }) {
   const { cloudModes, chatgptModes, grokModes } = partitionModelModes(
     modes,
@@ -57821,6 +57888,22 @@ function ModelSelectorSheet({
   return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(SheetContent, { side: "bottom", className: "gap-0 p-0", "aria-describedby": void 0, children: [
     /* @__PURE__ */ jsx(SheetHeader, { className: "shrink-0 gap-1 px-4 pt-3 pb-3", children: /* @__PURE__ */ jsx(SheetTitle, { children: "Model" }) }),
     /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto scrollbar p-2", children: [
+      showModelSelector && onSelectAutomatic && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onSelectAutomatic,
+          "aria-pressed": selectedModeKey === AUTOMATIC_MODE,
+          className: "flex min-h-11 w-full items-center justify-between gap-3 rounded-lg px-3 py-2 text-left transition-colors hover:bg-accent",
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2.5", children: [
+              /* @__PURE__ */ jsx(SparklesThreeIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", children: "Auto" })
+            ] }),
+            selectedModeKey === AUTOMATIC_MODE ? /* @__PURE__ */ jsx(Checkmark1Icon, { className: "size-4 shrink-0 text-foreground" }) : null
+          ]
+        }
+      ),
       showModelSelector && visibleModes.map((mode, index) => {
         const connection = mode.provider === "codex" ? codexConnect : mode.provider === "xai" ? xaiConnect : void 0;
         const checking = mode.provider === "openai-codex" && chatGptSubscriptionConnected && eligibleSubscriptionModels === void 0;
@@ -57907,7 +57990,7 @@ function ModelSelectorSheet({
           onClick: onReset,
           className: "flex min-h-11 w-full items-center justify-between gap-3 rounded-lg px-3 py-2 text-left text-sm transition-colors hover:bg-accent",
           children: [
-            /* @__PURE__ */ jsx("span", { children: "Reset to default" }),
+            /* @__PURE__ */ jsx("span", { children: resetLabel }),
             /* @__PURE__ */ jsx(ArrowRotateClockwiseIcon, { className: "size-4 shrink-0 text-muted-foreground" })
           ]
         }
@@ -57923,6 +58006,8 @@ function ModelSelector({
   disabled,
   sessionKey,
   defaultMode,
+  automatic = false,
+  pending = false,
   variant = "default",
   codexConnect,
   chatGptSubscriptionConnected = false,
@@ -57959,7 +58044,9 @@ function ModelSelector({
   const triggerRef = useRef(null);
   const [openWidth, setOpenWidth] = useState();
   const isMobile = useIsMobile();
-  const current = modeMap.get(currentMode) ?? visibleModes[0];
+  const onAutomatic = automatic && currentMode === AUTOMATIC_MODE;
+  const waiting = pending && !automatic && currentMode === AUTOMATIC_MODE;
+  const current = onAutomatic || waiting ? void 0 : modeMap.get(currentMode) ?? visibleModes[0];
   const effortOptions = getModeEffortOptions(current);
   const defaultEffort = current?.reasoning?.defaultEffort ?? effortOptions[0];
   const activeEffort = reasoningEffort ?? defaultEffort;
@@ -57975,16 +58062,17 @@ function ModelSelector({
   if (!showModelSelector && !showEffort) return null;
   const isRail = variant === "rail";
   const effortLabel = showEffort && activeEffort ? EFFORT_LABELS[activeEffort] ?? activeEffort : null;
-  const modelLabel = current ? getShortDisplayName(current) : currentMode;
+  const modelLabel = onAutomatic ? "Auto" : waiting ? "Model" : current ? getShortDisplayName(current) : currentMode;
   const defaultModeEntry = (defaultMode ? modeMap.get(defaultMode) : void 0) ?? visibleModes[0];
   const selectedModeKey = current?.key ?? currentMode;
-  const isDefaultModel = !showModelSelector || selectedModeKey === defaultModeEntry?.key;
+  const isDefaultModel = !showModelSelector || selectedModeKey === (automatic ? AUTOMATIC_MODE : defaultModeEntry?.key);
   const isDefaultEffort = !showEffort || reasoningEffort == null || reasoningEffort === defaultEffort;
   const showReset = !isDefaultModel || !isDefaultEffort;
   const resetModel = showModelSelector ? defaultModeEntry : current;
   const resetEfforts = getModeEffortOptions(resetModel);
   const resetEffort = resetEfforts.length > 0 ? resetModel?.reasoning?.defaultEffort ?? resetEfforts[0] : void 0;
-  const defaultSummary = [
+  const resetLabel = automatic ? "Return to Auto" : "Reset to default";
+  const defaultSummary = automatic ? "Auto" : [
     resetModel ? getDisplayName(resetModel) : void 0,
     resetEffort ? EFFORT_LABELS[resetEffort] ?? resetEffort : void 0
   ].filter(Boolean).join(" \xB7 ");
@@ -58020,7 +58108,19 @@ function ModelSelector({
     applyEffort(effort);
     setOpen(false);
   };
+  const handleSelectAutomatic = () => {
+    if (!onAutomatic) {
+      setReasoningEffort(sessionKey, null);
+      onEffortChange?.(null);
+      onModeChange(AUTOMATIC_MODE);
+    }
+    setOpen(false);
+  };
   const handleReset = ({ keepOpen = false } = {}) => {
+    if (automatic) {
+      handleSelectAutomatic();
+      return;
+    }
     if (showEffort) {
       setReasoningEffort(sessionKey, null);
       onEffortChange?.(null);
@@ -58037,24 +58137,24 @@ function ModelSelector({
   const showsOpenModel = open && choosingModel && current !== void 0;
   const centerLabel = open && !showsOpenModel;
   const triggerLabel = open ? showsOpenModel && current ? /* @__PURE__ */ jsx("span", { className: cn(getStyleTextClass(current.style), "truncate"), children: getBrandlessDisplayName(current) }) : /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: choosingModel ? "Select model" : "Select effort" }) : /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center gap-1.5", condensed && "flex min-w-0"), children: [
-    showModelSelector ? /* @__PURE__ */ jsx("span", { className: cn(getStyleTextClass(current?.style), condensed && "truncate"), children: current ? getBrandlessDisplayName(current) : currentMode }) : null,
+    showModelSelector ? /* @__PURE__ */ jsx("span", { className: cn(getStyleTextClass(current?.style), condensed && "truncate"), children: current ? getBrandlessDisplayName(current) : modelLabel }) : null,
     effortLabel ? /* @__PURE__ */ jsx("span", { className: cn(showModelSelector && "text-muted-foreground", condensed && "shrink-0"), children: effortLabel }) : null
   ] });
-  const ariaLabel = !showModelSelector ? `Reasoning effort ${effortLabel}` : effortLabel ? `Model ${modelLabel}, effort ${effortLabel}` : `Model ${modelLabel}`;
+  const ariaLabel = waiting ? "Model, loading" : !showModelSelector ? `Reasoning effort ${effortLabel}` : effortLabel ? `Model ${modelLabel}, effort ${effortLabel}` : `Model ${modelLabel}`;
   const contextAriaLabel = context ? context.compacting ? `${ariaLabel}, compacting context` : `${ariaLabel}, context ${Math.round(context.percent)}% used` : ariaLabel;
   const showTriggerIcon = open ? showsOpenModel : showModelSelector || Boolean(context);
-  const triggerIcon = current && showTriggerIcon ? /* @__PURE__ */ jsx(
+  const triggerIcon = !showTriggerIcon ? null : current ? /* @__PURE__ */ jsx(
     ModelIcon,
     {
       row: modeToBrandRow(current),
       className: "size-3! shrink-0 text-muted-foreground"
     }
-  ) : null;
+  ) : onAutomatic ? /* @__PURE__ */ jsx(SparklesThreeIcon, { className: "size-3! shrink-0 text-muted-foreground" }) : null;
   const renderTrigger = (extra) => isRail ? /* @__PURE__ */ jsx(
     ComposerRailTrigger,
     {
       ref: triggerRef,
-      disabled,
+      disabled: disabled || waiting,
       className: cn(condensed && "min-w-0 shrink", open && OPEN_TRIGGER_CLASS),
       style: open && openWidth ? { width: openWidth } : void 0,
       labelClassName: centerLabel ? "flex-1 text-center" : void 0,
@@ -58067,7 +58167,7 @@ function ModelSelector({
     Button,
     {
       type: "button",
-      disabled,
+      disabled: disabled || waiting,
       variant: "ghost",
       size: "sm",
       ref: triggerRef,
@@ -58104,8 +58204,10 @@ function ModelSelector({
           xaiSubscriptionConnected,
           eligibleSubscriptionModels,
           onSelectMode: handleSelectMode,
+          onSelectAutomatic: automatic ? handleSelectAutomatic : void 0,
           onSelectEffort: handleSelectEffort,
-          onReset: () => handleReset()
+          onReset: () => handleReset(),
+          resetLabel
         }
       )
     ] });
@@ -58126,12 +58228,14 @@ function ModelSelector({
         showEffort,
         showReset,
         defaultSummary,
+        resetLabel,
         codexConnect,
         chatGptSubscriptionConnected,
         xaiConnect,
         xaiSubscriptionConnected,
         eligibleSubscriptionModels,
         onSelectMode: handleSelectMode,
+        onSelectAutomatic: automatic ? handleSelectAutomatic : void 0,
         onSelectEffort: applyEffort,
         onReset: handleReset,
         view: menuView,
@@ -61683,6 +61787,8 @@ function ChatInputBar({
   modes,
   modelMode = "standard",
   defaultMode,
+  automaticRouting = false,
+  modelChoicePending = false,
   onModelModeChange,
   approvalMode = "auto",
   onApprovalModeChange,
@@ -62041,6 +62147,8 @@ function ChatInputBar({
         disabled: isDisabled,
         sessionKey,
         defaultMode,
+        automatic: automaticRouting,
+        pending: modelChoicePending,
         variant: "rail",
         codexConnect: hasCodexMode ? {
           connected: codexConnected,
@@ -63111,6 +63219,8 @@ function ChatInput({
   modes,
   modelMode,
   defaultMode,
+  automaticRouting,
+  modelChoicePending,
   onModelModeChange,
   approvalMode,
   onApprovalModeChange,
@@ -63170,6 +63280,8 @@ function ChatInput({
               modes,
               modelMode,
               defaultMode,
+              automaticRouting,
+              modelChoicePending,
               onModelModeChange,
               approvalMode,
               onApprovalModeChange,

package/dist/{chunk-5B25DNOG.js → chunk-KJ33HNY4.js}

@@ -1,7 +1,7 @@
 'use client';
 import { MagnifyingGlassIcon } from './chunk-X3QVICX7.js';
 import { Sheet, SheetContent, SheetHeader, SheetTitle, Popover, PopoverTrigger, PopoverContent } from './chunk-T5SANYSX.js';
-import { useIsMobile, useTranslation } from './chunk-7AT2LRVW.js';
+import { useIsMobile, useTranslation } from './chunk-T4RG6NMW.js';
 import { CrossMediumIcon } from './chunk-2P4IEVOQ.js';
 import { AgentAvatar } from './chunk-PUMRNN3R.js';
 import { cn, Checkmark1Icon } from './chunk-LGVMMBL3.js';

package/dist/{chunk-EFFOOCIK.js → chunk-M65T2M4P.js}

@@ -1,7 +1,7 @@
 'use client';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from './chunk-T5SANYSX.js';
-import { useIsMobile, useTranslation } from './chunk-7AT2LRVW.js';
+import { useIsMobile, useTranslation } from './chunk-T4RG6NMW.js';
 import { ToolCallItem, ProcessorIcon } from './chunk-QBV7MAFV.js';
 import { toolKindVerb, getToolMeta, Shimmer, Collapse, ToolGroupReasoningItem, SkillToolItem, DeviceDesktopIcon, WorldSearchIcon, FileTextIcon, useStreamdownPlugins, CircleXIcon, STREAMDOWN_LINK_SAFETY, Folder1Icon, AppIconFrame, AppIcon, Collapsible, CollapsibleTrigger, CollapsibleContent, SquareArrowTopRightIcon, Icon } from './chunk-PKNEC4LJ.js';
 import { ChevronDownMediumIcon, Button, Skeleton, buttonVariants } from './chunk-UWKO24VT.js';
@@ -15948,17 +15948,34 @@ function MessageDecisionCards({
     })
   ] });
 }
+var NavigationGuardContext = createContext(null);
+function useNavigationGuard() {
+  return useContext(NavigationGuardContext);
+}
+
+// ../platform-kit/src/lib/platform-navigation.ts
 function usePathname2() {
   return applicationPathname(usePathname() ?? "/");
 }
 function useRouter2() {
   const router = useRouter();
+  const guard = useNavigationGuard();
   return useMemo(() => ({
     ...router,
-    push: (href, options) => options === void 0 ? router.push(currentScopedHref(href)) : router.push(currentScopedHref(href), options),
-    replace: (href, options) => options === void 0 ? router.replace(currentScopedHref(href)) : router.replace(currentScopedHref(href), options),
+    push: (href, options) => {
+      const scoped = currentScopedHref(href);
+      if (guard?.intercept(scoped, { scroll: options?.scroll })) return;
+      if (options === void 0) router.push(scoped);
+      else router.push(scoped, options);
+    },
+    replace: (href, options) => {
+      const scoped = currentScopedHref(href);
+      if (guard?.intercept(scoped, { replace: true, scroll: options?.scroll })) return;
+      if (options === void 0) router.replace(scoped);
+      else router.replace(scoped, options);
+    },
     prefetch: (href, options) => options === void 0 ? router.prefetch(currentScopedHref(href)) : router.prefetch(currentScopedHref(href), options)
-  }), [router]);
+  }), [router, guard]);
 }
 function Images1Icon2(props) {
   return /* @__PURE__ */ jsx(
@@ -18515,8 +18532,9 @@ function buildConsolePath(workspaceSlug, segment) {
   return `${base}/${segment.replace(/^\/+/, "")}`;
 }
 var PlatformLink = forwardRef(
-  function PlatformLink2({ href, ...props }, ref) {
+  function PlatformLink2({ href, onNavigate, ...props }, ref) {
     const pathname = usePathname() ?? "/";
+    const guard = useNavigationGuard();
     let scoped = href;
     if (typeof href === "string") scoped = scopePlatformHref(href, pathname);
     else if (href.pathname && !href.host && !href.hostname && !href.protocol) {
@@ -18524,10 +18542,25 @@ var PlatformLink = forwardRef(
       const [scopedPathname, search] = scopedPath.split("?");
       scoped = search ? { ...href, pathname: scopedPathname, search: `?${search}` } : { ...href, pathname: scopedPathname };
     }
-    return /* @__PURE__ */ jsx(next_shims_default, { ...props, href: scoped, ref });
+    const guarded = (event) => {
+      let cancelled2 = false;
+      onNavigate?.({ preventDefault: () => {
+        cancelled2 = true;
+        event.preventDefault();
+      } });
+      if (cancelled2 || !guard) return;
+      const target = typeof scoped === "string" ? scoped : formatHref(scoped);
+      if (target && guard.intercept(target)) event.preventDefault();
+    };
+    return /* @__PURE__ */ jsx(next_shims_default, { ...props, href: scoped, onNavigate: guarded, ref });
   }
 );
 var platform_link_default = PlatformLink;
+function formatHref(href) {
+  if (!href.pathname) return null;
+  const search = typeof href.search === "string" ? href.search : "";
+  return `${href.pathname}${search}`;
+}
 
 // ../platform-kit/src/ui/shell/platform/use-platform-surface.ts
 function useWorkspaceSlug() {

package/dist/{chunk-LOBDKA2D.js → chunk-MQDBY5CA.js}

@@ -1,8 +1,8 @@
 'use client';
 import { MagnifyingGlassIcon } from './chunk-X3QVICX7.js';
-import { requestPaneFocus, useArtifacts, usePlugins, useCanvasStore, useArtifactStore, useChatOverviewStore, useSourcesEnrichment, sourceKind, useCitationViewer, resolveSourceDisplay, extractDomain, canvasId, StudioDisplayIcon, LayoutDashboardIcon, useAgentPanelStore, SourceFavicon, dedup, useArtifactFileObjectUrl, resolveArtifactIconFormat, artifactFormatIcon, avatarMotionForStream, AGENT_AVATAR_SIZE, getFileCategory, FileThumbnail, formatFileSize, usePathname, artifactFormatSubtitle, artifactCategory, Input, MobileScreenSheet, TooltipTrigger, Tooltip, useChatCapabilities, TooltipContent, processMessageParts, GridSpinner, PanelEdgeRing, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, extractCitationsFromSteps, resolvePluginLanguage, getMessageDisplayTimestampValue } from './chunk-EFFOOCIK.js';
+import { requestPaneFocus, useArtifacts, usePlugins, useCanvasStore, useArtifactStore, useChatOverviewStore, useSourcesEnrichment, sourceKind, useCitationViewer, resolveSourceDisplay, extractDomain, canvasId, StudioDisplayIcon, LayoutDashboardIcon, useAgentPanelStore, SourceFavicon, dedup, useArtifactFileObjectUrl, resolveArtifactIconFormat, artifactFormatIcon, avatarMotionForStream, AGENT_AVATAR_SIZE, getFileCategory, FileThumbnail, formatFileSize, usePathname, artifactFormatSubtitle, artifactCategory, Input, MobileScreenSheet, TooltipTrigger, Tooltip, useChatCapabilities, TooltipContent, processMessageParts, GridSpinner, PanelEdgeRing, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, extractCitationsFromSteps, resolvePluginLanguage, getMessageDisplayTimestampValue } from './chunk-M65T2M4P.js';
 import { Popover, PopoverTrigger, PopoverContent, Sheet, SheetContent, SheetHeader, SheetTitle } from './chunk-T5SANYSX.js';
-import { useTranslation, useIsMobile } from './chunk-7AT2LRVW.js';
+import { useTranslation, useIsMobile } from './chunk-T4RG6NMW.js';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent, Shimmer, HoverCard, HoverCardTrigger, HoverCardContent } from './chunk-PKNEC4LJ.js';
 import { ChevronDownMediumIcon, ScrollArea, Skeleton, Button } from './chunk-UWKO24VT.js';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, CrossMediumIcon } from './chunk-2P4IEVOQ.js';

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

@@ -1,7 +1,7 @@
 'use client';
-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 { 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-M65T2M4P.js';
 import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, Popover, PopoverTrigger, PopoverContent } from './chunk-T5SANYSX.js';
-import { useIsMobile, useTranslation } from './chunk-7AT2LRVW.js';
+import { useIsMobile, useTranslation } from './chunk-T4RG6NMW.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';