@frontera-sdk/chat-ui 1.53.7 → 1.53.9

package/dist/chat.js

@@ -1,20 +1,20 @@
 '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-DPCAFZ2S.js';
-import { NewSessionPrompt, keepCaretOnTap } from './chunk-NOJWGKB4.js';
+import { ArtifactSkeleton, resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb } from './chunk-MQEJNYKF.js';
+import { NewSessionPrompt, keepCaretOnTap } from './chunk-WKKMCJ6V.js';
 import { PendingCards } from './chunk-GRRSYZQZ.js';
 import { themeToStyle } from './chunk-6HYPVNVA.js';
 import { useChatAgents } from './chunk-NDU6ERVT.js';
 import { subjectOfChatToken, capabilitiesOfChatToken } from './chunk-CCVPZVFK.js';
 import { useChatCredential } from './chunk-6BCUAPW3.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-VB2YKQGZ.js';
-import { dynamic, useChatStreamStore, useComposerStore, Message, Thinking, setPendingFiles, usePersonConfirmations, unshownPendingConfirmations, ConversationConfirmationCard, 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-G4V3YKMK.js';
-import { Textarea, resolveChatHost, artifactFormatIcon, BookIcon, useAgentRoster, ShieldCheckIcon, useArtifactStore, useCanvasStore, useChatOverviewStore, setSdkConversationPath, setSdkDarkMode, AgentsProvider, PluginProvider, WorkspaceProvider, TooltipProvider, ChatHostProvider, getPersonConfirmation, isToolPart, getToolState, getToolName, getToolInput, sourceKind, extractDomain, CitationViewerContext, MarkdownRenderer, ConnectRunnerContext, usePathname, useChatSurfaceProvider, 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, useChatCapabilityEnabled, useChatOptInEnabled, useChatHost, useSessionPendingApprovals, tableToCsv, tableToXlsx, tableToMarkdown, DropdownMenu, DropdownMenuTrigger, StyledDropdownMenuContent, StyledDropdownMenuItem, useArtifactVersions, useClient, unwrapData, authFetch, getBearerHeadersForApi, EyeOpenIcon, EyeSlashIcon, useRestoreArtifactVersion, ZoomableImage, ChatImageLightbox, useDownloadArtifact, useArtifactFileBytes, useArtifactPreviewFileObjectUrl, useArtifactVersionPreviewFileObjectUrl, errorText, SpreadsheetIcon, FilePdfIcon, useOptionalWorkspaceContext, useAgentConnectionStatus, useArtifacts, useSession, useWorkspaceContext, useConversationDesktopStatus, isRequestHumanTool, appsKeys, 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-KKOK22CN.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-FGA7PLPZ.js';
+import { dynamic, useChatStreamStore, useComposerStore, Message, Thinking, setPendingFiles, usePersonConfirmations, unshownPendingConfirmations, ConversationConfirmationCard, 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-OLSP24UB.js';
+import { Textarea, resolveChatHost, artifactFormatIcon, BookIcon, useAgentRoster, ShieldCheckIcon, useArtifactStore, useCanvasStore, useChatOverviewStore, setSdkConversationPath, setSdkDarkMode, AgentsProvider, PluginProvider, WorkspaceProvider, TooltipProvider, ChatHostProvider, getPersonConfirmation, isToolPart, getToolState, getToolName, getToolInput, sourceKind, extractDomain, CitationViewerContext, MarkdownRenderer, ConnectRunnerContext, usePathname, useChatSurfaceProvider, 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, useChatCapabilityEnabled, useChatOptInEnabled, useChatHost, useSessionPendingApprovals, tableToCsv, tableToXlsx, tableToMarkdown, DropdownMenu, DropdownMenuTrigger, StyledDropdownMenuContent, StyledDropdownMenuItem, useArtifactVersions, useClient, unwrapData, authFetch, getBearerHeadersForApi, EyeOpenIcon, EyeSlashIcon, useRestoreArtifactVersion, ZoomableImage, ChatImageLightbox, useDownloadArtifact, useArtifactFileBytes, useArtifactPreviewFileObjectUrl, useArtifactVersionPreviewFileObjectUrl, errorText, SpreadsheetIcon, FilePdfIcon, useOptionalWorkspaceContext, useAgentConnectionStatus, useArtifacts, useSession, useWorkspaceContext, useConversationDesktopStatus, isRequestHumanTool, appsKeys, 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-ZM6XUTCT.js';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
 import { Popover, PopoverTrigger, PopoverContent, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-FZ3VSITY.js';
-import { MOBILE_BREAKPOINT, useIsMobile, I18nProvider, useTranslation } from './chunk-G6A5DWFP.js';
+import { MOBILE_BREAKPOINT, useIsMobile, I18nProvider, useTranslation } from './chunk-CEJINF3B.js';
 import './chunk-DJ2Q5U3E.js';
 import { AppIcon, frontera_icon_default, PhotoIcon, Folder1Icon, FileTextIcon, describeToolRow, SquareArrowTopRightIcon, ClipboardIcon, getToolMeta, useStreamdownPlugins, AppIconFrame, MessageResponse } from './chunk-RQPL7ZTX.js';
 import { Skeleton, Button, ScrollArea, ChevronDownMediumIcon, buttonVariants } from './chunk-UWKO24VT.js';
@@ -42397,7 +42397,7 @@ function SheetEditor({ content, onSave, readOnly = false }) {
   );
 }
 var PdfDocumentViewInner = dynamic(
-  () => import('./pdf-document-view-inner-SH2HOPGD.js'),
+  () => import('./pdf-document-view-inner-JTIOESN4.js'),
   {
     ssr: false,
     loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "pdf" })
@@ -43216,7 +43216,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-UEMN324J.js'), {
+var Inner = dynamic(() => import('./pdf-deck-view-inner-ECZU3KQW.js'), {
   ssr: false,
   loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "htmldeck" })
 });
@@ -63539,8 +63539,22 @@ function MentionPill({
   iconUrl,
   color,
   className,
+  command: command5 = false,
   onActivate
 }) {
+  if (command5) {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "data-mention-kind": mention.kind,
+        className: cn("inline whitespace-nowrap font-medium text-info", className),
+        children: [
+          "/",
+          mention.label
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -63595,7 +63609,7 @@ function mentionAttrsToRef(attrs2) {
     ...attrs2.hint ? { hint: attrs2.hint } : {}
   };
 }
-function MentionNodeView({ node }) {
+function MentionNodeView({ node, extension: extension2 }) {
   const attrs2 = node.attrs;
   const openPreview = useTemplatePreviewStore((s) => s.open);
   const canPreview = useHasTemplatePreviewHost();
@@ -63606,6 +63620,7 @@ function MentionNodeView({ node }) {
       mention: mentionAttrsToRef(attrs2),
       iconUrl: attrs2.iconUrl,
       color: attrs2.color,
+      command: attrs2.slash && Boolean(extension2.options.slashCommands),
       onActivate: activate
     }
   ) });
@@ -64802,6 +64817,7 @@ var MENTION_KIND_LABEL = {
 };
 function MentionRow({
   item,
+  asCommand = false,
   isActive: isActive2,
   activeRef,
   onHover,
@@ -64831,7 +64847,7 @@ function MentionRow({
           // row visibly predicts its own result rather than looking like one
           // more resource to reference.
           /* @__PURE__ */ jsx(item.output.Icon, { className: cn("size-4 shrink-0", item.output.color) })
-        ) : item.command ? (
+        ) : item.command || asCommand ? (
           // A command row is also an ACTION and carries no `ref` — the glyph
           // below dereferences one, so it must not reach it. The slash is the
           // mark: it says "this runs" rather than "this gets referenced".
@@ -64875,7 +64891,7 @@ function MentionEmpty({ query }) {
   ] });
 }
 var MentionMenu = forwardRef(
-  function MentionMenu2({ rawGroups, query, kinds, commands, command: command5, showGroupTitles }, ref) {
+  function MentionMenu2({ rawGroups, query, kinds, commands, asCommands, command: command5, showGroupTitles }, ref) {
     const [selectedIdx, setSelectedIdx] = useState(0);
     const activeRef = useRef(null);
     const scrollRef = useRef(null);
@@ -64959,6 +64975,7 @@ var MentionMenu = forwardRef(
                 MentionRow,
                 {
                   item,
+                  asCommand: asCommands && item.ref?.kind === "skill",
                   isActive: idx >= 0 && idx === selectedIdx,
                   activeRef: idx === selectedIdx ? activeRef : void 0,
                   onHover: () => idx >= 0 && setSelectedIdx(idx),
@@ -65015,6 +65032,9 @@ function visualViewportBox() {
   return { top: vv.offsetTop, bottom: vv.offsetTop + vv.height };
 }
 var ComposerMention = Mention.extend({
+  addOptions() {
+    return { ...this.parent(), slashCommands: false };
+  },
   addAttributes() {
     const attr = (name, fallback = null) => ({
       default: fallback,
@@ -65145,6 +65165,7 @@ function buildSuggestion(spec, getGroups, onQueryChange, onInserted, onOutput, o
         query: props.query ?? "",
         ...spec.kinds ? { kinds: spec.kinds } : {},
         ...spec.commands === false ? { commands: false } : {},
+        ...spec.asCommands ? { asCommands: true } : {},
         showGroupTitles: spec.char === "@",
         command: (item) => props.command(item)
       });
@@ -65321,6 +65342,7 @@ var ComposerEditor = forwardRef(function ComposerEditor2({
   firstLineIndentPx = 0,
   mentionGroups,
   atKinds,
+  slashCommands = false,
   oneAgentReason,
   onMentionQueryChange,
   onMentionInserted,
@@ -65397,6 +65419,7 @@ var ComposerEditor = forwardRef(function ComposerEditor2({
         showOnlyCurrent: false
       }),
       ComposerMention.configure({
+        slashCommands,
         suggestions: [
           buildSuggestion(
             { char: "@", pluginKey: AT_PLUGIN_KEY, ...atKinds ? { kinds: atKinds, commands: false } : {} },
@@ -65414,8 +65437,9 @@ var ComposerEditor = forwardRef(function ComposerEditor2({
               char: "/",
               pluginKey: SLASH_PLUGIN_KEY,
               kinds: ["skill"],
-              startOfLine: true,
-              slash: true
+              startOfLine: !slashCommands,
+              slash: true,
+              asCommands: slashCommands
             },
             readGroups,
             (q) => onMentionQueryChangeRef.current?.(q),
@@ -65911,6 +65935,20 @@ function isChatGptModeKey(key2) {
 function chatGptModelId(key2) {
   return isChatGptModeKey(key2) ? key2.slice(CHATGPT_MODE_PREFIX.length) : "";
 }
+function chatGptModeFromKey(key2) {
+  const modelId = chatGptModelId(key2);
+  if (!modelId) return void 0;
+  const [family, version, ...rest] = modelId.split("-");
+  const words = rest.map((word) => word.charAt(0).toUpperCase() + word.slice(1));
+  const name = family === "gpt" && version ? [`GPT-${version}`, ...words].join(" ") : modelId;
+  return { key: key2, name, provider: "openai-codex", modelId, model: modelId };
+}
+function areEffortOptionsSettled(chatGpt) {
+  if (!chatGpt.offered) return true;
+  if (chatGpt.statusPending || chatGpt.statusFailed) return false;
+  if (!chatGpt.connected) return true;
+  return !chatGpt.modelsPending && !chatGpt.modelsFailed;
+}
 var EFFORT_LABELS = {
   minimal: "Minimal",
   low: "Light",
@@ -66586,6 +66624,7 @@ function ModelSelector({
   defaultMode,
   automatic = false,
   pending = false,
+  effortOptionsSettled = false,
   variant = "default",
   codexConnect,
   chatGptSubscriptionConnected = false,
@@ -66624,12 +66663,17 @@ function ModelSelector({
   const isMobile = useIsMobile();
   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 pendingChatGpt = modeMap.has(currentMode) ? void 0 : chatGptModeFromKey(currentMode);
+  const current = onAutomatic || waiting ? void 0 : modeMap.get(currentMode) ?? pendingChatGpt ?? visibleModes[0];
   const effortOptions = getModeEffortOptions(current);
   const defaultEffort = current?.reasoning?.defaultEffort ?? effortOptions[0];
   const activeEffort = reasoningEffort ?? defaultEffort;
   const showModelSelector = visibleModes.length > 1;
   const showEffort = effortOptions.length > 0;
+  const unofferedEffort = effortOptionsSettled && modeMap.has(currentMode) && showEffort && !!reasoningEffort && !effortOptions.includes(reasoningEffort);
+  useEffect(() => {
+    if (unofferedEffort) setReasoningEffort(sessionKey, null);
+  }, [unofferedEffort, sessionKey, setReasoningEffort]);
   const handleOpenChange = (next) => {
     if (next) {
       setOpenWidth(triggerRef.current?.offsetWidth);
@@ -66639,7 +66683,8 @@ function ModelSelector({
   };
   if (!showModelSelector && !showEffort) return null;
   const isRail = variant === "rail";
-  const effortLabel = showEffort && activeEffort ? EFFORT_LABELS[activeEffort] ?? activeEffort : null;
+  const shownEffort = pendingChatGpt ? reasoningEffort : showEffort ? activeEffort : void 0;
+  const effortLabel = shownEffort ? EFFORT_LABELS[shownEffort] ?? shownEffort : null;
   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;
@@ -70659,10 +70704,26 @@ function ChatInputBar({
   const hasSubscriptionMode = Boolean(
     manifestModeEntries?.some((m) => m.provider === "openai-codex")
   );
-  const { data: subscriptionStatus } = useChatGptSubscriptionStatus(hasSubscriptionMode);
-  const { data: subscriptionModels, isError: subscriptionModelsError } = useChatGptSubscriptionModels(
+  const {
+    data: subscriptionStatus,
+    isPending: subscriptionStatusPending,
+    isError: subscriptionStatusError
+  } = useChatGptSubscriptionStatus(hasSubscriptionMode);
+  const {
+    data: subscriptionModels,
+    isError: subscriptionModelsError,
+    isPending: subscriptionModelsPending
+  } = useChatGptSubscriptionModels(
     hasSubscriptionMode && !!subscriptionStatus?.connected
   );
+  const effortOptionsSettled = areEffortOptionsSettled({
+    offered: hasSubscriptionMode,
+    statusPending: subscriptionStatusPending,
+    statusFailed: subscriptionStatusError,
+    connected: !!subscriptionStatus?.connected,
+    modelsPending: subscriptionModelsPending,
+    modelsFailed: subscriptionModelsError
+  });
   const modeEntries = useMemo(() => {
     if (!manifestModeEntries || !subscriptionStatus?.connected || !subscriptionModels) {
       return manifestModeEntries;
@@ -70773,6 +70834,7 @@ function ChatInputBar({
         defaultMode,
         automatic: automaticRouting,
         pending: modelChoicePending,
+        effortOptionsSettled,
         variant: "rail",
         codexConnect: hasCodexMode ? {
           connected: codexConnected,