@frontera-sdk/chat-ui 1.53.29 → 1.53.31

package/dist/{chunk-K7AIK7TA.js → chunk-6YDDHBQC.js}

@@ -2792,6 +2792,8 @@ var BRAND_ICONS = {
   discord: "logos:discord-icon",
   telegram: "logos:telegram",
   whatsapp: "logos:whatsapp-icon",
+  messenger: "logos:messenger",
+  instagram: "skill-icons:instagram",
   teams: "logos:microsoft-teams",
   email: "mingcute:mail-line",
   webhook: "material-symbols:webhook",

package/dist/{chunk-6IMCJINQ.js → chunk-AWBUED42.js}

@@ -1,8 +1,8 @@
 'use client';
-import { requestPaneFocus, useArtifacts, usePlugins, useCanvasStore, useArtifactStore, useChatOverviewStore, useSourcesEnrichment, sourceKind, useCitationViewer, resolveSourceDisplay, extractDomain, useCitedDocument, canvasId, StudioDisplayIcon, LayoutDashboardIcon, useAgentPanelStore, SourceFavicon, dedup, useArtifactFileObjectUrl, resolveArtifactIconFormat, artifactFormatIcon, avatarMotionForStream, AGENT_AVATAR_SIZE, getFileCategory, FileThumbnail, formatFileSize, usePathname, artifactFormatSubtitle, artifactCategory, Input, MobileScreenSheet, TooltipTrigger, Tooltip, useChatCapabilities, TooltipContent, processMessageParts, GridSpinner, PanelEdgeRing, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, extractCitationsFromSteps, resolvePluginLanguage, getMessageDisplayTimestampValue } from './chunk-IOSRUVWE.js';
+import { requestPaneFocus, useArtifacts, usePlugins, useCanvasStore, useArtifactStore, useChatOverviewStore, useSourcesEnrichment, sourceKind, useCitationViewer, resolveSourceDisplay, extractDomain, useCitedDocument, canvasId, StudioDisplayIcon, LayoutDashboardIcon, useAgentPanelStore, SourceFavicon, dedup, useArtifactFileObjectUrl, resolveArtifactIconFormat, artifactFormatIcon, avatarMotionForStream, AGENT_AVATAR_SIZE, getFileCategory, FileThumbnail, formatFileSize, usePathname, artifactFormatSubtitle, artifactCategory, Input, MobileScreenSheet, TooltipTrigger, Tooltip, useChatCapabilities, TooltipContent, processMessageParts, GridSpinner, PanelEdgeRing, ArtifactActionsMenu, DotGrid1x3HorizontalTightIcon, extractCitationsFromSteps, resolvePluginLanguage, getMessageDisplayTimestampValue } from './chunk-HQL3GCXS.js';
 import { MagnifyingGlassIcon, Popover, PopoverTrigger, PopoverContent, Sheet, SheetContent, SheetHeader, SheetTitle } from './chunk-OONQIDAU.js';
-import { useTranslation, useIsMobile } from './chunk-4Q6CR67S.js';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent, Shimmer, HoverCard, HoverCardTrigger, HoverCardContent } from './chunk-K7AIK7TA.js';
+import { useTranslation, useIsMobile } from './chunk-5C7KTQDW.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent, Shimmer, HoverCard, HoverCardTrigger, HoverCardContent } from './chunk-6YDDHBQC.js';
 import { ChevronDownMediumIcon, ScrollArea, Skeleton, Button } from './chunk-UWKO24VT.js';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, CrossMediumIcon } from './chunk-37WYG6VG.js';
 import { ChevronRightIcon } from './chunk-C3HW5S2Z.js';

package/dist/{chunk-MLR6EJEV.js → chunk-G5Q6TZDM.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, 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-IOSRUVWE.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-HQL3GCXS.js';
 import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, Popover, PopoverTrigger, PopoverContent } from './chunk-OONQIDAU.js';
