@frontera-sdk/chat-ui 1.53.8 → 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-PF67GCUZ.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),