@frontera-sdk/chat-ui 1.50.58 → 1.50.60

package/dist/chat.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { StartChatRequest } from '@frontera-sdk/chat/types';
 import { ChatCredentialProps } from './credential.js';
-import { M as ModelModes, S as Shortcut } from './new-session-Dw7JOgzu.js';
+import { Shortcut } from './new-session.js';
 import { FronteraChatTheme } from './theme.js';
 import '@frontera-sdk/core/client';
 import './types-BDqLaBfH.js';
@@ -29,13 +29,17 @@ interface FronteraChatOwnProps {
     /** Agent UUID — lets the composer offer that agent's apps and mentions. */
     agentId?: string;
     /**
-     * Model modes the picker offers, keyed by mode name. Omit to hide the
-     * picker — an embedded chat whose token fixes the model has nothing to
-     * choose between.
+     * The model picker.
+     *
+     * What it offers comes from the AGENT, read with the same credential the
+     * chat holds — not from this application. A model is bound to the agent on
+     * the deployment, so a list supplied here could only ever disagree with what
+     * actually runs, and the disagreement would surface as a label that lies.
+     *
+     * On by default, and it hides itself when there is nothing to choose: one
+     * model mode, and no effort levels behind it.
      */
-    modes?: ModelModes;
-    modelMode?: string;
-    defaultMode?: string;
+    modelSelector?: boolean;
     /**
      * Offer the approval-mode selector — how much the agent may do unattended.
      *
@@ -156,6 +160,6 @@ interface FronteraChatOwnProps {
     }) => void;
     onError?: (error: Error) => void;
 }
-declare function FronteraChat({ conversationId: initialConversationId, agentName: pinnedAgentName, agentPicker, agentId, modes, modelMode, defaultMode, fileUpload, approvalSelector, appsButton, agentLabel, mobileMenu, body, header, sidePanel, theme, dark: darkProp, className, placeholder, empty, shortcuts, connectRedirectUri, connectOrigin, onStart, onError, ...credentialProps }: FronteraChatProps): react.JSX.Element;
+declare function FronteraChat({ conversationId: initialConversationId, agentName: pinnedAgentName, agentPicker, agentId, modelSelector, fileUpload, approvalSelector, appsButton, agentLabel, mobileMenu, body, header, sidePanel, theme, dark: darkProp, className, placeholder, empty, shortcuts, connectRedirectUri, connectOrigin, onStart, onError, ...credentialProps }: FronteraChatProps): react.JSX.Element;
 
 export { FronteraChat, type FronteraChatOwnProps, type FronteraChatProps };

package/dist/chat.js

@@ -1,33 +1,34 @@
 'use client';
 import { isFullscreenHotkey, DeckNotesCard, deckOwnsArrowKeys } from './chunk-WMN6BPPS.js';
 import { offset, flip, autoUpdate, computePosition } from './chunk-I7SXWUAN.js';
-import { ArtifactSkeleton, resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb } from './chunk-AQGBRSIP.js';
-import { NewSessionPrompt, keepCaretOnTap } from './chunk-466MYFJD.js';
-import { PendingCards } from './chunk-IHBTHNXV.js';
+import { ArtifactSkeleton, resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb } from './chunk-J7EWRXEC.js';
+import { NewSessionPrompt, keepCaretOnTap } from './chunk-UTKQ6G2A.js';
+import { PendingCards } from './chunk-KHF7OM3F.js';
 import { themeToStyle } from './chunk-6HYPVNVA.js';
-import { useChatAgents } from './chunk-VDZH5Z3K.js';
+import { useChatAgents } from './chunk-PH7AYVSS.js';
 import { subjectOfChatToken, capabilitiesOfChatToken } from './chunk-CCVPZVFK.js';
-import { useChatCredential } from './chunk-BEJ3HQG4.js';
-import { chatSidePanelSessionKey, 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, ChatOverviewContent, COMPUTER_TAB_PREFIX, SourceRow, motion, MAX_CHAT_SIDE_PANEL_SESSIONS, DEFAULT_CHAT_SIDE_PANEL_SIZE } from './chunk-SZTQOXLD.js';
-import { useComposerStore, Message, Thinking, setPendingFiles, useLivePreviewUrl, useComputerFiles, useUploadComputerFile, CanvasWidget, isPlainTextLanguage, useUploadFile, COMPOSER_ID_MAIN, useContextWindowInfo, useIsCompacting, useQueuedMessages, useChatStreamStore, useComputer, csvTextToWorkbookJson, CSV_PREVIEW_MAX_ROWS, CopyButton, useBackDismiss, PdfViewer, ModelIcon, modeToBrandRow, brandLabel, Spinner } from './chunk-XSEN6ISU.js';
-import { env, require_shim, require_with_selector, dynamic, Textarea, artifactFormatIcon, useAgentRoster, useArtifactStore, useCanvasStore, useChatOverviewStore, setSdkConversationPath, setSdkDarkMode, AgentsProvider, PluginProvider, WorkspaceProvider, TooltipProvider, CitationViewerProvider, ConnectRunnerProvider, isToolPart, getToolState, getToolName, getToolInput, usePaneFocusStore, useAgentPanelStore, Tooltip, TooltipTrigger, TooltipContent, ArtifactActionsMenu, useKeyboardInset, getToolOutput, useArtifact, useUpdateArtifact, useArtifactFileObjectUrl, resolveArtifactIconFormat, useSourcesEnrichment, Label, Input, renderPluginBlock, useArtifactVersion, useChatCapabilities, useChatOptInEnabled, useSessionPendingApprovals, tableToCsv, tableToXlsx, tableToMarkdown, DropdownMenu, DropdownMenuTrigger, StyledDropdownMenuContent, StyledDropdownMenuItem, useArtifactVersions, useClient, unwrapData, authFetch, getBearerHeadersForApi, useRestoreArtifactVersion, ZoomableImage, ChatImageLightbox, useDownloadArtifact, useArtifactFileBytes, useArtifactPreviewFileObjectUrl, useArtifactVersionPreviewFileObjectUrl, SpreadsheetIcon, useOptionalWorkspaceContext, useAgentConnectionStatus, useArtifacts, useRouter, useBrand, resolveBearerHeaders, subscribeSdkDarkMode, getSdkDarkMode, unwrap, useSession, useConnectRunner, useStartUserConnect, useUpsertGrant, useRevokeGrant, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, useConversationDesktopStatus, isRequestHumanTool, useWorkspaceContext, useCatalog, useInstalls, appsKeys, buildTenantUrlAbsolute } from './chunk-CWC2IOX7.js';
-import { Popover, PopoverTrigger, PopoverContent, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-2KEBRV3W.js';
+import { useChatCredential } from './chunk-37G6MHWS.js';
+import './chunk-WDYCLC4F.js';
+import { chatSidePanelSessionKey, 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, ChatOverviewContent, COMPUTER_TAB_PREFIX, SourceRow, motion, MAX_CHAT_SIDE_PANEL_SESSIONS, DEFAULT_CHAT_SIDE_PANEL_SIZE } from './chunk-IQXJEZM7.js';
+import { useChatStreamStore, useComposerStore, Message, Thinking, setPendingFiles, useLivePreviewUrl, useComputerFiles, useUploadComputerFile, CanvasWidget, isPlainTextLanguage, useUploadFile, COMPOSER_ID_MAIN, useContextWindowInfo, useIsCompacting, useQueuedMessages, useComputer, csvTextToWorkbookJson, CSV_PREVIEW_MAX_ROWS, CopyButton, useBackDismiss, PdfViewer, ModelIcon, modeToBrandRow, brandLabel, Spinner } from './chunk-FNIHHKOZ.js';
+import { env, dynamic, Textarea, artifactFormatIcon, useAgentRoster, useArtifactStore, useCanvasStore, useChatOverviewStore, setSdkConversationPath, setSdkDarkMode, AgentsProvider, PluginProvider, WorkspaceProvider, TooltipProvider, CitationViewerProvider, ConnectRunnerProvider, isToolPart, getToolState, getToolName, getToolInput, usePaneFocusStore, useAgentPanelStore, Tooltip, TooltipTrigger, TooltipContent, ArtifactActionsMenu, useKeyboardInset, getToolOutput, useArtifact, useUpdateArtifact, useArtifactFileObjectUrl, resolveArtifactIconFormat, useSourcesEnrichment, Label, Input, renderPluginBlock, useArtifactVersion, useChatCapabilities, useChatOptInEnabled, useSessionPendingApprovals, tableToCsv, tableToXlsx, tableToMarkdown, DropdownMenu, DropdownMenuTrigger, StyledDropdownMenuContent, StyledDropdownMenuItem, useArtifactVersions, useClient, unwrapData, authFetch, getBearerHeadersForApi, useRestoreArtifactVersion, ZoomableImage, ChatImageLightbox, useDownloadArtifact, useArtifactFileBytes, useArtifactPreviewFileObjectUrl, useArtifactVersionPreviewFileObjectUrl, SpreadsheetIcon, useOptionalWorkspaceContext, useAgentConnectionStatus, useArtifacts, useRouter, useBrand, resolveBearerHeaders, subscribeSdkDarkMode, getSdkDarkMode, unwrap, useSession, useConnectRunner, useStartUserConnect, useUpsertGrant, useRevokeGrant, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, useConversationDesktopStatus, isRequestHumanTool, useWorkspaceContext, useCatalog, useInstalls, appsKeys, buildTenantUrlAbsolute } from './chunk-26L3ST3H.js';
+import { Popover, PopoverTrigger, PopoverContent, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-F6PEZE7A.js';
 import { I18nProvider, useTranslation } from './chunk-FTLVGUG5.js';
-import './chunk-76WUIIOX.js';
-import { AppIcon, frontera_icon_default, describeToolRow, useStreamdownPlugins, getToolMeta, MessageResponse, AppIconFrame } from './chunk-IBCOQG5T.js';
-import { Skeleton, Button, ScrollArea } from './chunk-GTQH7MPF.js';
-import { PortalRootProvider, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-IQRPGFLI.js';
+import './chunk-S3ECTKA3.js';
+import { AppIcon, frontera_icon_default, describeToolRow, useStreamdownPlugins, getToolMeta, MessageResponse, AppIconFrame } from './chunk-FDGBZFGN.js';
+import { Skeleton, Button, ScrollArea } from './chunk-ROJM44GB.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-V44YVBRX.js';
 import './chunk-6BPHEBCF.js';
 import { MOBILE_BREAKPOINT, useIsMobile } from './chunk-IXDM5R55.js';
-import './chunk-PQZ2CS26.js';
-import { DropdownMenu as DropdownMenu$1, DropdownMenuTrigger as DropdownMenuTrigger$1, DropdownMenuContent, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuLabel, DropdownMenuSeparator } from './chunk-ZS6PXIZP.js';
-import { AgentAvatar } from './chunk-FXKXDR5K.js';
-import { cn } from './chunk-DGDHKMDB.js';
+import './chunk-CDTES65T.js';
+import { DropdownMenu as DropdownMenu$1, DropdownMenuTrigger as DropdownMenuTrigger$1, DropdownMenuContent, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuLabel, DropdownMenuSeparator } from './chunk-BDJFVRYR.js';
+import { AgentAvatar } from './chunk-TSKFBMGC.js';
+import { cn, PortalRootProvider } from './chunk-XLX3L3P4.js';
 import { Chart1Icon, BooleanGroupIntersectIcon, ColorSwatchIcon, BookIcon, BuildingBlocksIcon, Box2Icon, PeopleIcon, UserIcon, TruckIcon, TicketIcon, TagIcon, ShoppingBag1Icon, ReceiptBillIcon, PackageIcon, MapPin2Icon, MapPinIcon, MapIcon, Folder1Icon, FileTextIcon, Server2Icon, CreditCard1Icon, Calendar1Icon, BuildingsIcon, DollarIcon, RaisingHand5FingerIcon, ShieldCheckIcon, ShieldBreakIcon, ArrowDownIcon, Paperclip1Icon, ChevronGrabberVerticalIcon, PlusMediumIcon, ChecklistIcon, CalendarRepeatIcon, StudioDisplayIcon, WorldIcon, SlidesWideIcon, ChainLink1Icon, StandingGlobeIcon, DotGrid1x3HorizontalTightIcon, ArrowsHideIcon, ArrowsShowIcon, CrossMediumIcon, ExclamationCircleIcon, ArrowRotateClockwiseIcon, SquareArrowTopRightIcon, ClipboardIcon, LoaderIcon, FileDownloadIcon, GhostIcon, HammerIcon, MoonIcon, FolderUploadIcon, Checkmark1Icon, MicrophoneIcon, VolumeFullIcon, VolumeOffIcon, ArrowCornerDownLeftIcon, ArrowUpIcon, TrashCanIcon, WarningSignIcon, CircleDotsCenter1Icon, CodeBracketsIcon, TableIcon, QrCodeIcon, ChevronDownMediumIcon, EyeOpenIcon, EyeSlashIcon, HistoryIcon, PlayIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, FilePdfIcon, NotesIcon, AppsIcon, ChevronLeftMediumIcon, Camera1Icon, Images1Icon, MagicWandIcon, ChevronRightMediumIcon, Checkmark1MediumIcon, VideoIcon, AudioIcon, AspectRatio11Icon, CameraOff1Icon, ArrowsRepeatIcon, PlayCircleIcon, PauseIcon, StarWandIcon, SettingsGear1Icon, LayoutGrid1Icon, ArrowExpandVerIcon, AddImageIcon, Plugin1Icon } from './chunk-AFVU5VT6.js';
 import { ChatClientContext } from './chunk-7ADM3CKD.js';
-import { __commonJS, __toESM, __export } from './chunk-PR4QN5HX.js';
+import { __commonJS, __export, __toESM } from './chunk-PR4QN5HX.js';
 import * as React from 'react';
-import React__default, { createContext, forwardRef, useState, useRef, useCallback, useMemo, useEffect, useImperativeHandle, useContext, useDebugValue, createRef, memo, createElement, useLayoutEffect, version, Activity, Component, useSyncExternalStore } from 'react';
+import React__default, { createContext, forwardRef, useState, useRef, useCallback, useMemo, useEffect, useImperativeHandle, useContext, useDebugValue, createRef, memo, createElement, useLayoutEffect, version, Activity, Component, useSyncExternalStore as useSyncExternalStore$1 } from 'react';
 import { useChat } from '@ai-sdk/react';
 import { createChatTransport } from '@frontera-sdk/chat/transport';
 import { runAppConnection, completeRedirectedConnection } from '@frontera-sdk/chat/connect-popup';
@@ -36,6 +37,8 @@ import { QueryClient, useQuery, useQueryClient, useMutation } from '@tanstack/re
 import { Toaster, toast } from 'sonner';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import ReactDOM, { flushSync, createPortal } from 'react-dom';
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
+import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector.js';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { CodeBlock as CodeBlock$2, Streamdown } from 'streamdown';
 import * as ResizablePrimitive from 'react-resizable-panels';
@@ -145,6 +148,20 @@ var require_markdown_it_task_lists = __commonJS({
   }
 });
 
+// src/connect-outcome.ts
+function connectionOrThrow(outcome) {
+  if (outcome.status === "redirecting") return { continued: false };
+  if (outcome.status === "cancelled") {
+    throw new Error(
+      outcome.error ?? (outcome.reason === "timeout" ? "The connection timed out. Try again." : "Connect was cancelled or no account was granted.")
+    );
+  }
+  if (outcome.resume && !outcome.resume.ok) {
+    throw new Error(outcome.resume.error ?? `Could not continue (${outcome.resume.reason}).`);
+  }
+  return { continued: true };
+}
+
 // src/vendor/ui/stores/chat-side-panel-persistence.ts
 var CHAT_SIDE_PANEL_STORAGE_PREFIX = "sebati.chat-side-panel.v2.";
 var SCHEMA_VERSION = 2;
@@ -1872,9 +1889,6 @@ function SaveStatusIndicator({ status }) {
   ] }) });
 }
 
-// ../../node_modules/@tiptap/react/dist/index.js
-var import_shim = __toESM(require_shim(), 1);
-
 // ../../node_modules/orderedmap/dist/index.js
 function OrderedMap(content) {
   this.content = content;
@@ -16901,7 +16915,7 @@ var EventEmitter = class {
     this.callbacks = {};
   }
 };
-var isDev = typeof process !== "undefined" && process.env.NODE_ENV !== "production";
+var isDev = typeof process !== "undefined" && true;
 function isWidgetDecoration(decoration) {
   return decoration.kind === "widget";
 }
@@ -20646,9 +20660,6 @@ function markPasteRule(config2) {
   });
 }
 
-// ../../node_modules/@tiptap/react/dist/index.js
-var import_shim2 = __toESM(require_shim(), 1);
-
 // ../../node_modules/fast-equals/dist/es/index.mjs
 var { getOwnPropertyNames, getOwnPropertySymbols } = Object;
 var { hasOwnProperty } = Object.prototype;
@@ -21086,9 +21097,6 @@ function createCustomEqual(options = {}) {
   const equals = createCustomInternalComparator ? createCustomInternalComparator(comparator) : createInternalEqualityComparator(comparator);
   return createIsEqual({ circular, comparator, createState, equals, strict });
 }
-
-// ../../node_modules/@tiptap/react/dist/index.js
-var import_with_selector = __toESM(require_with_selector(), 1);
 var mergeRefs = (...refs) => {
   return (node) => {
     refs.forEach((ref) => {
@@ -21101,7 +21109,7 @@ var mergeRefs = (...refs) => {
   };
 };
 var Portals = ({ contentComponent }) => {
-  const renderers = (0, import_shim.useSyncExternalStore)(
+  const renderers = useSyncExternalStore(
     contentComponent.subscribe,
     contentComponent.getSnapshot,
     contentComponent.getServerSnapshot
@@ -21302,7 +21310,7 @@ var EditorStateManager = class {
 function useEditorState(options) {
   var _a2;
   const [editorStateManager] = useState(() => new EditorStateManager(options.editor));
-  const selectedState = (0, import_with_selector.useSyncExternalStoreWithSelector)(
+  const selectedState = useSyncExternalStoreWithSelector(
     editorStateManager.subscribe,
     editorStateManager.getSnapshot,
     editorStateManager.getServerSnapshot,
@@ -21315,7 +21323,7 @@ function useEditorState(options) {
   useDebugValue(selectedState);
   return selectedState;
 }
-var isDev2 = process.env.NODE_ENV !== "production";
+var isDev2 = true;
 var isSSR = typeof window === "undefined";
 var isNext = isSSR || Boolean(typeof window !== "undefined" && window.next);
 var EditorInstanceManager = class _EditorInstanceManager {
@@ -21354,7 +21362,7 @@ var EditorInstanceManager = class _EditorInstanceManager {
       immediatelyRender = false;
     } else if (isNext && explicit === void 0) {
       immediatelyRender = false;
-      if (isDev2) {
+      {
         console.warn(
           "Next.js detected. `immediatelyRender` defaults to false to avoid hydration mismatches. Pass `immediatelyRender: true` explicitly if you are rendering the editor only on the client."
         );
@@ -21558,7 +21566,7 @@ function useEditor(options = {}, deps = []) {
   const mostRecentOptions = useRef(options);
   mostRecentOptions.current = options;
   const [instanceManager] = useState(() => new EditorInstanceManager(mostRecentOptions));
-  const editor = (0, import_shim2.useSyncExternalStore)(
+  const editor = useSyncExternalStore(
     instanceManager.subscribe,
     instanceManager.getEditor,
     instanceManager.getServerSnapshot
@@ -41474,7 +41482,7 @@ function useThemeMode() {
     },
     [setTheme]
   );
-  const sdkDark = useSyncExternalStore(
+  const sdkDark = useSyncExternalStore$1(
     subscribeSdkDarkMode,
     getSdkDarkMode,
     () => null
@@ -41781,7 +41789,7 @@ function fromUniver(uw) {
     })
   };
 }
-var UniverWorkbookView = dynamic(() => import('./univer-workbook-N5IIN7CH.js'), {
+var UniverWorkbookView = dynamic(() => import('./univer-workbook-LSBVETAQ.js'), {
   ssr: false,
   loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "sheet" })
 });
@@ -41879,7 +41887,7 @@ function SheetEditor({ content, onSave, readOnly = false }) {
   );
 }
 var PdfDocumentViewInner = dynamic(
-  () => import('./pdf-document-view-inner-CP6VFHG4.js'),
+  () => import('./pdf-document-view-inner-NC5MBN7X.js'),
   {
     ssr: false,
     loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "pdf" })
@@ -42492,7 +42500,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-3PVGFH26.js'), {
+var Inner = dynamic(() => import('./pdf-deck-view-inner-AY4FYDAJ.js'), {
   ssr: false,
   loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "htmldeck" })
 });
@@ -44254,7 +44262,7 @@ function QrShareDialog({ target, onOpenChange }) {
     if (state !== "ready" || !link2 || !canvasRef.current) return;
     let cancelled = false;
     void (async () => {
-      const QRCode = (await import('./lib-3ZKX25RJ.js')).default;
+      const QRCode = (await import('./browser-DK2ZWH4A.js')).default;
       if (cancelled || !canvasRef.current) return;
       await QRCode.toCanvas(canvasRef.current, link2, {
         width: 260,
@@ -53216,7 +53224,8 @@ function useManifest(surface) {
             fetch: { signal: requestController.signal }
           });
           if (error3) throw error3;
-          return { data: { agents: unwrap(data2) ?? [] } };
+          const list2 = unwrapData(data2);
+          return { data: { agents: Array.isArray(list2) ? list2 : [] } };
         }
         const query = surface ? { surface } : {};
         const { data, error: error2 } = await client.v1.manifest.get({
@@ -53777,7 +53786,8 @@ var COMPOSER_OUTPUT_MODES = [
 // src/vendor/ui/chat/chat-input-bar/hooks/use-composer-output-modes.ts
 function useComposerOutputModes(agentId) {
   const manifestQuery = useManifest("chat");
-  const agents = manifestQuery.data?.data?.agents ?? [];
+  const raw = manifestQuery.data?.data?.agents;
+  const agents = Array.isArray(raw) ? raw : [];
   return useMemo(() => {
     if (!agentId) return [];
     const entry = agents.find(
@@ -59722,15 +59732,18 @@ function currentToolActivity(messages) {
   }
   return null;
 }
+var REASONING_EFFORTS = ["max", "xhigh", "high", "medium", "low", "minimal", "none"];
+function isReasoningEffort(value) {
+  return !!value && REASONING_EFFORTS.includes(value);
+}
 var lastPanelConversation;
+var NEW_SESSION_KEY = "__new__";
 function FronteraChat({
   conversationId: initialConversationId,
   agentName: pinnedAgentName,
   agentPicker = true,
   agentId,
-  modes,
-  modelMode,
-  defaultMode,
+  modelSelector = true,
   fileUpload = true,
   approvalSelector = true,
   appsButton = false,
@@ -59798,12 +59811,13 @@ function FronteraChat({
     if (!chatClient || !connectRedirectUri) return null;
     return {
       connect: async ({ installId, pendingToolCallId, catalogDisplayName }) => {
-        await runAppConnection(chatClient, {
+        const outcome = await runAppConnection(chatClient, {
           ...pendingToolCallId ? { pendingToolCallId } : {},
           installId,
           redirectUri: connectRedirectUri,
           expectedOrigin: connectOrigin
         });
+        if (!connectionOrThrow(outcome).continued) return;
         if (!pendingToolCallId) return;
         if (nudgedRef.current.has(pendingToolCallId)) return;
         nudgedRef.current.add(pendingToolCallId);
@@ -59822,18 +59836,55 @@ function FronteraChat({
       slug: agent2.agentId,
       avatarConfig: agent2.avatarConfig,
       avatarSeed: agent2.agentId,
-      modes: [],
-      defaultMode: ""
+      modes: agent2.modes ?? [],
+      defaultMode: agent2.defaultMode ?? ""
     })),
     [agents]
   );
+  const agentModes = useMemo(() => {
+    if (!modelSelector) return void 0;
+    const source = chosenAgent?.modes ?? agents.find((a) => a.agentId === agentName)?.modes;
+    if (!source?.length) return void 0;
+    return Object.fromEntries(
+      source.map((mode) => [
+        mode.key,
+        {
+          name: mode.name,
+          ...mode.description ? { description: mode.description } : {},
+          ...mode.style ? { style: mode.style } : {},
+          ...mode.reasoning ? { reasoning: mode.reasoning } : {}
+        }
+      ])
+    );
+  }, [modelSelector, chosenAgent, agents, agentName]);
+  const agentDefaultMode = chosenAgent?.defaultMode ?? agents.find((a) => a.agentId === agentName)?.defaultMode ?? void 0;
+  const sessionKey = conversationId ?? NEW_SESSION_KEY;
+  const reasoningEffort = useChatStreamStore(
+    (state) => state.reasoningEffortBySession[sessionKey]
+  );
+  const [chosenMode, setChosenMode] = useState(void 0);
+  const modelMode = chosenMode ?? agentDefaultMode;
+  useEffect(() => {
+    setChosenMode(void 0);
+  }, [agentName]);
   useEffect(() => {
     if (chosenAgent || pinnedAgentName || agents.length === 0) return;
     if (conversationId) return;
     setChosenAgent(agents[0]);
   }, [agents, chosenAgent, pinnedAgentName, conversationId]);
   const bodyRef = useRef({});
-  bodyRef.current = { ...agentName ? { agentName } : {}, ...body };
+  bodyRef.current = {
+    ...agentName ? { agentName } : {},
+    ...modelMode ? { modelMode } : {},
+    /*
+      The store holds whatever the selector wrote, as a string; the request
+      takes a closed union. Narrowed rather than widened — an effort the
+      deployment does not know is refused at the send, and a cast here would
+      turn that into a 400 the person cannot act on.
+    */
+    ...isReasoningEffort(reasoningEffort) ? { reasoningEffort } : {},
+    ...body
+  };
   const transport = useMemo(
     () => createChatTransport(() => getClient(), {
       conversationId: initialConversationId,
@@ -59842,6 +59893,12 @@ function FronteraChat({
       // instead of a failed send the person has to repeat themselves after.
       onUnauthorized: () => refreshCredential(),
       onStart: (info) => {
+        const stream = useChatStreamStore.getState();
+        const pendingEffort = stream.reasoningEffortBySession[NEW_SESSION_KEY];
+        if (pendingEffort) {
+          stream.setReasoningEffort(info.conversationId, pendingEffort);
+          stream.setReasoningEffort(NEW_SESSION_KEY, null);
+        }
         setConversationId(info.conversationId);
         onStart?.({ conversationId: info.conversationId, runId: info.runId });
       }
@@ -60085,9 +60142,11 @@ function FronteraChat({
         status: ready ? status : "submitted",
         stop,
         placeholder,
-        modes,
+        modes: agentModes,
+        defaultMode: agentDefaultMode,
         modelMode,
-        defaultMode,
+        onModelModeChange: modelSelector ? setChosenMode : void 0,
+        sessionKey,
         approvalMode,
         onApprovalModeChange: approvalSelector ? changeApprovalMode : void 0,
         modeOptions: approvalSelector ? approvalModeOptions : void 0,