@frontera-sdk/chat-ui 1.53.23 → 1.53.25

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-JJ3GBIGA.js';
-import { NewSessionPrompt, keepCaretOnTap } from './chunk-UQDTJM5H.js';
+import { ArtifactSkeleton, resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb } from './chunk-PU75S6NF.js';
+import { NewSessionPrompt, keepCaretOnTap } from './chunk-FBDBLAX5.js';
 import { PendingCards } from './chunk-A4GIIAMQ.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-ZBWIRN76.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-SPSLMHUU.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-4OL5C4O4.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-JIOJ6VJ4.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-GGIFLPU5.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-MPFDU3UN.js';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
 import { Popover, PopoverTrigger, PopoverContent, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-RQSMCGBR.js';
-import { MOBILE_BREAKPOINT, useIsMobile, I18nProvider, useTranslation } from './chunk-VMZCASGI.js';
+import { MOBILE_BREAKPOINT, useIsMobile, I18nProvider, useTranslation } from './chunk-GP43ZTG6.js';
 import './chunk-R3ONYPUB.js';
 import { AppIcon, frontera_icon_default, PhotoIcon, Folder1Icon, FileTextIcon, describeToolRow, SquareArrowTopRightIcon, ClipboardIcon, getToolMeta, useStreamdownPlugins, AppIconFrame, MessageResponse } from './chunk-K7AIK7TA.js';
 import { Skeleton, Button, ScrollArea, ChevronDownMediumIcon, buttonVariants } from './chunk-UWKO24VT.js';
@@ -27,7 +27,7 @@ import { cn, PortalContainerContext, Checkmark1Icon } from './chunk-LGVMMBL3.js'
 import { ChatClientContext } from './chunk-6JLWE7M3.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 as useSyncExternalStore$1, Fragment as Fragment$1 } from 'react';
+import React__default, { createContext, forwardRef, useState, useRef, useImperativeHandle, useCallback, useEffect, useMemo, useContext, useDebugValue, createRef, memo, createElement, useLayoutEffect, version, Activity, Component, useSyncExternalStore as useSyncExternalStore$1, Fragment as Fragment$1 } from 'react';
 import { useChat } from '@ai-sdk/react';
 import { createChatTransport, OPENING_MESSAGE_ID } from '@frontera-sdk/chat/transport';
 import { runAppConnection, completeRedirectedConnection } from '@frontera-sdk/chat/connect-popup';
@@ -42397,7 +42397,7 @@ function SheetEditor({ content, onSave, readOnly = false }) {
   );
 }
 var PdfDocumentViewInner = dynamic(
-  () => import('./pdf-document-view-inner-6FLLMWPJ.js'),
+  () => import('./pdf-document-view-inner-SW5LCGJW.js'),
   {
     ssr: false,
     loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "pdf" })
@@ -42408,7 +42408,8 @@ function PdfDocumentView({
   title,
   label,
   versionSlot,
-  page
+  page,
+  pageKey
 }) {
   const [failedFileUrl, setFailedFileUrl] = useState(null);
   const failed = failedFileUrl === fileUrl;
@@ -42439,7 +42440,8 @@ function PdfDocumentView({
       label,
       onError: () => setFailedFileUrl(fileUrl),
       versionSlot,
-      page
+      page,
+      pageKey
     }
   );
 }
@@ -43216,11 +43218,11 @@ 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-7LFNDF6P.js'), {
+var Inner = dynamic(() => import('./pdf-deck-view-inner-2R6AFHKA.js'), {
   ssr: false,
   loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "htmldeck" })
 });