-import { useIsMobile, useTranslation } from './chunk-4Q6CR67S.js';
-import { MessageToolbar, MessageResponse, SquareArrowTopRightIcon, FileTextIcon, Shimmer, ClipboardIcon, Message, MessageContent, PencilIcon, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Collapse, Icon, CircleXIcon, ClockIcon } from './chunk-K7AIK7TA.js';
+import { useIsMobile, useTranslation } from './chunk-5C7KTQDW.js';
+import { MessageToolbar, MessageResponse, SquareArrowTopRightIcon, FileTextIcon, Shimmer, ClipboardIcon, Message, MessageContent, PencilIcon, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Collapse, Icon, CircleXIcon, ClockIcon } from './chunk-6YDDHBQC.js';
 import { ChevronDownMediumIcon, Button, ScrollArea, Skeleton } from './chunk-UWKO24VT.js';
 import { CrossMediumIcon } from './chunk-37WYG6VG.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from './chunk-C3HW5S2Z.js';

package/dist/{chunk-IOSRUVWE.js → chunk-HQL3GCXS.js}

@@ -1,9 +1,9 @@
 'use client';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
 import { MagnifyingGlassIcon, Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from './chunk-OONQIDAU.js';
-import { useIsMobile, useTranslation } from './chunk-4Q6CR67S.js';
-import { ToolCallItem, ProcessorIcon } from './chunk-R3ONYPUB.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-K7AIK7TA.js';
+import { useIsMobile, useTranslation } from './chunk-5C7KTQDW.js';
+import { ToolCallItem, ProcessorIcon } from './chunk-YZ4Z5J3J.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-6YDDHBQC.js';
 import { ChevronDownMediumIcon, Button, Skeleton, buttonVariants } from './chunk-UWKO24VT.js';
 import { Dialog, DialogContent, DialogTitle, DialogDescription, DialogClose, CrossMediumIcon, DialogHeader, DialogFooter, useReturnFocus } from './chunk-37WYG6VG.js';
 import { zipSync } from './chunk-CDTES65T.js';

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

@@ -5,11 +5,20 @@ import { FronteraClient } from '@frontera-sdk/core/client';
 import { createTokenSession } from '@frontera-sdk/chat/token-session';
 import { mintPublicChatToken } from '@frontera-sdk/chat/public-token';
 
+function usable(client) {
+  if (!client) return false;
+  try {
+    void client.config;
+    return true;
+  } catch {
+    return false;
+  }
+}
 function useChatCredential(props) {
   const suppliedClient = props.client;
   const [ready, setReady] = useState(() => {
     if (!suppliedClient) return false;
-    return typeof suppliedClient === "function" ? !!suppliedClient() : true;
+    return usable(typeof suppliedClient === "function" ? suppliedClient() : suppliedClient);
   });
   const [error, setError] = useState(null);
   const [openingMessage, setOpeningMessage] = useState(null);
@@ -24,10 +33,27 @@ function useChatCredential(props) {
     if (!suppliedClient) return null;
     return typeof suppliedClient === "function" ? suppliedClient : () => suppliedClient;
   }, [suppliedClient]);
-  const pendingGetter = typeof suppliedClient === "function" && !ready;
+  const pending = !!staticClient && !ready;
   useEffect(() => {
-    if (!pendingGetter) return;
-    if (suppliedClient()) setReady(true);
+    if (!pending) return;
+    const client = staticClient();
+    if (!client) return;
+    if (usable(client)) {
+      setReady(true);
+      return;
+    }
+    let current = true;
+    void client.whenConnected().then(
+      () => {
+        if (current) setReady(true);
+      },
+      (failure) => {
+        if (current) setError(failure instanceof Error ? failure : new Error(String(failure)));
+      }
+    );
+    return () => {
+      current = false;
+    };
   });
   useEffect(() => {
     if (staticClient) {
@@ -95,7 +121,10 @@ function useChatCredential(props) {
     };
   }, [staticClient, staticToken, apiBaseUrl, tokenEndpoint, getToken, publishableKey]);
   const getClient = useMemo(
-    () => staticClient ? () => staticClient() : () => sessionRef.current?.getClient() ?? clientRef.current,
+    () => staticClient ? () => {
+      const client = staticClient();
+      return usable(client) ? client : null;
+    } : () => sessionRef.current?.getClient() ?? clientRef.current,
     [staticClient]
   );
   const refresh = useCallback(async () => sessionRef.current?.refresh(), []);

package/dist/{chunk-EK6EYBTA.js → chunk-RADXZ77Y.js}

@@ -1,5 +1,5 @@
 'use client';
-import { useTranslation } from './chunk-4Q6CR67S.js';
+import { useTranslation } from './chunk-5C7KTQDW.js';
 import { Skeleton } from './chunk-UWKO24VT.js';
 import { useRef, useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-QAXXD7LQ.js → chunk-RFTNSPPT.js}

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

package/dist/{chunk-A4GIIAMQ.js → chunk-UHZ64AHN.js}

@@ -1,5 +1,5 @@
 'use client';
-import { getToolMeta } from './chunk-K7AIK7TA.js';
+import { getToolMeta } from './chunk-6YDDHBQC.js';
 import { Button } from './chunk-UWKO24VT.js';
 import { ChevronDownMediumIcon, CrossMediumIcon } from './chunk-EZX3E3BB.js';
 import { useChatClientOptional } from './chunk-6JLWE7M3.js';

package/dist/{chunk-R3ONYPUB.js → chunk-YZ4Z5J3J.js}

@@ -1,5 +1,5 @@
 'use client';
-import { describeToolRow, Code2Icon, getToolMeta, Shimmer, Collapse } from './chunk-K7AIK7TA.js';
+import { describeToolRow, Code2Icon, getToolMeta, Shimmer, Collapse } from './chunk-6YDDHBQC.js';
 import { ChevronDownMediumIcon } from './chunk-UWKO24VT.js';
 import { cn } from './chunk-LGVMMBL3.js';
 import { memo, useState, useMemo } from 'react';

package/dist/client.js

@@ -1,7 +1,7 @@
 'use client';
 export { capabilitiesOfChatToken, subjectOfChatToken } from './chunk-CCVPZVFK.js';
-import { useChatCredential } from './chunk-6BCUAPW3.js';
-export { useChatCredential } from './chunk-6BCUAPW3.js';
+import { useChatCredential } from './chunk-LPQ4JQOB.js';
+export { useChatCredential } from './chunk-LPQ4JQOB.js';
 import './chunk-WDYCLC4F.js';
 export { ChatClientContext, useChatClientOptional } from './chunk-6JLWE7M3.js';
 import './chunk-PR4QN5HX.js';

package/dist/credential.js

@@ -1,4 +1,4 @@
 'use client';
-export { useChatCredential } from './chunk-6BCUAPW3.js';
+export { useChatCredential } from './chunk-LPQ4JQOB.js';
 import './chunk-WDYCLC4F.js';
 import './chunk-PR4QN5HX.js';

package/dist/header.js

@@ -1,11 +1,11 @@
 'use client';
-export { ChatHeader, ChatHeaderActions } from './chunk-6IMCJINQ.js';
-import './chunk-IOSRUVWE.js';
+export { ChatHeader, ChatHeaderActions } from './chunk-AWBUED42.js';
+import './chunk-HQL3GCXS.js';
 import './chunk-CWAOLMFS.js';
 import './chunk-OONQIDAU.js';
-import './chunk-4Q6CR67S.js';
-import './chunk-R3ONYPUB.js';
-import './chunk-K7AIK7TA.js';
+import './chunk-5C7KTQDW.js';
+import './chunk-YZ4Z5J3J.js';
+import './chunk-6YDDHBQC.js';
 import './chunk-UWKO24VT.js';
 import './chunk-37WYG6VG.js';
 import './chunk-CDTES65T.js';

package/dist/message.js

@@ -1,11 +1,11 @@
 'use client';
-export { Message, Thinking } from './chunk-MLR6EJEV.js';
-import './chunk-IOSRUVWE.js';
+export { Message, Thinking } from './chunk-G5Q6TZDM.js';
+import './chunk-HQL3GCXS.js';
 import './chunk-CWAOLMFS.js';
 import './chunk-OONQIDAU.js';
-import './chunk-4Q6CR67S.js';
-import './chunk-R3ONYPUB.js';
-import './chunk-K7AIK7TA.js';
+import './chunk-5C7KTQDW.js';
+import './chunk-YZ4Z5J3J.js';
+import './chunk-6YDDHBQC.js';
 import './chunk-UWKO24VT.js';
 import './chunk-37WYG6VG.js';
 import './chunk-CDTES65T.js';

package/dist/new-session.js

@@ -1,7 +1,7 @@
 'use client';
-export { DEFAULT_SHORTCUTS, NewSessionPrompt, buildDefaultShortcuts } from './chunk-QAXXD7LQ.js';
+export { DEFAULT_SHORTCUTS, NewSessionPrompt, buildDefaultShortcuts } from './chunk-RFTNSPPT.js';
 import './chunk-OONQIDAU.js';
-import './chunk-4Q6CR67S.js';
+import './chunk-5C7KTQDW.js';
 import './chunk-37WYG6VG.js';
 import './chunk-RCWVJD7G.js';
 import './chunk-LGVMMBL3.js';

package/dist/parts.js

@@ -1,6 +1,6 @@
 'use client';
-import { ToolCallItem } from './chunk-R3ONYPUB.js';
-import './chunk-K7AIK7TA.js';
+import { ToolCallItem } from './chunk-YZ4Z5J3J.js';
+import './chunk-6YDDHBQC.js';
 import './chunk-UWKO24VT.js';
 import './chunk-37WYG6VG.js';
 import './chunk-EZX3E3BB.js';

package/dist/{pdf-deck-view-inner-5G2TATKD.js → pdf-deck-view-inner-W63H3BRF.js}

@@ -1,8 +1,8 @@
 'use client';
 import { DeckNotesCard, deckOwnsArrowKeys } from './chunk-4FRTPVJT.js';
-import { resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb, ArtifactSkeleton } from './chunk-EK6EYBTA.js';
+import { resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb, ArtifactSkeleton } from './chunk-RADXZ77Y.js';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
-import { useTranslation, useIsMobile } from './chunk-4Q6CR67S.js';
+import { useTranslation, useIsMobile } from './chunk-5C7KTQDW.js';
 import { Button, ChevronDownMediumIcon, ScrollArea } from './chunk-UWKO24VT.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, ChevronRightIcon } from './chunk-C3HW5S2Z.js';
 import { cn } from './chunk-LGVMMBL3.js';

package/dist/{pdf-document-view-inner-GNFEJM2W.js → pdf-document-view-inner-R73SHXGF.js}

@@ -1,7 +1,7 @@
 'use client';
-import { zoomPercent, DECK_ZOOM_LEVELS, ArtifactSkeleton, LazyThumb } from './chunk-EK6EYBTA.js';
+import { zoomPercent, DECK_ZOOM_LEVELS, ArtifactSkeleton, LazyThumb } from './chunk-RADXZ77Y.js';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
-import { useTranslation, useIsMobile } from './chunk-4Q6CR67S.js';
+import { useTranslation, useIsMobile } from './chunk-5C7KTQDW.js';
 import { Button, ChevronDownMediumIcon, ScrollArea } from './chunk-UWKO24VT.js';
 import { ChevronRightIcon, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem } from './chunk-C3HW5S2Z.js';
 import { cn } from './chunk-LGVMMBL3.js';

package/dist/pending-cards.js

@@ -1,6 +1,6 @@
 'use client';
-export { PendingCards } from './chunk-A4GIIAMQ.js';
-import './chunk-K7AIK7TA.js';
+export { PendingCards } from './chunk-UHZ64AHN.js';
+import './chunk-6YDDHBQC.js';
 import './chunk-UWKO24VT.js';
 import './chunk-37WYG6VG.js';
 import './chunk-EZX3E3BB.js';