@frontera-sdk/chat-ui 1.53.1 → 1.53.3

package/dist/chat.js

@@ -1,22 +1,22 @@
 '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-DEHUNST4.js';
-import { NewSessionPrompt, keepCaretOnTap } from './chunk-GDJGXHPE.js';
-import { PendingCards } from './chunk-YH7IIRDX.js';
+import { ArtifactSkeleton, resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb } from './chunk-ARPUGGVC.js';
+import { NewSessionPrompt, keepCaretOnTap } from './chunk-Q4RXEJFV.js';
+import { PendingCards } from './chunk-KKAA343W.js';
 import { themeToStyle } from './chunk-6HYPVNVA.js';
 import { useChatAgents } from './chunk-O6CVTMZJ.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-OHHRDREC.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-3RO4V24O.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-TER2I37Y.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-ORUNGXNT.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-PZUD5SUF.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-O4OYVAY5.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-ZKB77W6J.js';
-import './chunk-M6GWBAO2.js';
-import { AppIcon, frontera_icon_default, PhotoIcon, Folder1Icon, FileTextIcon, describeToolRow, SquareArrowTopRightIcon, ClipboardIcon, getToolMeta, useStreamdownPlugins, AppIconFrame, MessageResponse } from './chunk-ITMOMVIV.js';
+import { MOBILE_BREAKPOINT, useIsMobile, I18nProvider, useTranslation } from './chunk-IT6MY3JL.js';
+import './chunk-KCNK4P2Z.js';
+import { AppIcon, frontera_icon_default, PhotoIcon, Folder1Icon, FileTextIcon, describeToolRow, SquareArrowTopRightIcon, ClipboardIcon, getToolMeta, useStreamdownPlugins, AppIconFrame, MessageResponse } from './chunk-K5T7I553.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';
@@ -42448,7 +42448,7 @@ function SheetEditor({ content, onSave, readOnly = false }) {
   );
 }
 var PdfDocumentViewInner = dynamic(
-  () => import('./pdf-document-view-inner-FWPAAO73.js'),
+  () => import('./pdf-document-view-inner-4O4AMLWL.js'),
   {
     ssr: false,
     loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "pdf" })
@@ -43265,7 +43265,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-YA7G5U2C.js'), {
+var Inner = dynamic(() => import('./pdf-deck-view-inner-6FR5GK7I.js'), {
   ssr: false,
   loading: () => /* @__PURE__ */ jsx(ArtifactSkeleton, { format: "htmldeck" })
 });