-function PdfDeckView({ fileUrl, title, label, notes, page }) {
+function PdfDeckView({ fileUrl, title, label, notes, page, pageKey, textLayer }) {
   const [failedFileUrl, setFailedFileUrl] = useState(null);
   if (failedFileUrl === fileUrl) {
     return /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-y-auto scrollbar bg-muted/30", children: /* @__PURE__ */ jsx(
@@ -43238,6 +43240,8 @@ function PdfDeckView({ fileUrl, title, label, notes, page }) {
       label,
       notes,
       page,
+      pageKey,
+      textLayer,
       onError: () => setFailedFileUrl(fileUrl)
     },
     fileUrl
@@ -43666,6 +43670,7 @@ function TextFileArtifactView({
             {
               value: "preview",
               className: "mt-0 min-h-0 flex-1 overflow-x-hidden overflow-y-auto scrollbar",
+              "data-text-root": "",
               children: /* @__PURE__ */ jsx(MarkdownFilePreview, { content: preview.content })
             }
           ),
@@ -43674,6 +43679,7 @@ function TextFileArtifactView({
             {
               value: "code",
               className: "mt-0 min-h-0 flex-1 overflow-x-hidden overflow-y-auto scrollbar",
+              "data-text-root": "",
               children: /* @__PURE__ */ jsx(
                 SyntaxHighlightedFile,
                 {
@@ -43683,7 +43689,7 @@ function TextFileArtifactView({
               )
             }
           )
-        ] }) : /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-x-hidden overflow-y-auto scrollbar", children: isPlainTextLanguage(meta.language) ? /* @__PURE__ */ jsx("pre", { className: "min-h-full w-full max-w-full whitespace-pre-wrap px-4 py-2 font-mono text-[0.8125rem] leading-6 text-foreground [overflow-wrap:anywhere]", children: /* @__PURE__ */ jsx("code", { className: "block w-full min-w-0 whitespace-pre-wrap [overflow-wrap:anywhere]", children: preview.content }) }) : /* @__PURE__ */ jsx(
+        ] }) : /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-x-hidden overflow-y-auto scrollbar", "data-text-root": "", children: isPlainTextLanguage(meta.language) ? /* @__PURE__ */ jsx("pre", { className: "min-h-full w-full max-w-full whitespace-pre-wrap px-4 py-2 font-mono text-[0.8125rem] leading-6 text-foreground [overflow-wrap:anywhere]", children: /* @__PURE__ */ jsx("code", { className: "block w-full min-w-0 whitespace-pre-wrap [overflow-wrap:anywhere]", children: preview.content }) }) : /* @__PURE__ */ jsx(
           SyntaxHighlightedFile,
           {
             content: preview.content,
@@ -63625,6 +63631,92 @@ function MentionNodeView({ node, extension: extension2 }) {
     }
   ) });
 }
