@frontera-sdk/chat-ui 1.52.45 → 1.52.47

package/dist/chat.js

@@ -1,23 +1,23 @@
 '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-4DDOGZVM.js';
-import { NewSessionPrompt, keepCaretOnTap } from './chunk-5FR2R2Q5.js';
-import { PendingCards } from './chunk-N3I3MZTY.js';
+import { ArtifactSkeleton, resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb } from './chunk-M7JCQQ3Z.js';
+import { NewSessionPrompt, keepCaretOnTap } from './chunk-42PKM4PU.js';
+import { PendingCards } from './chunk-KVJ4JRMC.js';
 import { themeToStyle } from './chunk-6HYPVNVA.js';
 import { useChatAgents } from './chunk-O6CVTMZJ.js';
 import { subjectOfChatToken, capabilitiesOfChatToken } from './chunk-CCVPZVFK.js';
-import { useChatCredential } from './chunk-QGGYWRGV.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-5SGSD4HS.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-YZ6MZLEZ.js';
 import './chunk-X3QVICX7.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-2G3EHYNS.js';
-import { Textarea, artifactFormatIcon, BookIcon, useAgentRoster, ShieldCheckIcon, useArtifactStore, useCanvasStore, useChatOverviewStore, setSdkConversationPath, setSdkDarkMode, AgentsProvider, PluginProvider, WorkspaceProvider, TooltipProvider, getPersonConfirmation, 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, useChatCapabilityEnabled, useChatOptInEnabled, 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-TY6QQSAF.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-C5SCW5HO.js';
+import { Textarea, artifactFormatIcon, BookIcon, useAgentRoster, ShieldCheckIcon, useArtifactStore, useCanvasStore, useChatOverviewStore, setSdkConversationPath, setSdkDarkMode, AgentsProvider, PluginProvider, WorkspaceProvider, TooltipProvider, getPersonConfirmation, 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, useChatCapabilityEnabled, useChatOptInEnabled, 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-6ROTTPLW.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-3ED4DPTV.js';
-import './chunk-BRCS2NHC.js';
-import { AppIcon, frontera_icon_default, PhotoIcon, Folder1Icon, FileTextIcon, describeToolRow, SquareArrowTopRightIcon, ClipboardIcon, getToolMeta, useStreamdownPlugins, AppIconFrame, MessageResponse } from './chunk-X33KXNO3.js';
+import { MOBILE_BREAKPOINT, useIsMobile, I18nProvider, useTranslation } from './chunk-IY27XSPQ.js';
+import './chunk-LAELBWN2.js';
+import { AppIcon, frontera_icon_default, PhotoIcon, Folder1Icon, FileTextIcon, describeToolRow, SquareArrowTopRightIcon, ClipboardIcon, getToolMeta, useStreamdownPlugins, AppIconFrame, MessageResponse } from './chunk-4GXQI4E4.js';
 import { Skeleton, Button, ScrollArea, ChevronDownMediumIcon, buttonVariants } from './chunk-UWKO24VT.js';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, CrossMediumIcon, DialogFooter } from './chunk-2P4IEVOQ.js';
 import './chunk-CDTES65T.js';
@@ -30,7 +30,7 @@ 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 { useChat } from '@ai-sdk/react';
-import { createChatTransport } from '@frontera-sdk/chat/transport';
+import { createChatTransport, OPENING_MESSAGE_ID } from '@frontera-sdk/chat/transport';
 import { runAppConnection, completeRedirectedConnection } from '@frontera-sdk/chat/connect-popup';
 import { ChatClient } from '@frontera-sdk/chat/chat-client';
 import { QueryClient, useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
@@ -42449,7 +42449,7 @@ function SheetEditor({ content, onSave, readOnly = false }) {
   );
 }
 var PdfDocumentViewInner = dynamic(
-  () => import('./pdf-document-view-inner-V7FGCXYR.js'),
+  () => import('./pdf-document-view-inner-UXGEBOW5.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-ZE7DECMZ.js'), {
+var Inner = dynamic(() => import('./pdf-deck-view-inner-GSTIUZNL.js'), {
   ssr: false,
   loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "htmldeck" })
 });
@@ -65924,6 +65924,13 @@ var EFFORT_ORDER = [
   "max"
 ];
 var AUTOMATIC_MODE = "$automatic";
+var CHATGPT_MODE_PREFIX = "chatgpt-";
+function isChatGptModeKey(key2) {
+  return !!key2 && key2.startsWith(CHATGPT_MODE_PREFIX);
+}
+function chatGptModelId(key2) {
+  return isChatGptModeKey(key2) ? key2.slice(CHATGPT_MODE_PREFIX.length) : "";
+}
 var EFFORT_LABELS = {
   minimal: "Minimal",
   low: "Light",
@@ -70735,7 +70742,8 @@ function ChatInputBar({
     if (!orgFlags) return;
     const selectedKey = modelMode ?? defaultMode;
     const selected = Array.isArray(modes) ? modes.find((entry) => entry.key === selectedKey) : selectedKey ? modes?.[selectedKey] : void 0;
-    const chatgptDisconnected = selected?.provider === "openai-codex" && !(hasSubscriptionMode && subscriptionStatus?.connected !== false);
+    const liveChatGpt = !selected && hasSubscriptionMode && isChatGptModeKey(selectedKey);
+    const chatgptDisconnected = (selected?.provider === "openai-codex" || liveChatGpt) && !(hasSubscriptionMode && subscriptionStatus?.connected !== false);
     const xaiDisconnected = selected?.provider === "xai" && !(hasXaiMode && xaiSubscriptionStatus?.connected !== false);
     if (!chatgptDisconnected && !xaiDisconnected) return;
     const cloudMode = modeEntries?.find(
@@ -71321,19 +71329,18 @@ function ChatInputBar({
     if (!(base3 || fileAttachments.length > 0 || composerModes.length > 0) || isDisabled || isUploading) {
       return false;
     }
-    const selectedMode = modeEntries?.find(
-      (mode) => mode.key === (modelMode ?? defaultMode)
-    );
-    if (selectedMode?.provider === "openai-codex") {
+    const selectedKey = modelMode ?? defaultMode;
+    const selectedMode = modeEntries?.find((mode) => mode.key === selectedKey);
+    const unlistedChatGpt = !selectedMode && hasSubscriptionMode && isChatGptModeKey(selectedKey);
+    if (selectedMode?.provider === "openai-codex" || unlistedChatGpt) {
       if (!subscriptionStatus?.connected) {
         toast.error(
           "Connect your ChatGPT account in Settings \u2192 Connections to use this model."
         );
         return false;
       }
-      if (!eligibleSubscriptionModels?.has(
-        selectedMode.modelId ?? selectedMode.model ?? ""
-      )) {
+      const modelId = selectedMode ? selectedMode.modelId ?? selectedMode.model ?? "" : chatGptModelId(selectedKey);
+      if (!eligibleSubscriptionModels?.has(modelId)) {
         toast.error(
           "This ChatGPT model is unavailable for your account. Choose another model."
         );
@@ -72222,7 +72229,7 @@ function FronteraChat({
     [chosenAgent]
   );
   const [loadError, setLoadError] = useState(null);
-  const { getClient, ready, error: credentialError, refresh: refreshCredential } = useChatCredential(credentialProps);
+  const { getClient, ready, error: credentialError, refresh: refreshCredential, openingMessage } = useChatCredential(credentialProps);
   const chatClient = useMemo(() => {
     const client = getClient();
     return client ? new ChatClient(client) : null;
@@ -72363,6 +72370,12 @@ function FronteraChat({
     experimental_throttle: 50
   });
   sendMessageRef.current = sendMessage;
+  useEffect(() => {
+    if (!openingMessage || initialConversationId) return;
+    setMessages(
+      (current) => current.length ? current : [{ id: OPENING_MESSAGE_ID, role: "assistant", parts: [{ type: "text", text: openingMessage }] }]
+    );
+  }, [openingMessage, initialConversationId, setMessages]);
   const replaceComposerText = useComposerStore((state) => state.replaceComposerText);
   const handleEditMessage = useCallback(
     (messageId, newText) => {

package/dist/{chunk-5FR2R2Q5.js → chunk-42PKM4PU.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-3ED4DPTV.js';
+import { useIsMobile, useTranslation } from './chunk-IY27XSPQ.js';
 import { CrossMediumIcon } from './chunk-2P4IEVOQ.js';
 import { AgentAvatar } from './chunk-RVJEI4ZY.js';
 import { cn, Checkmark1Icon } from './chunk-LGVMMBL3.js';

package/dist/{chunk-X33KXNO3.js → chunk-4GXQI4E4.js}

@@ -1250,6 +1250,9 @@ function toolKindVerb(toolName) {
   const cfg = TOOL_ROW_CONFIG[toolName] ?? TOOL_ROW_CONFIG[displayName];
   return cfg?.done;
 }
+function toolKindLabel(toolName) {
+  return toolKindVerb(toolName) ?? describeToolRow(toolName, "output-available", void 0, void 0).verb;
+}
 function describeToolRow(toolName, state, input, output, errorText) {
   const authored = pickTarget(input, ["action"]);
   if (authored) {
@@ -3201,4 +3204,4 @@ var ToolGroupReasoningItem = ({
   ] });
 };
 
-export { AppIcon, AppIconFrame, CircleXIcon, ClipboardIcon, ClockIcon, Code2Icon, Collapse, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, DeviceDesktopIcon, FileTextIcon, Folder1Icon, HoverCard, HoverCardContent, HoverCardTrigger, Icon2 as Icon, Message, MessageContent, MessageResponse, MessageToolbar, PencilIcon, PhotoIcon, STREAMDOWN_LINK_SAFETY, Shimmer, SkillToolItem, SquareArrowTopRightIcon, ToolGroupReasoningItem, WorldSearchIcon, deferDuringLayoutMotion, describeToolRow, frontera_icon_default, getToolMeta, toolKindVerb, useStreamdownPlugins };
+export { AppIcon, AppIconFrame, CircleXIcon, ClipboardIcon, ClockIcon, Code2Icon, Collapse, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, DeviceDesktopIcon, FileTextIcon, Folder1Icon, HoverCard, HoverCardContent, HoverCardTrigger, Icon2 as Icon, Message, MessageContent, MessageResponse, MessageToolbar, PencilIcon, PhotoIcon, STREAMDOWN_LINK_SAFETY, Shimmer, SkillToolItem, SquareArrowTopRightIcon, ToolGroupReasoningItem, WorldSearchIcon, deferDuringLayoutMotion, describeToolRow, frontera_icon_default, getToolMeta, toolKindLabel, useStreamdownPlugins };

package/dist/{chunk-QGGYWRGV.js → chunk-6BCUAPW3.js}

@@ -12,6 +12,7 @@ function useChatCredential(props) {
     return typeof suppliedClient === "function" ? !!suppliedClient() : true;
   });
   const [error, setError] = useState(null);
+  const [openingMessage, setOpeningMessage] = useState(null);
   const clientRef = useRef(null);
   const sessionRef = useRef(null);
   const staticToken = props.token;
@@ -65,6 +66,7 @@ function useChatCredential(props) {
       try {
         const first = await loadFromHost();
         if (disposed) return;
+        if (typeof first.openingMessage === "string" && first.openingMessage.trim()) setOpeningMessage(first.openingMessage);
         const base = first.apiBaseUrl ?? apiBaseUrl;
         if (!base) throw new Error("No apiBaseUrl: pass one, or return it from your token endpoint");
         session = createTokenSession({
@@ -97,7 +99,7 @@ function useChatCredential(props) {
     [staticClient]
   );
   const refresh = useCallback(async () => sessionRef.current?.refresh(), []);
-  return { getClient, ready, error, refresh };
+  return { getClient, ready, error, refresh, openingMessage };
 }
 
 export { useChatCredential };

package/dist/{chunk-TY6QQSAF.js → chunk-6ROTTPLW.js}

@@ -1,9 +1,9 @@
 'use client';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from './chunk-T5SANYSX.js';
-import { useIsMobile, useTranslation } from './chunk-3ED4DPTV.js';
-import { ToolCallItem, ProcessorIcon } from './chunk-BRCS2NHC.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-X33KXNO3.js';
+import { useIsMobile, useTranslation } from './chunk-IY27XSPQ.js';
+import { ToolCallItem, ProcessorIcon } from './chunk-LAELBWN2.js';
+import { describeToolRow, toolKindLabel, getToolMeta, Shimmer, Collapse, ToolGroupReasoningItem, SkillToolItem, DeviceDesktopIcon, WorldSearchIcon, FileTextIcon, useStreamdownPlugins, CircleXIcon, STREAMDOWN_LINK_SAFETY, Folder1Icon, AppIconFrame, AppIcon, Collapsible, CollapsibleTrigger, CollapsibleContent, SquareArrowTopRightIcon, Icon } from './chunk-4GXQI4E4.js';
 import { ChevronDownMediumIcon, Button, Skeleton, buttonVariants } from './chunk-UWKO24VT.js';
 import { Dialog, DialogContent, DialogTitle, DialogDescription, DialogClose, CrossMediumIcon, DialogHeader, DialogFooter } from './chunk-2P4IEVOQ.js';
 import { zipSync } from './chunk-CDTES65T.js';
@@ -18904,14 +18904,38 @@ var MessageStepsGroup = memo(function MessageStepsGroup2({
     const input = getToolInput(imageGenStep.part);
     return input?.aspectRatio ? input.aspectRatio.replace(":", " / ") : "1 / 1";
   })();
+  const namedTools = useMemo(
+    () => toolItems.filter(
+      (item) => !isRequestHumanTool(getToolName(item.part)) && getToolName(item.part) !== "think"
+    ),
+    [toolItems]
+  );
+  const titledTool = useMemo(
+    () => isGroupStreaming ? namedTools.findLast(
+      (item) => ["input-streaming", "input-available"].includes(getToolState(item.part))
+    ) : void 0,
+    [namedTools, isGroupStreaming]
+  );
+  const titledToolLabel = useMemo(() => {
+    if (!titledTool) return "";
+    const { verb, target } = describeToolRow(
+      getToolName(titledTool.part),
+      getToolState(titledTool.part),
+      getToolInput(titledTool.part),
+      getToolOutput(titledTool.part),
+      getToolErrorText(titledTool.part)
+    );
+    return [verb, target].filter(Boolean).join(" ");
+  }, [titledTool]);
   const activitySummary = useMemo(() => {
-    const verbs = toolItems.map((item) => toolKindVerb(getToolName(item.part)) ?? "");
+    if (titledToolLabel) return titledToolLabel;
+    const verbs = namedTools.map((item) => toolKindLabel(getToolName(item.part)));
     return summarizeActivity(verbs) || `${visibleCount} steps completed`;
-  }, [toolItems, visibleCount]);
+  }, [namedTools, visibleCount, titledToolLabel]);
   const activityIcon = useMemo(() => {
-    const lead = toolItems.find((item) => toolKindVerb(getToolName(item.part))) ?? toolItems[0];
+    const lead = titledTool ?? namedTools[0] ?? toolItems[0];
     return lead ? getToolMeta(getToolName(lead.part)).icon : null;
-  }, [toolItems]);
+  }, [titledTool, namedTools, toolItems]);
   const AUTO_CLOSE_DELAY = 1e3;
   const expandedByDefault = useChatOptInEnabled("expandedWorkDetails");
   const foldEnabled = useChatCapabilityEnabled("stepGroupFold");

package/dist/{chunk-2G3EHYNS.js → chunk-C5SCW5HO.js}

@@ -1,8 +1,8 @@
 '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, 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-TY6QQSAF.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, 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-6ROTTPLW.js';
 import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, Popover, PopoverTrigger, PopoverContent } from './chunk-T5SANYSX.js';
-import { useIsMobile, useTranslation } from './chunk-3ED4DPTV.js';
-import { MessageToolbar, MessageResponse, SquareArrowTopRightIcon, FileTextIcon, Shimmer, ClipboardIcon, Message, MessageContent, PencilIcon, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Collapse, Icon, CircleXIcon, ClockIcon } from './chunk-X33KXNO3.js';
+import { useIsMobile, useTranslation } from './chunk-IY27XSPQ.js';
+import { MessageToolbar, MessageResponse, SquareArrowTopRightIcon, FileTextIcon, Shimmer, ClipboardIcon, Message, MessageContent, PencilIcon, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Collapse, Icon, CircleXIcon, ClockIcon } from './chunk-4GXQI4E4.js';
 import { ChevronDownMediumIcon, Button, ScrollArea, Skeleton } from './chunk-UWKO24VT.js';
 import { CrossMediumIcon } from './chunk-2P4IEVOQ.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from './chunk-C3HW5S2Z.js';