@@ -64773,8 +64773,9 @@ function lower(terms) {
 function filterMentionGroups(groups, query, opts) {
   const q = query.trim();
   const kinds = opts?.kinds;
+  const commands = opts?.commands !== false;
   const ranked = groups.map((g) => {
-    let items = kinds ? g.items.filter((i) => !!i.command || !!i.ref && kinds.includes(i.ref.kind)) : g.items;
+    let items = kinds ? g.items.filter((i) => commands && !!i.command || !!i.ref && kinds.includes(i.ref.kind)) : g.items;
     const remote = g.resolvedQuery !== void 0;
     const stale = remote && g.resolvedQuery !== q;
     if (q) {
@@ -64922,7 +64923,7 @@ function MentionEmpty({ query }) {
   ] });
 }
 var MentionMenu = forwardRef(
-  function MentionMenu2({ rawGroups, query, kinds, command: command5, showGroupTitles }, ref) {
+  function MentionMenu2({ rawGroups, query, kinds, commands, command: command5, showGroupTitles }, ref) {
     const [selectedIdx, setSelectedIdx] = useState(0);
     const activeRef = useRef(null);
     const scrollRef = useRef(null);
@@ -64937,9 +64938,9 @@ var MentionMenu = forwardRef(
       );
     }, []);
     const groups = useMemo(() => {
-      const ranked = filterMentionGroups(rawGroups, query, { kinds });
+      const ranked = filterMentionGroups(rawGroups, query, { kinds, commands });
       return query.trim() ? flattenMentionGroups(ranked) : ranked;
-    }, [rawGroups, query, kinds]);
+    }, [rawGroups, query, kinds, commands]);
     const flat = useMemo(
       () => groups.flatMap((g) => g.items.filter((i) => !i.unavailable)),
       [groups]
@@ -65099,7 +65100,8 @@ var ComposerMention = Mention.extend({
     return ReactNodeViewRenderer(MentionNodeView);
   }
 });
-function buildSuggestion(spec, getGroups, onQueryChange, onInserted, onOutput, onCommand) {
+function buildSuggestion(spec, getGroups, onQueryChange, onInserted, onOutput, onCommand, onRefresher = () => {
+}) {
   return {
     char: spec.char,
     pluginKey: spec.pluginKey,
@@ -65112,7 +65114,7 @@ function buildSuggestion(spec, getGroups, onQueryChange, onInserted, onOutput, o
     // What this returns drives `setVisibility` only — the menu re-filters from
     // the RAW groups so it can apply its own scope. Both go through the same
     // helper, so the "does anything match?" answer can't drift from the list.
-    items: ({ query, editor }) => filterMentionGroups(getGroups(editor), query, { kinds: spec.kinds }),
+    items: ({ query, editor }) => filterMentionGroups(getGroups(editor), query, { kinds: spec.kinds, commands: spec.commands }),
     command: ({ editor, range, props }) => {
       const item = props;
       if (item.output) {
@@ -65148,6 +65150,7 @@ function buildSuggestion(spec, getGroups, onQueryChange, onInserted, onOutput, o
     render: () => {
       let component = null;
       let popup = null;
+      let latest = null;
       const place = (props) => {
         if (!popup) return;
         const editorDom = props.editor.view.dom;
@@ -65189,6 +65192,7 @@ function buildSuggestion(spec, getGroups, onQueryChange, onInserted, onOutput, o
         rawGroups: getGroups(props.editor),
         query: props.query ?? "",
         ...spec.kinds ? { kinds: spec.kinds } : {},
+        ...spec.commands === false ? { commands: false } : {},
         showGroupTitles: spec.char === "@",
         command: (item) => props.command(item)
       });
@@ -65209,8 +65213,13 @@ function buildSuggestion(spec, getGroups, onQueryChange, onInserted, onOutput, o
           place(props);
           requestAnimationFrame(() => place(props));
           if (spec.char === "@") onQueryChange(props.query ?? "");
+          latest = props;
+          onRefresher(() => {
+            if (latest) component?.updateProps(menuProps(latest));
+          });
         },
         onUpdate(props) {
+          latest = props;
           component?.updateProps(menuProps(props));
           setVisibility(props);
           place(props);
@@ -65223,6 +65232,8 @@ function buildSuggestion(spec, getGroups, onQueryChange, onInserted, onOutput, o
             component?.destroy();
             popup = null;
             component = null;
+            latest = null;
+            onRefresher(null);
             if (spec.char === "@") onQueryChange(null);
             return true;
           }
@@ -65233,6 +65244,8 @@ function buildSuggestion(spec, getGroups, onQueryChange, onInserted, onOutput, o
           component?.destroy();
           popup = null;
           component = null;
+          latest = null;
+          onRefresher(null);
           if (spec.char === "@") onQueryChange(null);
         }
       };
@@ -65355,6 +65368,7 @@ var ComposerEditor = forwardRef(function ComposerEditor2({
   className,
   firstLineIndentPx = 0,
   mentionGroups,
+  atKinds,
   oneAgentReason,
   onMentionQueryChange,
   onMentionInserted,
@@ -65369,6 +65383,10 @@ var ComposerEditor = forwardRef(function ComposerEditor2({
 }, ref) {
   const groupsRef = useRef(mentionGroups);
   groupsRef.current = mentionGroups;
+  const refreshMenuRef = useRef(null);
+  useEffect(() => {
+    refreshMenuRef.current?.();
+  }, [mentionGroups]);
   const oneAgentReasonRef = useRef(oneAgentReason);
   oneAgentReasonRef.current = oneAgentReason;
   const readGroups = (ed) => applyOneAgentRule(
@@ -65429,12 +65447,15 @@ var ComposerEditor = forwardRef(function ComposerEditor2({
       ComposerMention.configure({
         suggestions: [
           buildSuggestion(
-            { char: "@", pluginKey: AT_PLUGIN_KEY },
+            { char: "@", pluginKey: AT_PLUGIN_KEY, ...atKinds ? { kinds: atKinds, commands: false } : {} },
             readGroups,
             (q) => onMentionQueryChangeRef.current?.(q),
             (id) => onMentionInsertedRef.current?.(id),
             (mode) => onOutputSelectedRef.current?.(mode),
-            (cmd) => onCommandRef.current?.(cmd)
+            (cmd) => onCommandRef.current?.(cmd),
+            (refresh) => {
+              refreshMenuRef.current = refresh;
+            }
           ),
           buildSuggestion(
             {
@@ -65448,7 +65469,10 @@ var ComposerEditor = forwardRef(function ComposerEditor2({
             (q) => onMentionQueryChangeRef.current?.(q),
             (id) => onMentionInsertedRef.current?.(id),
             (mode) => onOutputSelectedRef.current?.(mode),
-            (cmd) => onCommandRef.current?.(cmd)
+            (cmd) => onCommandRef.current?.(cmd),
+            (refresh) => {
+              refreshMenuRef.current = refresh;
+            }
           )
         ]
       }),
@@ -65692,7 +65716,7 @@ function useMentionRecents() {
   );
   return { ids, remember };
 }
-function ComposerSubmitButton({ status, hasContent, disabled, onStop, neutral = false }) {
+function ComposerSubmitButton({ status, hasContent, disabled, onStop, neutral = false, className }) {
   const showStop = !hasContent && (status === "submitted" || status === "streaming");
   return /* @__PURE__ */ jsx(
     PromptInputSubmit,
@@ -65703,7 +65727,7 @@ function ComposerSubmitButton({ status, hasContent, disabled, onStop, neutral =
       type: showStop ? "button" : "submit",
       disabled: showStop ? !onStop : disabled || !hasContent,
       variant: showStop ? "ghost" : neutral ? "default-neutral" : "default",
-      className: "size-7 shrink-0 min-w-7 rounded-full max-md:size-9 max-md:min-w-9",
+      className: cn("size-7 shrink-0 min-w-7 rounded-full max-md:size-9 max-md:min-w-9", className),
       children: showStop ? /* @__PURE__ */ jsx(StreamingStopIcon, {}) : /* @__PURE__ */ jsx(ArrowUpIcon, { className: "size-4" })
     }
   );
@@ -70052,7 +70076,7 @@ function ApprovalPromptDetails({
   const plan = summary?.plan;
   const preview = summary?.preview ?? [];
   const integration = integrationFor(approval);
-  const meta = [integration, approval.toolName, summary?.resource?.label, formatExpiry(approval.expiresAt)].filter((part) => Boolean(part));
+  const meta = [integration, approval.toolName, summary?.resource?.label, approval.expiresAt ? formatExpiry(approval.expiresAt) : null].filter((part) => Boolean(part));
   return /* @__PURE__ */ jsxs("div", { "data-slot": "approval-prompt-details", className: "space-y-2 text-xs", children: [
     !summaryShown && summary?.description && /* @__PURE__ */ jsx("p", { className: "leading-5 text-foreground", children: summary.description }),
     !summaryShown && approval.policyReason && /* @__PURE__ */ jsxs("p", { className: "leading-5 text-foreground", children: [

package/dist/{chunk-DEHUNST4.js → chunk-ARPUGGVC.js}

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

package/dist/{chunk-ZKB77W6J.js → chunk-IT6MY3JL.js}

@@ -4681,6 +4681,8 @@ var en_default = {
   "omnichannel.inbox.template.headerValue": "Header value {n}",
   "omnichannel.inbox.template.bodyValue": "Value {n}",
   "omnichannel.inbox.template.oneLine": "Keep it on one line: WhatsApp doesn't allow line breaks or tabs in a value.",
+  "omnichannel.inbox.template.linkValue": "Link value for \u201C{button}\u201D",
+  "omnichannel.inbox.template.noSpaces": "A link value can\u2019t have spaces.",
   "omnichannel.inbox.template.preview": "Preview",
   "omnichannel.inbox.template.search": "Search templates",
   "omnichannel.inbox.template.categories": "Template categories",
@@ -4695,7 +4697,7 @@ var en_default = {
   "omnichannel.inbox.template.reason.header_file": "Its header is a kind of file Omnichannel can't attach.",
   "omnichannel.inbox.template.reason.named_variables": "It uses named variables, which Omnichannel can't fill in yet.",
   "omnichannel.inbox.template.reason.header_variables": "Its header has more than one variable.",
-  "omnichannel.inbox.template.reason.button_link_value": "A button's link takes a value, which Omnichannel can't fill in yet.",
+  "omnichannel.inbox.template.reason.button_link_value": "A button's link takes more than one value, which WhatsApp doesn't allow.",
   "omnichannel.inbox.template.media.label.image": "Header image",
   "omnichannel.inbox.template.media.label.video": "Header video",
   "omnichannel.inbox.template.media.label.document": "Header document",
@@ -5166,7 +5168,7 @@ var en_default = {
   "chatApps.create.chat.hint": "A focused conversation around one or more of your Agents, with its own audience, features and history.",
   "chatApps.create.code.title": "Custom App",
   "chatApps.create.code.description": "Build a tailored operational interface with the Frontera SDK.",
-  "chatApps.create.accent": "Accent",
+  "chatApps.create.accent": "Color",
   "chatApps.create.back": "Back",
   "chatApps.preview.badge": "Draft preview",
   "chatApps.preview.liveVersion": "Your audience has version {version}",
@@ -10644,6 +10646,8 @@ var id_default = {
   "omnichannel.inbox.template.headerValue": "Isian judul {n}",
   "omnichannel.inbox.template.bodyValue": "Isian {n}",
   "omnichannel.inbox.template.oneLine": "Tulis dalam satu baris: WhatsApp tidak mengizinkan baris baru atau tab dalam isian.",
+  "omnichannel.inbox.template.linkValue": "Nilai tautan untuk \u201C{button}\u201D",
+  "omnichannel.inbox.template.noSpaces": "Nilai tautan tidak boleh berisi spasi.",
   "omnichannel.inbox.template.preview": "Pratinjau",
   "omnichannel.inbox.template.search": "Cari template",
   "omnichannel.inbox.template.categories": "Kategori template",
@@ -10658,7 +10662,7 @@ var id_default = {
   "omnichannel.inbox.template.reason.header_file": "Header-nya berupa jenis file yang tidak bisa dilampirkan Omnichannel.",
   "omnichannel.inbox.template.reason.named_variables": "Template ini memakai variabel bernama, yang belum bisa diisi Omnichannel.",
   "omnichannel.inbox.template.reason.header_variables": "Header-nya punya lebih dari satu variabel.",
-  "omnichannel.inbox.template.reason.button_link_value": "Tautan salah satu tombolnya butuh nilai, yang belum bisa diisi Omnichannel.",
+  "omnichannel.inbox.template.reason.button_link_value": "Tautan salah satu tombolnya butuh lebih dari satu nilai, yang tidak diizinkan WhatsApp.",
   "omnichannel.inbox.template.media.label.image": "Gambar header",
   "omnichannel.inbox.template.media.label.video": "Video header",
   "omnichannel.inbox.template.media.label.document": "Dokumen header",
@@ -11129,7 +11133,7 @@ var id_default = {
   "chatApps.create.chat.hint": "Percakapan terfokus di sekitar satu atau beberapa Agent Anda, dengan audiens, fitur, dan riwayat sendiri.",
   "chatApps.create.code.title": "Custom App",
   "chatApps.create.code.description": "Bangun antarmuka operasional khusus dengan Frontera SDK.",
-  "chatApps.create.accent": "Aksen",
+  "chatApps.create.accent": "Warna",
   "chatApps.create.back": "Kembali",
   "chatApps.preview.badge": "Pratinjau draf",
   "chatApps.preview.liveVersion": "Audiens Anda memakai versi {version}",

package/dist/{chunk-ITMOMVIV.js → chunk-K5T7I553.js}

@@ -916,7 +916,7 @@ function LinkSafetyModal({ isOpen, onClose, onConfirm, url }) {
           ] }),
           /* @__PURE__ */ jsx(DialogDescription, { children: "You're about to visit an external website." })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "break-all rounded-md border border-border bg-muted px-3 items-center flex font-mono text-sm text-foreground h-8", children: url }),
+        /* @__PURE__ */ jsx("div", { className: "max-h-40 min-w-0 overflow-y-auto break-all rounded-md border border-border bg-muted px-3 py-1.5 font-mono text-[13px] leading-5 text-foreground", children: url }),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsxs(
             Button,

package/dist/{chunk-M6GWBAO2.js → chunk-KCNK4P2Z.js}

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

package/dist/{chunk-YH7IIRDX.js → chunk-KKAA343W.js}

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

package/dist/{chunk-TER2I37Y.js → chunk-O4OYVAY5.js}

@@ -1,9 +1,9 @@
 'use client';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
 import { MagnifyingGlassIcon, Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from './chunk-FZ3VSITY.js';
-import { useIsMobile, useTranslation } from './chunk-ZKB77W6J.js';
-import { ToolCallItem, ProcessorIcon } from './chunk-M6GWBAO2.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-ITMOMVIV.js';
+import { useIsMobile, useTranslation } from './chunk-IT6MY3JL.js';
+import { ToolCallItem, ProcessorIcon } from './chunk-KCNK4P2Z.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-K5T7I553.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';

package/dist/{chunk-OHHRDREC.js → chunk-ORUNGXNT.js}

@@ -1,8 +1,8 @@
 'use client';
-import { requestPaneFocus, useArtifacts, usePlugins, useCanvasStore, useArtifactStore, useChatOverviewStore, useSourcesEnrichment, sourceKind, useCitationViewer, resolveSourceDisplay, extractDomain, 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-TER2I37Y.js';
+import { requestPaneFocus, useArtifacts, usePlugins, useCanvasStore, useArtifactStore, useChatOverviewStore, useSourcesEnrichment, sourceKind, useCitationViewer, resolveSourceDisplay, extractDomain, 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-O4OYVAY5.js';
 import { MagnifyingGlassIcon, Popover, PopoverTrigger, PopoverContent, Sheet, SheetContent, SheetHeader, SheetTitle } from './chunk-FZ3VSITY.js';
-import { useTranslation, useIsMobile } from './chunk-ZKB77W6J.js';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent, Shimmer, HoverCard, HoverCardTrigger, HoverCardContent } from './chunk-ITMOMVIV.js';
+import { useTranslation, useIsMobile } from './chunk-IT6MY3JL.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent, Shimmer, HoverCard, HoverCardTrigger, HoverCardContent } from './chunk-K5T7I553.js';
 import { ChevronDownMediumIcon, ScrollArea, Skeleton, Button } from './chunk-UWKO24VT.js';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, CrossMediumIcon } from './chunk-2P4IEVOQ.js';
 import { ChevronRightIcon } from './chunk-C3HW5S2Z.js';

package/dist/{chunk-3RO4V24O.js → chunk-PZUD5SUF.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-TER2I37Y.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-O4OYVAY5.js';
 import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, Popover, PopoverTrigger, PopoverContent } from './chunk-FZ3VSITY.js';
-import { useIsMobile, useTranslation } from './chunk-ZKB77W6J.js';
-import { MessageToolbar, MessageResponse, SquareArrowTopRightIcon, FileTextIcon, Shimmer, ClipboardIcon, Message, MessageContent, PencilIcon, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Collapse, Icon, CircleXIcon, ClockIcon } from './chunk-ITMOMVIV.js';
+import { useIsMobile, useTranslation } from './chunk-IT6MY3JL.js';
+import { MessageToolbar, MessageResponse, SquareArrowTopRightIcon, FileTextIcon, Shimmer, ClipboardIcon, Message, MessageContent, PencilIcon, deferDuringLayoutMotion, HoverCard, HoverCardTrigger, HoverCardContent, Collapse, Icon, CircleXIcon, ClockIcon } from './chunk-K5T7I553.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';

package/dist/{chunk-GDJGXHPE.js → chunk-Q4RXEJFV.js}

@@ -1,6 +1,6 @@
 'use client';
 import { Sheet, SheetContent, SheetHeader, SheetTitle, Popover, PopoverTrigger, PopoverContent, MagnifyingGlassIcon } from './chunk-FZ3VSITY.js';
-import { useIsMobile, useTranslation } from './chunk-ZKB77W6J.js';
+import { useIsMobile, useTranslation } from './chunk-IT6MY3JL.js';
 import { CrossMediumIcon } from './chunk-2P4IEVOQ.js';
 import { AgentAvatar } from './chunk-RVJEI4ZY.js';
 import { cn, Checkmark1Icon } from './chunk-LGVMMBL3.js';

package/dist/header.js

@@ -1,11 +1,11 @@
 'use client';
-export { ChatHeader, ChatHeaderActions } from './chunk-OHHRDREC.js';
-import './chunk-TER2I37Y.js';
+export { ChatHeader, ChatHeaderActions } from './chunk-ORUNGXNT.js';
+import './chunk-O4OYVAY5.js';
 import './chunk-CWAOLMFS.js';
 import './chunk-FZ3VSITY.js';
-import './chunk-ZKB77W6J.js';
-import './chunk-M6GWBAO2.js';
-import './chunk-ITMOMVIV.js';
+import './chunk-IT6MY3JL.js';
+import './chunk-KCNK4P2Z.js';
+import './chunk-K5T7I553.js';
 import './chunk-UWKO24VT.js';
 import './chunk-2P4IEVOQ.js';
 import './chunk-CDTES65T.js';

package/dist/message.js

@@ -1,11 +1,11 @@
 'use client';
-export { Message, Thinking } from './chunk-3RO4V24O.js';
-import './chunk-TER2I37Y.js';
+export { Message, Thinking } from './chunk-PZUD5SUF.js';
+import './chunk-O4OYVAY5.js';
 import './chunk-CWAOLMFS.js';
 import './chunk-FZ3VSITY.js';
-import './chunk-ZKB77W6J.js';
-import './chunk-M6GWBAO2.js';
-import './chunk-ITMOMVIV.js';
+import './chunk-IT6MY3JL.js';
+import './chunk-KCNK4P2Z.js';
+import './chunk-K5T7I553.js';
 import './chunk-UWKO24VT.js';
 import './chunk-2P4IEVOQ.js';
 import './chunk-CDTES65T.js';

package/dist/new-session.js

@@ -1,7 +1,7 @@
 'use client';
-export { DEFAULT_SHORTCUTS, NewSessionPrompt, buildDefaultShortcuts } from './chunk-GDJGXHPE.js';
+export { DEFAULT_SHORTCUTS, NewSessionPrompt, buildDefaultShortcuts } from './chunk-Q4RXEJFV.js';
 import './chunk-FZ3VSITY.js';
-import './chunk-ZKB77W6J.js';
+import './chunk-IT6MY3JL.js';
 import './chunk-2P4IEVOQ.js';
 import './chunk-RVJEI4ZY.js';
 import './chunk-LGVMMBL3.js';

package/dist/parts.js

@@ -1,6 +1,6 @@
 'use client';
-import { ToolCallItem } from './chunk-M6GWBAO2.js';
-import './chunk-ITMOMVIV.js';
+import { ToolCallItem } from './chunk-KCNK4P2Z.js';
+import './chunk-K5T7I553.js';
 import './chunk-UWKO24VT.js';
 import './chunk-2P4IEVOQ.js';
 import './chunk-TUDJ35AB.js';

package/dist/{pdf-deck-view-inner-YA7G5U2C.js → pdf-deck-view-inner-6FR5GK7I.js}

@@ -1,8 +1,8 @@
 'use client';
 import { DeckNotesCard, deckOwnsArrowKeys } from './chunk-4FRTPVJT.js';
-import { resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb, ArtifactSkeleton } from './chunk-DEHUNST4.js';
+import { resolveStageWidth, zoomPercent, DECK_ZOOM_LEVELS, LazyThumb, ArtifactSkeleton } from './chunk-ARPUGGVC.js';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
-import { useTranslation, useIsMobile } from './chunk-ZKB77W6J.js';
+import { useTranslation, useIsMobile } from './chunk-IT6MY3JL.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-FWPAAO73.js → pdf-document-view-inner-4O4AMLWL.js}

@@ -1,7 +1,7 @@
 'use client';
-import { zoomPercent, DECK_ZOOM_LEVELS, ArtifactSkeleton, LazyThumb } from './chunk-DEHUNST4.js';
+import { zoomPercent, DECK_ZOOM_LEVELS, ArtifactSkeleton, LazyThumb } from './chunk-ARPUGGVC.js';
 import { ChevronLeftIcon } from './chunk-CWAOLMFS.js';
-import { useTranslation, useIsMobile } from './chunk-ZKB77W6J.js';
+import { useTranslation, useIsMobile } from './chunk-IT6MY3JL.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-YH7IIRDX.js';
-import './chunk-ITMOMVIV.js';
+export { PendingCards } from './chunk-KKAA343W.js';
+import './chunk-K5T7I553.js';
 import './chunk-UWKO24VT.js';
 import './chunk-2P4IEVOQ.js';
 import './chunk-TUDJ35AB.js';