+var MentionListFrame = forwardRef(function MentionListFrame2({ children }, ref) {
+  const scrollRef = useRef(null);
+  useImperativeHandle(ref, () => scrollRef.current, []);
+  const [edges, setEdges] = useState({ top: false, bottom: false });
+  const measureEdges = useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const max = el.scrollHeight - el.clientHeight;
+    const next = max <= 1 ? { top: false, bottom: false } : { top: el.scrollTop > 1, bottom: el.scrollTop < max - 1 };
+    setEdges(
+      (prev) => prev.top === next.top && prev.bottom === next.bottom ? prev : next
+    );
+  }, []);
+  useEffect(measureEdges);
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver(measureEdges);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [measureEdges]);
+  return /* @__PURE__ */ jsxs("div", { className: "relative w-full overflow-hidden rounded-2xl border border-border bg-surface-overlay shadow-md", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: scrollRef,
+        onScroll: measureEdges,
+        className: "overflow-y-auto scrollbar p-1.5",
+        style: { maxHeight: "var(--mention-list-max, 20rem)" },
+        children
+      }
+    ),
+    edges.top && /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "pointer-events-none absolute inset-x-0 top-0 z-10 h-12 bg-linear-to-b from-surface-overlay to-transparent"
+      }
+    ),
+    edges.bottom && /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "pointer-events-none absolute inset-x-0 bottom-0 z-10 h-12 bg-linear-to-t from-surface-overlay to-transparent"
+      }
+    )
+  ] });
+});
+function useMentionListKeys(ref, rows, pick) {
+  const [active, setActive] = useState(0);
+  const activeRef = useRef(null);
+  useEffect(() => {
+    setActive(0);
+  }, [rows]);
+  useEffect(() => {
+    activeRef.current?.scrollIntoView({ block: "nearest" });
+  }, [active]);
+  useImperativeHandle(ref, () => ({
+    onKeyDown({ event }) {
+      const last = rows.length - 1;
+      if (event.key === "ArrowDown") {
+        setActive((i) => Math.min(last, i + 1));
+        return true;
+      }
+      if (event.key === "ArrowUp") {
+        setActive((i) => Math.max(0, i - 1));
+        return true;
+      }
+      if (event.key === "Home") {
+        setActive(0);
+        return true;
+      }
+      if (event.key === "End") {
+        setActive(Math.max(0, last));
+        return true;
+      }
+      if (event.key === "Enter" || event.key === "Tab") {
+        const row = rows[active];
+        if (row) pick(row);
+        return true;
+      }
+      return false;
+    }
+  }));
+  return { active, setActive, activeRef };
+}
 var DOMAIN2 = "meta";
 var MANIFEST_FETCH_TIMEOUT_MS = 2e4;
 var metaKeys = {
@@ -64892,19 +64984,6 @@ function MentionEmpty({ query }) {
 }
 var MentionMenu = forwardRef(
   function MentionMenu2({ rawGroups, query, kinds, commands, asCommands, command: command5, showGroupTitles }, ref) {
-    const [selectedIdx, setSelectedIdx] = useState(0);
-    const activeRef = useRef(null);
-    const scrollRef = useRef(null);
-    const [edges, setEdges] = useState({ top: false, bottom: false });
-    const measureEdges = useCallback(() => {
-      const el = scrollRef.current;
-      if (!el) return;
-      const max = el.scrollHeight - el.clientHeight;
-      const next = max <= 1 ? { top: false, bottom: false } : { top: el.scrollTop > 1, bottom: el.scrollTop < max - 1 };
-      setEdges(
-        (prev) => prev.top === next.top && prev.bottom === next.bottom ? prev : next
-      );
-    }, []);
     const groups = useMemo(() => {
       const ranked = filterMentionGroups(rawGroups, query, { kinds, commands });
       return query.trim() ? flattenMentionGroups(ranked) : ranked;
@@ -64913,114 +64992,49 @@ var MentionMenu = forwardRef(
       () => groups.flatMap((g) => g.items.filter((i) => !i.unavailable)),
       [groups]
     );
-    useEffect(() => {
-      setSelectedIdx(0);
-    }, [groups]);
-    useEffect(() => {
-      activeRef.current?.scrollIntoView({ block: "nearest" });
-    }, [selectedIdx]);
-    useEffect(measureEdges, [measureEdges, groups, selectedIdx]);
-    useEffect(() => {
-      const el = scrollRef.current;
-      if (!el) return;
-      const ro = new ResizeObserver(measureEdges);
-      ro.observe(el);
-      return () => ro.disconnect();
-    }, [measureEdges]);
-    useImperativeHandle(ref, () => ({
-      onKeyDown({ event }) {
-        const last = flat.length - 1;
-        if (event.key === "ArrowDown") {
-          setSelectedIdx((i) => Math.min(last, i + 1));
-          return true;
-        }
-        if (event.key === "ArrowUp") {
-          setSelectedIdx((i) => Math.max(0, i - 1));
-          return true;
-        }
-        if (event.key === "Home") {
-          setSelectedIdx(0);
-          return true;
-        }
-        if (event.key === "End") {
-          setSelectedIdx(Math.max(0, last));
-          return true;
-        }
-        if (event.key === "Enter" || event.key === "Tab") {
-          const item = flat[selectedIdx];
-          if (item) command5(item);
-          return true;
-        }
-        return false;
-      }
-    }));
+    const { active: selectedIdx, setActive: setSelectedIdx, activeRef } = useMentionListKeys(ref, flat, command5);
     const anyLoading = groups.some((g) => g.loading);
     const hasRows = groups.some((g) => g.items.length > 0);
-    return /* @__PURE__ */ jsxs("div", { className: "relative w-full overflow-hidden rounded-2xl border border-border bg-surface-overlay shadow-md", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: scrollRef,
-          onScroll: measureEdges,
-          className: "overflow-y-auto scrollbar p-1.5",
-          style: { maxHeight: "var(--mention-list-max, 20rem)" },
-          children: !hasRows && !anyLoading ? /* @__PURE__ */ jsx(MentionEmpty, { query }) : groups.map((g, groupIndex) => /* @__PURE__ */ jsxs("div", { children: [
-            showGroupTitles && g.title && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2.5 pb-0.5 pt-1.5", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: g.title }),
-              g.loading && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70", children: "searching\u2026" })
-            ] }),
-            g.items.map((item) => {
-              const idx = item.unavailable ? -1 : flat.indexOf(item);
-              return /* @__PURE__ */ jsx(
-                MentionRow,
-                {
-                  item,
-                  asCommand: asCommands && item.ref?.kind === "skill",
-                  isActive: idx >= 0 && idx === selectedIdx,
-                  activeRef: idx === selectedIdx ? activeRef : void 0,
-                  onHover: () => idx >= 0 && setSelectedIdx(idx),
-                  onSelect: () => command5(item)
-                },
-                item.id
-              );
-            }),
-            g.items.length === 0 && g.loading && [0, 1, 2].map((i) => /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "flex items-center gap-2 px-2.5 py-1.5",
-                "aria-hidden": true,
-                children: [
-                  /* @__PURE__ */ jsx(Skeleton, { className: "size-4 shrink-0 rounded-sm" }),
-                  /* @__PURE__ */ jsx(
-                    Skeleton,
-                    {
-                      className: "h-3 rounded-sm",
-                      style: { width: `${[38, 52, 30][i]}%` }
-                    }
-                  )
-                ]
-              },
-              `skeleton-${i}`
-            )),
-            groupIndex < groups.length - 1 && /* @__PURE__ */ jsx("div", { className: "h-1" })
-          ] }, g.key))
-        }
-      ),
-      edges.top && /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-hidden": true,
-          className: "pointer-events-none absolute inset-x-0 top-0 z-10 h-12 bg-linear-to-b from-surface-overlay to-transparent"
-        }
-      ),
-      edges.bottom && /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(MentionListFrame, { children: !hasRows && !anyLoading ? /* @__PURE__ */ jsx(MentionEmpty, { query }) : groups.map((g, groupIndex) => /* @__PURE__ */ jsxs("div", { children: [
+      showGroupTitles && g.title && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2.5 pb-0.5 pt-1.5", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: g.title }),
+        g.loading && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground/70", children: "searching\u2026" })
+      ] }),
+      g.items.map((item) => {
+        const idx = item.unavailable ? -1 : flat.indexOf(item);
+        return /* @__PURE__ */ jsx(
+          MentionRow,
+          {
+            item,
+            asCommand: asCommands && item.ref?.kind === "skill",
+            isActive: idx >= 0 && idx === selectedIdx,
+            activeRef: idx === selectedIdx ? activeRef : void 0,
+            onHover: () => idx >= 0 && setSelectedIdx(idx),
+            onSelect: () => command5(item)
+          },
+          item.id
+        );
+      }),
+      g.items.length === 0 && g.loading && [0, 1, 2].map((i) => /* @__PURE__ */ jsxs(
         "div",
         {
+          className: "flex items-center gap-2 px-2.5 py-1.5",
           "aria-hidden": true,
-          className: "pointer-events-none absolute inset-x-0 bottom-0 z-10 h-12 bg-linear-to-t from-surface-overlay to-transparent"
-        }
-      )
-    ] });
+          children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "size-4 shrink-0 rounded-sm" }),
+            /* @__PURE__ */ jsx(
+              Skeleton,
+              {
+                className: "h-3 rounded-sm",
+                style: { width: `${[38, 52, 30][i]}%` }
+              }
+            )
+          ]
+        },
+        `skeleton-${i}`
+      )),
+      groupIndex < groups.length - 1 && /* @__PURE__ */ jsx("div", { className: "h-1" })
+    ] }, g.key)) });
   }
 );
 

package/dist/{chunk-UQDTJM5H.js → chunk-FBDBLAX5.js}

@@ -1,6 +1,6 @@
 'use client';
 import { Sheet, SheetContent, SheetHeader, SheetTitle, Popover, PopoverTrigger, PopoverContent, MagnifyingGlassIcon } from './chunk-RQSMCGBR.js';
-import { useIsMobile, useTranslation } from './chunk-VMZCASGI.js';
+import { useIsMobile, useTranslation } from './chunk-GP43ZTG6.js';
 import { CrossMediumIcon } from './chunk-37WYG6VG.js';
 import { AgentAvatar } from './chunk-RCWVJD7G.js';
 import { cn, Checkmark1Icon } from './chunk-LGVMMBL3.js';

package/dist/{chunk-SPSLMHUU.js → chunk-GGIFLPU5.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, useCitedDocument, useChatOverviewStore, dedup, extractDomain, sourceKind, SourceFavicon, Input, exportDocumentPdf, FilePdfIcon, StudioDisplayIcon, WorldIcon, MessageStepsGroup, getToolState, getToolInput, getToolErrorText, useChatOptInEnabled, ArrowRightIcon, formatFileSize, FileThumbnail, attachmentFileOf, MobileScreenSheet, useAgentHistorySource, treatyErrorMessage, useRouter, useBasePath, useAgentPanelStore, AgentRoutineForm, getFileCategory, unwrap, unwrapData, unwrapDataDeep, formatDecisionTime, DecisionCard, LoaderIcon, formatRelativeTime, CircleCheckIcon, agentRoutineKeys, useOptionalAgentsContext, avatarMotionForStream, AGENT_AVATAR_SIZE } from './chunk-4OL5C4O4.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, useCitedDocument, useChatOverviewStore, dedup, extractDomain, sourceKind, SourceFavicon, Input, exportDocumentPdf, FilePdfIcon, StudioDisplayIcon, WorldIcon, MessageStepsGroup, getToolState, getToolInput, getToolErrorText, useChatOptInEnabled, ArrowRightIcon, formatFileSize, FileThumbnail, attachmentFileOf, MobileScreenSheet, useAgentHistorySource, treatyErrorMessage, useRouter, useBasePath, useAgentPanelStore, AgentRoutineForm, getFileCategory, unwrap, unwrapData, unwrapDataDeep, formatDecisionTime, DecisionCard, LoaderIcon, formatRelativeTime, CircleCheckIcon, agentRoutineKeys, useOptionalAgentsContext, avatarMotionForStream, AGENT_AVATAR_SIZE } from './chunk-MPFDU3UN.js';
 import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, Popover, PopoverTrigger, PopoverContent } from './chunk-RQSMCGBR.js';
-import { useIsMobile, useTranslation } from './chunk-VMZCASGI.js';
+import { useIsMobile, useTranslation } from './chunk-GP43ZTG6.js';
 import { MessageToolbar, MessageResponse, SquareArrowTopRightIcon, FileTextIcon, Shimmer, ClipboardIcon, Message, MessageContent, PencilIcon, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Collapse, Icon, CircleXIcon, ClockIcon } from './chunk-K7AIK7TA.js';
 import { ChevronDownMediumIcon, Button, ScrollArea, Skeleton } from './chunk-UWKO24VT.js';
 import { CrossMediumIcon } from './chunk-37WYG6VG.js';