@miiflow/assistant-ui 0.9.0 → 0.13.0

package/dist/composer/index.d.ts

@@ -1,9 +1,8 @@
-import { c as CommandProvider, C as ChatComposerCommand, a as ChatComposerSubmitPayload } from '../types-DeHbndy0.js';
-export { b as ChatComposerToken } from '../types-DeHbndy0.js';
+import { C as CommandProvider, a as ChatComposerCommand, b as ChatComposerSubmitPayload } from '../types-Du00UBst.js';
+export { c as ChatComposerToken } from '../types-Du00UBst.js';
 import { DecoratorNode, NodeKey, Spread, SerializedLexicalNode, DOMExportOutput, DOMConversionMap, LexicalNode } from 'lexical';
 import * as react from 'react';
 import { ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type SerializedCommandTokenNode = Spread<{
     commandId: string;
@@ -137,7 +136,7 @@ interface CommandTokenViewProps {
     /** Pass-through id for ARIA wiring (used by typeahead). */
     htmlId?: string;
 }
-declare function CommandTokenView({ id, kind, label, description, icon, tag, variant, selected, onMouseEnter, onMouseDown, htmlId, }: CommandTokenViewProps): react_jsx_runtime.JSX.Element;
+declare function CommandTokenView({ id, kind, label, description, icon, tag, variant, selected, onMouseEnter, onMouseDown, htmlId, }: CommandTokenViewProps): react.JSX.Element;
 
 interface LexicalChatInputHandle {
     /** Clear the editor contents and reset history. */
@@ -146,6 +145,12 @@ interface LexicalChatInputHandle {
     submit: () => void;
     /** Focus the editor. */
     focus: () => void;
+    /**
+     * Insert text at the caret (or at the end when there is no selection) and
+     * focus the editor. Used by toolbar buttons to type trigger characters
+     * like "/" or "@" so the matching typeahead opens.
+     */
+    insertText: (text: string) => void;
 }
 interface LexicalChatInputProps {
     placeholder?: string;
@@ -153,6 +158,8 @@ interface LexicalChatInputProps {
     className?: string;
     /** Tailwind classes applied to the inner ContentEditable element. */
     inputClassName?: string;
+    /** Tailwind classes applied to the placeholder overlay (e.g. font sizing). */
+    placeholderClassName?: string;
     /** Slot for additional Lexical plugins (mounted inside LexicalComposer). */
     children?: ReactNode;
     /**

package/dist/composer/index.js

@@ -1,2 +1,2 @@
-export{d as $createCommandTokenNode,e as $isCommandTokenNode,f as COMMAND_TOKEN_REGEX,c as CommandTokenNode,h as CommandTokenPlugin,b as CommandTokenView,i as LexicalChatInput,g as findInlineCommandTokens}from'../chunk-IUCKTDTZ.js';//# sourceMappingURL=index.js.map
+export{d as $createCommandTokenNode,e as $isCommandTokenNode,f as COMMAND_TOKEN_REGEX,c as CommandTokenNode,h as CommandTokenPlugin,b as CommandTokenView,i as LexicalChatInput,g as findInlineCommandTokens}from'../chunk-ZP4FGAAH.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/context/index.d.ts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { C as ChatMessage, b as ParticipantRole } from '../message-D2ElX5k7.js';
-import { V as VisualizationActionEvent } from '../streaming-B_u_jno6.js';
+import { C as ChatMessage, P as ParticipantRole } from '../message-D0oMw3tR.js';
+import { f as VisualizationActionEvent } from '../streaming-CmQo_OOA.js';
 
 interface ChatContextValue {
     /** List of messages in the conversation */
@@ -50,7 +49,7 @@ interface ChatProviderProps {
         tag?: ReactNode;
     } | undefined;
 }
-declare function ChatProvider({ children, messages, isStreaming, streamingMessageId, viewerRole, onSendMessage, onStopStreaming, onRetryLastMessage, customData, onVisualizationAction, resolveCommandToken, }: ChatProviderProps): react_jsx_runtime.JSX.Element;
+declare function ChatProvider({ children, messages, isStreaming, streamingMessageId, viewerRole, onSendMessage, onStopStreaming, onRetryLastMessage, customData, onVisualizationAction, resolveCommandToken, }: ChatProviderProps): react.JSX.Element;
 declare function useChatContext(): ChatContextValue;
 
 export { ChatContext, type ChatContextValue, ChatProvider, type ChatProviderProps, useChatContext };

package/dist/hooks/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { RefObject, KeyboardEvent } from 'react';
-import { m as StreamingOptions, S as StreamChunk } from '../streaming-B_u_jno6.js';
+import { d as StreamingOptions, c as StreamChunk } from '../streaming-CmQo_OOA.js';
 import { B as BrandingData } from '../branding-NieTEGQf.js';
 
 interface UseAutoScrollOptions {

package/dist/index.d.ts

@@ -1,15 +1,14 @@
-export { A as Attachment, C as ChatMessage, M as MessageData, a as MessageError, P as Participant, b as ParticipantRole, R as ReasoningChunk, S as SourceReference, c as SourceTypeConfig, d as SuggestedAction, e as SuggestedActionType } from './message-D2ElX5k7.js';
-export { S as StreamChunk, m as StreamingOptions, n as StreamingState } from './streaming-B_u_jno6.js';
+export { A as Attachment, C as ChatMessage, M as MessageData, a as MessageError, b as Participant, P as ParticipantRole, R as ReasoningChunk, S as SourceReference, c as SourceTypeConfig, d as SuggestedAction, e as SuggestedActionType } from './message-D0oMw3tR.js';
+export { a as ClarificationAnswer, C as ClarificationData, b as ClarificationQuestion, c as StreamChunk, d as StreamingOptions, e as StreamingState } from './streaming-CmQo_OOA.js';
 export { B as BrandingData } from './branding-NieTEGQf.js';
 export { ChatContext, ChatContextValue, ChatProvider, ChatProviderProps, useChatContext } from './context/index.js';
 export { useAttachments, useAutoScroll, useBrandingCSSVars, useMessageComposer, useScrollLock, useStreaming } from './hooks/index.js';
-export { A as AvatarPrimitive, C as ComposerContext, b as ComposerInput, d as ComposerSubmit, f as MessageComposerPrimitive, h as MessageContentPrimitive, j as MessageContext, M as MessagePrimitive, l as MessageTimestampPrimitive, u as useComposer, n as useMessage } from './avatar-DnLePg72.js';
+export { A as AvatarPrimitive, C as ComposerContext, a as ComposerInput, b as ComposerSubmit, M as MessageComposerPrimitive, c as MessageContentPrimitive, d as MessageContext, e as MessagePrimitive, f as MessageTimestampPrimitive, u as useComposer, g as useMessage } from './avatar-CD685KQV.js';
 export { ActionButton, MessageList as MessageListPrimitive, StreamingText as StreamingTextPrimitive, SuggestedActionsContext, SuggestedActions as SuggestedActionsPrimitive, TypingIndicator as TypingIndicatorPrimitive, useSuggestedActions } from './primitives/index.js';
-export { A as AttachmentPreview, b as Avatar, C as ChatContainer, e as ChatLayout, M as MarkdownContent, h as Message, i as MessageActionBar, k as MessageComposer, m as MessageList, S as ScrollToBottomButton, q as StreamingText, s as SuggestedActions, u as ToolStatusIndicator, w as TypingIndicator, W as WelcomeScreen } from './WelcomeScreen-CVxniqqK.js';
+export { A as AttachmentPreview, a as Avatar, C as ChatContainer, b as ChatLayout, M as MarkdownContent, c as Message, d as MessageActionBar, e as MessageComposer, f as MessageList, S as ScrollToBottomButton, g as StreamingText, h as SuggestedActions, T as ToolStatusIndicator, i as TypingIndicator, W as WelcomeScreen } from './WelcomeScreen-EGO8Qt2y.js';
 import { ClassValue } from 'clsx';
-import 'react/jsx-runtime';
 import 'react';
-import './types-DeHbndy0.js';
+import './types-Du00UBst.js';
 
 /**
  * Utility function to merge Tailwind CSS classes with proper precedence.

package/dist/index.js

@@ -1,2 +1,2 @@
-export{a as AttachmentPreview,b as Avatar,c as ChatContainer,aa as ChatLayout,e as MarkdownContent,U as Message,k as MessageActionBar,V as MessageComposer,X as MessageList,W as ScrollToBottomButton,w as StreamingText,x as SuggestedActions,$ as ToolStatusIndicator,Z as TypingIndicator,ba as WelcomeScreen,T as parseContentWithInlineMarkers}from'./chunk-ERJKVQQT.js';export{q as ActionButton,l as AvatarPrimitive,g as ComposerContext,j as ComposerInput,k as ComposerSubmit,i as MessageComposerPrimitive,d as MessageContentPrimitive,a as MessageContext,f as MessageListPrimitive,c as MessagePrimitive,e as MessageTimestampPrimitive,m as StreamingTextPrimitive,n as SuggestedActionsContext,p as SuggestedActionsPrimitive,r as TypingIndicatorPrimitive,h as useComposer,b as useMessage,o as useSuggestedActions}from'./chunk-6RN7SUWT.js';export{b as useAttachments,a as useStreaming}from'./chunk-WG77GQR3.js';export{a as useScrollLock}from'./chunk-D2PFIJNZ.js';export{a as useAutoScroll,b as useMessageComposer}from'./chunk-4WWJTYYA.js';export{a as ChatContext,b as ChatProvider,c as useChatContext}from'./chunk-NKLA5PPB.js';export{a as chatTokens}from'./chunk-NG4HKXYB.js';export{a as getContrastTextColor,b as useBrandingCSSVars}from'./chunk-QECTWT2H.js';export{a as cn}from'./chunk-IUCKTDTZ.js';var i={hour:"numeric",minute:"2-digit",hour12:true},m={month:"short",day:"numeric"},se={...m,year:"numeric",...i};function u(t){let e=typeof t=="string"?new Date(t):t,o=new Date;return e.getDate()===o.getDate()&&e.getMonth()===o.getMonth()&&e.getFullYear()===o.getFullYear()?e.toLocaleTimeString("en-US",i):e.getFullYear()===o.getFullYear()?`${e.toLocaleDateString("en-US",m)}, ${e.toLocaleTimeString("en-US",i)}`:e.toLocaleDateString("en-US",se)}function re(t){let e=typeof t=="string"?new Date(t):t,g=new Date().getTime()-e.getTime(),n=Math.floor(g/1e3),s=Math.floor(n/60),r=Math.floor(s/60),a=Math.floor(r/24);return n<60?"just now":s<60?`${s} minute${s===1?"":"s"} ago`:r<24?`${r} hour${r===1?"":"s"} ago`:a<7?`${a} day${a===1?"":"s"} ago`:u(e)}export{u as formatMessageTime,re as formatRelativeTime};//# sourceMappingURL=index.js.map
+export{a as AttachmentPreview,b as Avatar,c as ChatContainer,ba as ChatLayout,f as MarkdownContent,V as Message,l as MessageActionBar,W as MessageComposer,Y as MessageList,X as ScrollToBottomButton,x as StreamingText,y as SuggestedActions,aa as ToolStatusIndicator,_ as TypingIndicator,ca as WelcomeScreen,U as parseContentWithInlineMarkers}from'./chunk-HYFMOOLH.js';export{q as ActionButton,l as AvatarPrimitive,g as ComposerContext,j as ComposerInput,k as ComposerSubmit,i as MessageComposerPrimitive,d as MessageContentPrimitive,a as MessageContext,f as MessageListPrimitive,c as MessagePrimitive,e as MessageTimestampPrimitive,m as StreamingTextPrimitive,n as SuggestedActionsContext,p as SuggestedActionsPrimitive,r as TypingIndicatorPrimitive,h as useComposer,b as useMessage,o as useSuggestedActions}from'./chunk-6RN7SUWT.js';export{b as useAttachments,a as useStreaming}from'./chunk-WG77GQR3.js';export{a as useScrollLock}from'./chunk-D2PFIJNZ.js';export{a as useAutoScroll,b as useMessageComposer}from'./chunk-4WWJTYYA.js';export{a as ChatContext,b as ChatProvider,c as useChatContext}from'./chunk-NKLA5PPB.js';export{a as chatTokens}from'./chunk-NG4HKXYB.js';export{a as getContrastTextColor,b as useBrandingCSSVars}from'./chunk-QECTWT2H.js';export{a as cn}from'./chunk-ZP4FGAAH.js';var i={hour:"numeric",minute:"2-digit",hour12:true},m={month:"short",day:"numeric"},se={...m,year:"numeric",...i};function c(t){let e=typeof t=="string"?new Date(t):t,o=new Date;return e.getDate()===o.getDate()&&e.getMonth()===o.getMonth()&&e.getFullYear()===o.getFullYear()?e.toLocaleTimeString("en-US",i):e.getFullYear()===o.getFullYear()?`${e.toLocaleDateString("en-US",m)}, ${e.toLocaleTimeString("en-US",i)}`:e.toLocaleDateString("en-US",se)}function re(t){let e=typeof t=="string"?new Date(t):t,g=new Date().getTime()-e.getTime(),n=Math.floor(g/1e3),s=Math.floor(n/60),r=Math.floor(s/60),a=Math.floor(r/24);return n<60?"just now":s<60?`${s} minute${s===1?"":"s"} ago`:r<24?`${r} hour${r===1?"":"s"} ago`:a<7?`${a} day${a===1?"":"s"} ago`:c(e)}export{c as formatMessageTime,re as formatRelativeTime};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/format-date.ts"],"names":["TIME_FORMAT","DATE_FORMAT","FULL_FORMAT","formatMessageTime","date","d","now","formatRelativeTime","diffMs","diffSeconds","diffMinutes","diffHours","diffDays"],"mappings":"4wCAIA,IAAMA,EAA0C,CAC9C,IAAA,CAAM,UACN,MAAA,CAAQ,SAAA,CACR,OAAQ,IACV,CAAA,CAEMC,CAAAA,CAA0C,CAC9C,MAAO,OAAA,CACP,GAAA,CAAK,SACP,CAAA,CAEMC,EAAAA,CAA0C,CAC9C,GAAGD,CAAAA,CACH,IAAA,CAAM,SAAA,CACN,GAAGD,CACL,CAAA,CAQO,SAASG,CAAAA,CAAkBC,CAAAA,CAA6B,CAC7D,IAAMC,CAAAA,CAAI,OAAOD,CAAAA,EAAS,SAAW,IAAI,IAAA,CAAKA,CAAI,CAAA,CAAIA,CAAAA,CAChDE,EAAM,IAAI,IAAA,CAOhB,OAJED,CAAAA,CAAE,SAAQ,GAAMC,CAAAA,CAAI,SAAQ,EAC5BD,CAAAA,CAAE,UAAS,GAAMC,CAAAA,CAAI,QAAA,EAAS,EAC9BD,EAAE,WAAA,EAAY,GAAMC,EAAI,WAAA,EAAY,CAG7BD,EAAE,kBAAA,CAAmB,OAAA,CAASL,CAAW,CAAA,CAG/BK,EAAE,WAAA,EAAY,GAAMC,EAAI,WAAA,EAAY,CAG9C,GAAGD,CAAAA,CAAE,kBAAA,CAAmB,QAASJ,CAAW,CAAC,KAAKI,CAAAA,CAAE,kBAAA,CAAmB,QAASL,CAAW,CAAC,GAG9FK,CAAAA,CAAE,kBAAA,CAAmB,OAAA,CAASH,EAAW,CAClD,CAKO,SAASK,GAAmBH,CAAAA,CAA6B,CAC9D,IAAMC,CAAAA,CAAI,OAAOD,CAAAA,EAAS,QAAA,CAAW,IAAI,IAAA,CAAKA,CAAI,EAAIA,CAAAA,CAEhDI,CAAAA,CADM,IAAI,IAAA,EAAK,CACF,OAAA,EAAQ,CAAIH,EAAE,OAAA,EAAQ,CACnCI,EAAc,IAAA,CAAK,KAAA,CAAMD,EAAS,GAAI,CAAA,CACtCE,CAAAA,CAAc,IAAA,CAAK,MAAMD,CAAAA,CAAc,EAAE,EACzCE,CAAAA,CAAY,IAAA,CAAK,MAAMD,CAAAA,CAAc,EAAE,CAAA,CACvCE,CAAAA,CAAW,KAAK,KAAA,CAAMD,CAAAA,CAAY,EAAE,CAAA,CAE1C,OAAIF,EAAc,EAAA,CACT,UAAA,CAGLC,CAAAA,CAAc,EAAA,CACT,GAAGA,CAAW,CAAA,OAAA,EAAUA,IAAgB,CAAA,CAAI,EAAA,CAAK,GAAG,CAAA,IAAA,CAAA,CAGzDC,CAAAA,CAAY,EAAA,CACP,CAAA,EAAGA,CAAS,CAAA,KAAA,EAAQA,CAAAA,GAAc,EAAI,EAAA,CAAK,GAAG,OAGnDC,CAAAA,CAAW,CAAA,CACN,GAAGA,CAAQ,CAAA,IAAA,EAAOA,IAAa,CAAA,CAAI,EAAA,CAAK,GAAG,CAAA,IAAA,CAAA,CAG7CT,CAAAA,CAAkBE,CAAC,CAC5B","file":"index.js","sourcesContent":["/**\n * Format a date for display in chat messages.\n */\n\nconst TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: \"numeric\",\n  minute: \"2-digit\",\n  hour12: true,\n};\n\nconst DATE_FORMAT: Intl.DateTimeFormatOptions = {\n  month: \"short\",\n  day: \"numeric\",\n};\n\nconst FULL_FORMAT: Intl.DateTimeFormatOptions = {\n  ...DATE_FORMAT,\n  year: \"numeric\",\n  ...TIME_FORMAT,\n};\n\n/**\n * Format a timestamp for display.\n * - Today: \"2:30 PM\"\n * - This year: \"Dec 15, 2:30 PM\"\n * - Other years: \"Dec 15, 2024, 2:30 PM\"\n */\nexport function formatMessageTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n\n  const isToday =\n    d.getDate() === now.getDate() &&\n    d.getMonth() === now.getMonth() &&\n    d.getFullYear() === now.getFullYear();\n\n  if (isToday) {\n    return d.toLocaleTimeString(\"en-US\", TIME_FORMAT);\n  }\n\n  const isThisYear = d.getFullYear() === now.getFullYear();\n\n  if (isThisYear) {\n    return `${d.toLocaleDateString(\"en-US\", DATE_FORMAT)}, ${d.toLocaleTimeString(\"en-US\", TIME_FORMAT)}`;\n  }\n\n  return d.toLocaleDateString(\"en-US\", FULL_FORMAT);\n}\n\n/**\n * Format a relative time (e.g., \"2 minutes ago\").\n */\nexport function formatRelativeTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n  const diffMs = now.getTime() - d.getTime();\n  const diffSeconds = Math.floor(diffMs / 1000);\n  const diffMinutes = Math.floor(diffSeconds / 60);\n  const diffHours = Math.floor(diffMinutes / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffSeconds < 60) {\n    return \"just now\";\n  }\n\n  if (diffMinutes < 60) {\n    return `${diffMinutes} minute${diffMinutes === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffHours < 24) {\n    return `${diffHours} hour${diffHours === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffDays < 7) {\n    return `${diffDays} day${diffDays === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  return formatMessageTime(d);\n}\n"]}
+{"version":3,"sources":["../src/utils/format-date.ts"],"names":["TIME_FORMAT","DATE_FORMAT","FULL_FORMAT","formatMessageTime","date","d","now","formatRelativeTime","diffMs","diffSeconds","diffMinutes","diffHours","diffDays"],"mappings":"6wCAIA,IAAMA,EAA0C,CAC9C,IAAA,CAAM,UACN,MAAA,CAAQ,SAAA,CACR,OAAQ,IACV,CAAA,CAEMC,CAAAA,CAA0C,CAC9C,MAAO,OAAA,CACP,GAAA,CAAK,SACP,CAAA,CAEMC,EAAAA,CAA0C,CAC9C,GAAGD,CAAAA,CACH,IAAA,CAAM,SAAA,CACN,GAAGD,CACL,CAAA,CAQO,SAASG,CAAAA,CAAkBC,CAAAA,CAA6B,CAC7D,IAAMC,CAAAA,CAAI,OAAOD,CAAAA,EAAS,SAAW,IAAI,IAAA,CAAKA,CAAI,CAAA,CAAIA,CAAAA,CAChDE,EAAM,IAAI,IAAA,CAOhB,OAJED,CAAAA,CAAE,SAAQ,GAAMC,CAAAA,CAAI,SAAQ,EAC5BD,CAAAA,CAAE,UAAS,GAAMC,CAAAA,CAAI,QAAA,EAAS,EAC9BD,EAAE,WAAA,EAAY,GAAMC,EAAI,WAAA,EAAY,CAG7BD,EAAE,kBAAA,CAAmB,OAAA,CAASL,CAAW,CAAA,CAG/BK,EAAE,WAAA,EAAY,GAAMC,EAAI,WAAA,EAAY,CAG9C,GAAGD,CAAAA,CAAE,kBAAA,CAAmB,QAASJ,CAAW,CAAC,KAAKI,CAAAA,CAAE,kBAAA,CAAmB,QAASL,CAAW,CAAC,GAG9FK,CAAAA,CAAE,kBAAA,CAAmB,OAAA,CAASH,EAAW,CAClD,CAKO,SAASK,GAAmBH,CAAAA,CAA6B,CAC9D,IAAMC,CAAAA,CAAI,OAAOD,CAAAA,EAAS,QAAA,CAAW,IAAI,IAAA,CAAKA,CAAI,EAAIA,CAAAA,CAEhDI,CAAAA,CADM,IAAI,IAAA,EAAK,CACF,OAAA,EAAQ,CAAIH,EAAE,OAAA,EAAQ,CACnCI,EAAc,IAAA,CAAK,KAAA,CAAMD,EAAS,GAAI,CAAA,CACtCE,CAAAA,CAAc,IAAA,CAAK,MAAMD,CAAAA,CAAc,EAAE,EACzCE,CAAAA,CAAY,IAAA,CAAK,MAAMD,CAAAA,CAAc,EAAE,CAAA,CACvCE,CAAAA,CAAW,KAAK,KAAA,CAAMD,CAAAA,CAAY,EAAE,CAAA,CAE1C,OAAIF,EAAc,EAAA,CACT,UAAA,CAGLC,CAAAA,CAAc,EAAA,CACT,GAAGA,CAAW,CAAA,OAAA,EAAUA,IAAgB,CAAA,CAAI,EAAA,CAAK,GAAG,CAAA,IAAA,CAAA,CAGzDC,CAAAA,CAAY,EAAA,CACP,CAAA,EAAGA,CAAS,CAAA,KAAA,EAAQA,CAAAA,GAAc,EAAI,EAAA,CAAK,GAAG,OAGnDC,CAAAA,CAAW,CAAA,CACN,GAAGA,CAAQ,CAAA,IAAA,EAAOA,IAAa,CAAA,CAAI,EAAA,CAAK,GAAG,CAAA,IAAA,CAAA,CAG7CT,CAAAA,CAAkBE,CAAC,CAC5B","file":"index.js","sourcesContent":["/**\n * Format a date for display in chat messages.\n */\n\nconst TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: \"numeric\",\n  minute: \"2-digit\",\n  hour12: true,\n};\n\nconst DATE_FORMAT: Intl.DateTimeFormatOptions = {\n  month: \"short\",\n  day: \"numeric\",\n};\n\nconst FULL_FORMAT: Intl.DateTimeFormatOptions = {\n  ...DATE_FORMAT,\n  year: \"numeric\",\n  ...TIME_FORMAT,\n};\n\n/**\n * Format a timestamp for display.\n * - Today: \"2:30 PM\"\n * - This year: \"Dec 15, 2:30 PM\"\n * - Other years: \"Dec 15, 2024, 2:30 PM\"\n */\nexport function formatMessageTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n\n  const isToday =\n    d.getDate() === now.getDate() &&\n    d.getMonth() === now.getMonth() &&\n    d.getFullYear() === now.getFullYear();\n\n  if (isToday) {\n    return d.toLocaleTimeString(\"en-US\", TIME_FORMAT);\n  }\n\n  const isThisYear = d.getFullYear() === now.getFullYear();\n\n  if (isThisYear) {\n    return `${d.toLocaleDateString(\"en-US\", DATE_FORMAT)}, ${d.toLocaleTimeString(\"en-US\", TIME_FORMAT)}`;\n  }\n\n  return d.toLocaleDateString(\"en-US\", FULL_FORMAT);\n}\n\n/**\n * Format a relative time (e.g., \"2 minutes ago\").\n */\nexport function formatRelativeTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n  const diffMs = now.getTime() - d.getTime();\n  const diffSeconds = Math.floor(diffMs / 1000);\n  const diffMinutes = Math.floor(diffSeconds / 60);\n  const diffHours = Math.floor(diffMinutes / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffSeconds < 60) {\n    return \"just now\";\n  }\n\n  if (diffMinutes < 60) {\n    return `${diffMinutes} minute${diffMinutes === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffHours < 24) {\n    return `${diffHours} hour${diffHours === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffDays < 7) {\n    return `${diffDays} day${diffDays === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  return formatMessageTime(d);\n}\n"]}

package/dist/{message-D2ElX5k7.d.ts → message-D0oMw3tR.d.ts}

@@ -1,4 +1,4 @@
-import { k as StreamingChunk, d as ClarificationData, s as ToolApprovalData, M as MediaChunkData, A as ArtifactChunkData } from './streaming-B_u_jno6.js';
+import { S as StreamingChunk, C as ClarificationData, T as ToolApprovalData, M as MediaChunkData, A as ArtifactChunkData } from './streaming-CmQo_OOA.js';
 
 /**
  * Citation source types for AI-generated content.
@@ -90,4 +90,4 @@ interface ReasoningChunk {
     timestamp: string | Date;
 }
 
-export type { Attachment as A, ChatMessage as C, MessageData as M, Participant as P, ReasoningChunk as R, SourceReference as S, MessageError as a, ParticipantRole as b, SourceTypeConfig as c, SuggestedAction as d, SuggestedActionType as e };
+export type { Attachment as A, ChatMessage as C, MessageData as M, ParticipantRole as P, ReasoningChunk as R, SourceReference as S, MessageError as a, Participant as b, SourceTypeConfig as c, SuggestedAction as d, SuggestedActionType as e };

package/dist/primitives/index.d.ts

@@ -1,8 +1,8 @@
-export { A as Avatar, a as AvatarProps, C as ComposerContext, b as ComposerInput, c as ComposerInputProps, d as ComposerSubmit, e as ComposerSubmitProps, M as Message, f as MessageComposer, g as MessageComposerProps, h as MessageContent, i as MessageContentProps, j as MessageContext, k as MessageProps, l as MessageTimestamp, m as MessageTimestampProps, u as useComposer, n as useMessage } from '../avatar-DnLePg72.js';
+export { A as Avatar, h as AvatarProps, C as ComposerContext, a as ComposerInput, i as ComposerInputProps, b as ComposerSubmit, j as ComposerSubmitProps, e as Message, M as MessageComposer, k as MessageComposerProps, c as MessageContent, l as MessageContentProps, d as MessageContext, m as MessageProps, f as MessageTimestamp, n as MessageTimestampProps, u as useComposer, g as useMessage } from '../avatar-CD685KQV.js';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ButtonHTMLAttributes } from 'react';
-import { d as SuggestedAction } from '../message-D2ElX5k7.js';
-import '../streaming-B_u_jno6.js';
+import { d as SuggestedAction } from '../message-D0oMw3tR.js';
+import '../streaming-CmQo_OOA.js';
 
 interface MessageListProps extends HTMLAttributes<HTMLDivElement> {
     /** Messages to render */

package/dist/{streaming-B_u_jno6.d.ts → streaming-CmQo_OOA.d.ts}

@@ -70,16 +70,56 @@ interface SubagentChunkData {
     durationMs?: number;
     nestedChunks: StreamingChunk[];
 }
-interface ClarificationData {
+interface ClarificationQuestion {
     question: string;
-    options?: string[];
+    options: string[];
+    /** When true the user may pick several options (checkboxes). */
+    multiSelect?: boolean;
+    /**
+     * Stable slug identifying the question's subject (e.g. "daily_budget"). Set by
+     * the agent; carried through so the answer is mapped back to it structurally —
+     * no parsing of formatted answer text.
+     */
+    key?: string;
+    /**
+     * When true the panel renders an inline "Other" choice with a text input so
+     * the user can type a custom value INSTEAD of picking an option. The typed
+     * value is submitted together with the other answers in one response — no
+     * extra "what would you like?" round trip.
+     */
+    allowFreeText?: boolean;
+    /** Wire-format aliases: the server emits snake_case question dicts verbatim.
+     * The panel resolves either casing — keep both for pass-through safety. */
+    multi_select?: boolean;
+    allow_free_text?: boolean;
+}
+/**
+ * A structured answer to one clarification question. Emitted by the panel and sent
+ * in the answer message metadata so the server records the established fact by
+ * (key, selected) deterministically instead of regex-parsing a "Q → A" string.
+ */
+interface ClarificationAnswer {
+    key?: string;
+    question: string;
+    selected: string[];
+}
+interface ClarificationData {
+    /** Multiple-choice questions to put to the user (current shape). */
+    questions?: ClarificationQuestion[];
     context?: string;
+    /** @deprecated legacy single-question text, kept for rendering old history. */
+    question?: string;
+    /** @deprecated legacy single-question options. */
+    options?: string[];
+    /** @deprecated legacy free-text flag, no longer emitted. */
     allowFreeText?: boolean;
     subtaskId?: number;
     subtaskDescription?: string;
     subagentName?: string;
     subagentRole?: string;
     toolCallId?: string;
+    /** Durable checkpoint interrupt id — echo back as `interrupt_id` metadata on the answer so the server can reject a stale panel. */
+    interruptId?: string;
 }
 interface ToolApprovalData {
     toolName: string;
@@ -87,8 +127,16 @@ interface ToolApprovalData {
     toolInputs: Record<string, unknown>;
     toolSchema?: Record<string, unknown>;
     toolCallId?: string;
+    /** Durable checkpoint interrupt id — echo back as `interrupt_id` metadata on the answer so the server can reject a stale panel. */
+    interruptId?: string;
     /** Human-readable tool identity surfaced in the approval eyebrow (e.g. "Yahoo Finance · Stock Basic Info"). Falls back to toolName when omitted. */
     toolLabel?: string;
+    /**
+     * Opaque, host-app-interpreted preview payload. chat-ui only transports this —
+     * it never reads its shape. Used by host apps to render a specialized approval
+     * surface (e.g. an ad-mutation before/after diff) in place of the generic card.
+     */
+    preview?: unknown;
 }
 type VisualizationType = "chart" | "table" | "card" | "kpi" | "code_preview" | "form";
 type ChartDataType = "line" | "bar" | "pie" | "area" | "scatter" | "composed";
@@ -389,4 +437,4 @@ type VisualizationActionEvent = {
     action: string;
 };
 
-export type { ArtifactChunkData as A, CardVisualizationData as C, Event as E, FollowupAction as F, KpiVisualizationData as K, MediaChunkData as M, ObservationEvent as O, PlanData as P, StreamChunk as S, TableVisualizationData as T, VisualizationActionEvent as V, ArtifactStatus as a, ChartVisualizationData as b, ChunkType as c, ClarificationData as d, CodePreviewVisualizationData as e, EventStatus as f, EventType as g, FormVisualizationData as h, PlanningEvent as i, ProgressData as j, StreamingChunk as k, StreamingMessage as l, StreamingOptions as m, StreamingState as n, SubTaskData as o, SubagentChunkData as p, SubtaskEvent as q, ThinkingEvent as r, ToolApprovalData as s, ToolEvent as t, VisualizationChunkData as u, VisualizationConfig as v, VisualizationType as w };
+export type { ArtifactChunkData as A, ClarificationData as C, Event as E, FormVisualizationData as F, KpiVisualizationData as K, MediaChunkData as M, ObservationEvent as O, PlanData as P, StreamingChunk as S, ToolApprovalData as T, VisualizationChunkData as V, ClarificationAnswer as a, ClarificationQuestion as b, StreamChunk as c, StreamingOptions as d, StreamingState as e, VisualizationActionEvent as f, ChartVisualizationData as g, VisualizationConfig as h, TableVisualizationData as i, CardVisualizationData as j, CodePreviewVisualizationData as k, EventStatus as l, ArtifactStatus as m, ChunkType as n, EventType as o, FollowupAction as p, PlanningEvent as q, ProgressData as r, StreamingMessage as s, SubTaskData as t, SubagentChunkData as u, SubtaskEvent as v, ThinkingEvent as w, ToolEvent as x, VisualizationType as y };

package/dist/styled/index.d.ts

@@ -1,15 +1,32 @@
-export { A as AttachmentPreview, a as AttachmentPreviewProps, b as Avatar, c as AvatarProps, C as ChatContainer, d as ChatContainerProps, e as ChatLayout, f as ChatLayoutProps, M as MarkdownContent, g as MarkdownContentProps, h as Message, i as MessageActionBar, j as MessageActionBarProps, k as MessageComposer, l as MessageComposerProps, m as MessageList, n as MessageListProps, o as MessageProps, S as ScrollToBottomButton, p as ScrollToBottomButtonProps, q as StreamingText, r as StreamingTextProps, s as SuggestedActions, t as SuggestedActionsProps, T as ToolStatus, u as ToolStatusIndicator, v as ToolStatusIndicatorProps, w as TypingIndicator, x as TypingIndicatorProps, W as WelcomeScreen, y as WelcomeScreenProps } from '../WelcomeScreen-CVxniqqK.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+export { A as AttachmentPreview, j as AttachmentPreviewProps, a as Avatar, k as AvatarProps, C as ChatContainer, l as ChatContainerProps, b as ChatLayout, m as ChatLayoutProps, M as MarkdownContent, n as MarkdownContentProps, c as Message, d as MessageActionBar, o as MessageActionBarProps, e as MessageComposer, p as MessageComposerProps, f as MessageList, q as MessageListProps, r as MessageProps, S as ScrollToBottomButton, s as ScrollToBottomButtonProps, g as StreamingText, t as StreamingTextProps, h as SuggestedActions, u as SuggestedActionsProps, v as ToolStatus, T as ToolStatusIndicator, w as ToolStatusIndicatorProps, i as TypingIndicator, x as TypingIndicatorProps, W as WelcomeScreen, y as WelcomeScreenProps } from '../WelcomeScreen-EGO8Qt2y.js';
+import * as react from 'react';
 import react__default, { ReactNode, ComponentType } from 'react';
-import { A as Attachment, S as SourceReference } from '../message-D2ElX5k7.js';
-export { C as ChatMessage, M as MessageData, a as MessageError, P as Participant, b as ParticipantRole, c as SourceTypeConfig, d as SuggestedAction, e as SuggestedActionType } from '../message-D2ElX5k7.js';
-import { k as StreamingChunk, P as PlanData, d as ClarificationData, s as ToolApprovalData, u as VisualizationChunkData, V as VisualizationActionEvent, M as MediaChunkData, b as ChartVisualizationData, v as VisualizationConfig, T as TableVisualizationData, C as CardVisualizationData, K as KpiVisualizationData, e as CodePreviewVisualizationData, h as FormVisualizationData, A as ArtifactChunkData, E as Event, f as EventStatus } from '../streaming-B_u_jno6.js';
-export { a as ArtifactStatus, c as ChunkType, g as EventType, F as FollowupAction, O as ObservationEvent, i as PlanningEvent, j as ProgressData, l as StreamingMessage, o as SubTaskData, p as SubagentChunkData, q as SubtaskEvent, r as ThinkingEvent, t as ToolEvent, w as VisualizationType } from '../streaming-B_u_jno6.js';
+import { A as Attachment, S as SourceReference } from '../message-D0oMw3tR.js';
+export { C as ChatMessage, M as MessageData, a as MessageError, b as Participant, P as ParticipantRole, c as SourceTypeConfig, d as SuggestedAction, e as SuggestedActionType } from '../message-D0oMw3tR.js';
+import { S as StreamingChunk, P as PlanData, C as ClarificationData, a as ClarificationAnswer, T as ToolApprovalData, V as VisualizationChunkData, f as VisualizationActionEvent, M as MediaChunkData, g as ChartVisualizationData, h as VisualizationConfig, i as TableVisualizationData, j as CardVisualizationData, K as KpiVisualizationData, k as CodePreviewVisualizationData, F as FormVisualizationData, A as ArtifactChunkData, E as Event, l as EventStatus } from '../streaming-CmQo_OOA.js';
+export { m as ArtifactStatus, n as ChunkType, o as EventType, p as FollowupAction, O as ObservationEvent, q as PlanningEvent, r as ProgressData, s as StreamingMessage, t as SubTaskData, u as SubagentChunkData, v as SubtaskEvent, w as ThinkingEvent, x as ToolEvent, y as VisualizationType } from '../streaming-CmQo_OOA.js';
 import { z, ZodSchema } from 'zod';
 export { ChatContextValue, ChatProvider, ChatProviderProps, useChatContext } from '../context/index.js';
 export { B as BrandingData } from '../branding-NieTEGQf.js';
-export { u as useComposer, n as useMessage } from '../avatar-DnLePg72.js';
-import '../types-DeHbndy0.js';
+export { u as useComposer, g as useMessage } from '../avatar-CD685KQV.js';
+import '../types-Du00UBst.js';
+
+/**
+ * Bottom toolbar row for composers: attach button, an Enter-to-send hint that
+ * fades in while the composer is focused (requires `group` on the shell), and
+ * a trailing slot for the send/stop button.
+ */
+declare function ComposerToolbar({ onAttachClick, disabled, hint, showHint, endSlot, className, }: {
+    /** Renders the "+" attach button when provided. */
+    onAttachClick?: () => void;
+    disabled?: boolean;
+    /** Keyboard hint shown while focused. Pass showHint={false} to hide. */
+    hint?: string;
+    showHint?: boolean;
+    /** Send / stop button. */
+    endSlot?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
 
 interface LoadingDotsProps {
     /** Size variant */
@@ -20,7 +37,7 @@ interface LoadingDotsProps {
 /**
  * Animated loading dots indicator
  */
-declare function LoadingDots({ size, className }: LoadingDotsProps): react_jsx_runtime.JSX.Element;
+declare function LoadingDots({ size, className }: LoadingDotsProps): react.JSX.Element;
 
 interface TimeMarkerProps {
     /** The label to display (e.g. "Today", "Yesterday", "Monday") */
@@ -32,7 +49,7 @@ interface TimeMarkerProps {
  * Centered time separator between message groups.
  * Displays a label like "Today" or "Yesterday" with horizontal rules.
  */
-declare function TimeMarker({ label, className }: TimeMarkerProps): react_jsx_runtime.JSX.Element;
+declare function TimeMarker({ label, className }: TimeMarkerProps): react.JSX.Element;
 
 interface ChatHeaderAction {
     id: string;
@@ -61,7 +78,7 @@ interface ChatHeaderProps {
     /** Custom styles via CSS variables */
     style?: react__default.CSSProperties;
 }
-declare function ChatHeader({ title, subtitle, logo, actions, showClose, onClose, loading, className, style, }: ChatHeaderProps): react_jsx_runtime.JSX.Element;
+declare function ChatHeader({ title, subtitle, logo, actions, showClose, onClose, loading, className, style, }: ChatHeaderProps): react__default.JSX.Element;
 
 interface MessageAttachmentsProps {
     /** List of attachments to display */
@@ -76,7 +93,7 @@ interface MessageAttachmentsProps {
 /**
  * Display attachments (images, videos, documents) in messages
  */
-declare function MessageAttachments({ attachments, onDownload, onPreview, className, }: MessageAttachmentsProps): react_jsx_runtime.JSX.Element | null;
+declare function MessageAttachments({ attachments, onDownload, onPreview, className, }: MessageAttachmentsProps): react.JSX.Element | null;
 
 interface ReasoningPanelProps {
     /** Whether currently streaming */
@@ -101,29 +118,35 @@ interface ReasoningPanelProps {
     /** Additional class names */
     className?: string;
 }
-declare function ReasoningPanel({ isStreaming, chunks, plan, executionTimeline, userMessageTimestamp, executionTime, defaultExpanded, expanded: controlledExpanded, onExpandedChange, className, }: ReasoningPanelProps): react_jsx_runtime.JSX.Element | null;
+declare function ReasoningPanel({ isStreaming, chunks, plan, executionTimeline, userMessageTimestamp, executionTime, defaultExpanded, expanded: controlledExpanded, onExpandedChange, className, }: ReasoningPanelProps): react.JSX.Element | null;
 
 interface ClarificationPanelProps {
     clarification: ClarificationData;
-    onSubmit?: (response: string) => void;
+    /**
+     * Called on submit with both the human-readable text (for the transcript) AND
+     * the structured per-question answers (for deterministic server-side capture —
+     * no parsing of the text).
+     */
+    onSubmit?: (response: string, answers: ClarificationAnswer[]) => void;
+    /** Best-effort callback fired when an option is selected (legacy hook). */
     onOptionSelect?: (option: string) => void;
     disabled?: boolean;
     loading?: boolean;
     className?: string;
     /**
      * When set, renders a read-only "answered" state showing the user's response
-     * inline with the question. Used in scrolled-back chat history so a past
-     * clarification still shows what was asked and answered.
+     * inline. Used in scrolled-back chat history so a past clarification still
+     * shows what was answered.
      */
     answer?: string;
 }
 /**
- * Stateless clarification panel - displays when the AI agent needs user input.
- * Orange left-border panel with question, radio options, and free-text input.
+ * Clarification panel — displays when the agent needs the user to pick from
+ * one or more multiple-choice questions. Orange left-border panel.
  *
  * If `answer` is provided, switches to a read-only "answered" view.
  */
-declare function ClarificationPanel({ clarification, onSubmit, onOptionSelect, disabled, loading, className, answer, }: ClarificationPanelProps): react_jsx_runtime.JSX.Element;
+declare function ClarificationPanel({ clarification, onSubmit, onOptionSelect, disabled, loading, className, answer, }: ClarificationPanelProps): react.JSX.Element | null;
 
 interface ApprovalButtonSlotProps {
     onClick: () => void;
@@ -174,7 +197,7 @@ interface ToolApprovalPanelProps {
  * Buttons and the chat input are slottable via the `slots` prop so host apps
  * can swap in their own brand-aligned components.
  */
-declare function ToolApprovalPanel({ approval, onApprove, onReject, disabled, className, slots, }: ToolApprovalPanelProps): react_jsx_runtime.JSX.Element;
+declare function ToolApprovalPanel({ approval, onApprove, onReject, disabled, className, slots, }: ToolApprovalPanelProps): react.JSX.Element;
 
 interface CitationSourcesProps {
     sources: SourceReference[];
@@ -184,12 +207,12 @@ interface CitationSourcesProps {
  * Renders citation sources as a horizontal row of clickable chips.
  * Clicking a chip opens a modal showing full source content.
  */
-declare function CitationSources({ sources, className, }: CitationSourcesProps): react_jsx_runtime.JSX.Element | null;
+declare function CitationSources({ sources, className, }: CitationSourcesProps): react.JSX.Element | null;
 interface SourceDetailModalProps {
     source: SourceReference | null;
     onClose: () => void;
 }
-declare function SourceDetailModal({ source, onClose, }: SourceDetailModalProps): react_jsx_runtime.JSX.Element | null;
+declare function SourceDetailModal({ source, onClose, }: SourceDetailModalProps): react.JSX.Element | null;
 /**
  * Inline citation badge - renders a small numbered badge like [1]
  * with optional tooltip on hover and click-to-open URL.
@@ -198,7 +221,7 @@ interface InlineCitationProps {
     index: number;
     source?: SourceReference;
 }
-declare function InlineCitation({ index, source }: InlineCitationProps): react_jsx_runtime.JSX.Element;
+declare function InlineCitation({ index, source }: InlineCitationProps): react.JSX.Element;
 
 interface SubagentPanelProps {
     chunk: StreamingChunk;
@@ -209,7 +232,7 @@ interface SubagentPanelProps {
  * multi-agent rows. Nested chunks (thinking/tool/observation/sub-assistant)
  * render as an indented `EventTimeline` underneath.
  */
-declare function SubagentPanel({ chunk }: SubagentPanelProps): react_jsx_runtime.JSX.Element | null;
+declare function SubagentPanel({ chunk }: SubagentPanelProps): react.JSX.Element | null;
 
 declare const chartVisualizationSchema: z.ZodObject<{
     chartType: z.ZodEnum<{
@@ -365,14 +388,14 @@ interface VisualizationRendererProps {
     /** Message-level media bag used to resolve `media_ref:<id>` cell values. */
     medias?: MediaChunkData[];
 }
-declare function VisualizationRenderer({ data, isStreaming, onAction, medias, }: VisualizationRendererProps): react_jsx_runtime.JSX.Element;
+declare function VisualizationRenderer({ data, isStreaming, onAction, medias, }: VisualizationRendererProps): react.JSX.Element;
 
 interface ChartVisualizationProps {
     data: ChartVisualizationData;
     config?: VisualizationConfig;
     isStreaming?: boolean;
 }
-declare function ChartVisualization({ data, config, isStreaming }: ChartVisualizationProps): react_jsx_runtime.JSX.Element;
+declare function ChartVisualization({ data, config, isStreaming }: ChartVisualizationProps): react.JSX.Element;
 
 interface TableVisualizationProps {
     data: TableVisualizationData;
@@ -381,7 +404,7 @@ interface TableVisualizationProps {
     /** Message-level media bag used to resolve `media_ref:<id>` cell values. */
     medias?: MediaChunkData[];
 }
-declare function TableVisualization({ data, config, medias }: TableVisualizationProps): react_jsx_runtime.JSX.Element;
+declare function TableVisualization({ data, config, medias }: TableVisualizationProps): react.JSX.Element;
 
 interface CardVisualizationProps {
     data: CardVisualizationData;
@@ -389,21 +412,21 @@ interface CardVisualizationProps {
     isStreaming?: boolean;
     onAction?: (event: VisualizationActionEvent) => void;
 }
-declare function CardVisualization({ data, config, onAction }: CardVisualizationProps): react_jsx_runtime.JSX.Element;
+declare function CardVisualization({ data, config, onAction }: CardVisualizationProps): react.JSX.Element;
 
 interface KpiVisualizationProps {
     data: KpiVisualizationData;
     config?: VisualizationConfig;
     isStreaming?: boolean;
 }
-declare function KpiVisualization({ data, config, isStreaming }: KpiVisualizationProps): react_jsx_runtime.JSX.Element;
+declare function KpiVisualization({ data, config, isStreaming }: KpiVisualizationProps): react.JSX.Element;
 
 interface CodePreviewVisualizationProps {
     data: CodePreviewVisualizationData;
     config?: VisualizationConfig;
     isStreaming?: boolean;
 }
-declare function CodePreviewVisualization({ data }: CodePreviewVisualizationProps): react_jsx_runtime.JSX.Element;
+declare function CodePreviewVisualization({ data }: CodePreviewVisualizationProps): react.JSX.Element;
 
 interface FormVisualizationProps {
     data: FormVisualizationData;
@@ -411,7 +434,7 @@ interface FormVisualizationProps {
     isStreaming?: boolean;
     onAction?: (event: VisualizationActionEvent) => void;
 }
-declare function FormVisualization({ data, config, isStreaming, onAction }: FormVisualizationProps): react_jsx_runtime.JSX.Element;
+declare function FormVisualization({ data, config, isStreaming, onAction }: FormVisualizationProps): react.JSX.Element;
 
 interface VisualizationEntry {
     component: React.ComponentType<{
@@ -448,7 +471,7 @@ interface ArtifactInlineCardProps {
  * shipped with the chat-ui package so headless / embedded consumers still
  * render something when a tool emits an artifact.
  */
-declare function ArtifactInlineCard({ artifact, isStreaming, onOpen, }: ArtifactInlineCardProps): react_jsx_runtime.JSX.Element;
+declare function ArtifactInlineCard({ artifact, isStreaming, onOpen, }: ArtifactInlineCardProps): react.JSX.Element;
 
 interface ArtifactListProps {
     artifacts: ArtifactChunkData[];
@@ -459,7 +482,7 @@ interface ArtifactListProps {
  * Renders one inline card per artifact using the registered renderer when
  * available; falls back to the unstyled `ArtifactInlineCard` otherwise.
  */
-declare function ArtifactList({ artifacts, isStreaming, onOpen, }: ArtifactListProps): react_jsx_runtime.JSX.Element | null;
+declare function ArtifactList({ artifacts, isStreaming, onOpen, }: ArtifactListProps): react.JSX.Element | null;
 
 /**
  * Shape of a registered artifact type.
@@ -516,7 +539,7 @@ interface EventContentProps {
  *   bar — the panel reads as a tiny trace.
  * - Observations use a quiet tinted background, no side-stripe.
  */
-declare function EventContent({ event, className, isRunning, maxDurationSeconds, }: EventContentProps): react_jsx_runtime.JSX.Element | null;
+declare function EventContent({ event, className, isRunning, maxDurationSeconds, }: EventContentProps): react.JSX.Element | null;
 
 /**
  * Convert StreamingChunk to Event format
@@ -539,7 +562,7 @@ interface EventTimelineProps {
  * Unified event timeline component
  * Displays thinking, tool execution, and observation events
  */
-declare function EventTimeline({ events, className }: EventTimelineProps): react_jsx_runtime.JSX.Element | null;
+declare function EventTimeline({ events, className }: EventTimelineProps): react.JSX.Element | null;
 
 interface PlanTimelineProps {
     plan: PlanData;
@@ -550,7 +573,7 @@ interface PlanTimelineProps {
  * Minimal timeline for Plan & Execute mode.
  * Matches in-house style: simple "Plan:" header + inline text rows.
  */
-declare function PlanTimeline({ plan, streamingChunks, className, }: PlanTimelineProps): react_jsx_runtime.JSX.Element;
+declare function PlanTimeline({ plan, streamingChunks, className, }: PlanTimelineProps): react.JSX.Element;
 
 type TimelineItemKind = "thinking" | "planning" | "tool" | "observation" | "subagent";
 interface TimelineItemData {
@@ -585,7 +608,7 @@ interface TimelineProps {
  * side. Spacing varies by adjacency so the panel reads like prose, not a
  * uniform list.
  */
-declare function Timeline({ items, badgeSize, className }: TimelineProps): react_jsx_runtime.JSX.Element | null;
+declare function Timeline({ items, badgeSize, className }: TimelineProps): react.JSX.Element | null;
 interface TimelineItemProps {
     status: EventStatus;
     isLast?: boolean;
@@ -597,7 +620,7 @@ interface TimelineItemProps {
  * Single timeline item (alternative API). Matches the refreshed look of
  * the parent `Timeline`: hairline rail, ink-dot markers, no card chrome.
  */
-declare function TimelineItem({ status, isLast, badgeSize, children, className, }: TimelineItemProps): react_jsx_runtime.JSX.Element;
+declare function TimelineItem({ status, isLast, badgeSize, children, className, }: TimelineItemProps): react.JSX.Element;
 
 interface StatusBadgeProps {
     status: EventStatus;
@@ -621,7 +644,7 @@ interface StatusBadgeProps {
  * `--chat-primary`; callers whose primary is neutral can override the
  * activity accent independently via `BrandingData.activityAccentColor`.
  */
-declare function StatusBadge({ status, size, className, kind }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+declare function StatusBadge({ status, size, className, kind }: StatusBadgeProps): react.JSX.Element;
 
 interface TimelineRowProps {
     /** Primary label — subtask description, agent name, or humanized handle. */
@@ -651,6 +674,6 @@ interface TimelineRowProps {
  * that rotates on expand; the duration is rendered as a tabular-num pill
  * with quiet weight so it reads as data, not chrome.
  */
-declare function TimelineRow({ label, description, durationSeconds, isFailed, defaultExpanded, nestedEvents, hideChevron, }: TimelineRowProps): react_jsx_runtime.JSX.Element;
+declare function TimelineRow({ label, description, durationSeconds, isFailed, defaultExpanded, nestedEvents, hideChevron, }: TimelineRowProps): react.JSX.Element;
 
-export { type ApprovalButtonSlotProps, type ApprovalChatInputSlotProps, ArtifactChunkData, type ArtifactEntry, ArtifactInlineCard, type ArtifactInlineCardProps, ArtifactList, type ArtifactListProps, Attachment, CardVisualization, type CardVisualizationProps, ChartVisualization, type ChartVisualizationProps, ChatHeader, type ChatHeaderAction, type ChatHeaderProps, CitationSources, type CitationSourcesProps, ClarificationData, ClarificationPanel, type ClarificationPanelProps, CodePreviewVisualization, type CodePreviewVisualizationProps, Event, EventContent, EventStatus, EventTimeline, type EventTimelineProps, FormVisualization, type FormVisualizationProps, InlineCitation, type InlineCitationProps, KpiVisualization, type KpiVisualizationProps, LoadingDots, type LoadingDotsProps, MediaChunkData, MessageAttachments, type MessageAttachmentsProps, PlanData, PlanTimeline, type PlanTimelineProps, ReasoningPanel, type ReasoningPanelProps, SourceDetailModal, type SourceDetailModalProps, SourceReference, StatusBadge, StreamingChunk, SubagentPanel, type SubagentPanelProps, TableVisualization, type TableVisualizationProps, TimeMarker, type TimeMarkerProps, Timeline, TimelineItem, type TimelineItemData, type TimelineItemProps, type TimelineProps, TimelineRow, type TimelineRowProps, ToolApprovalPanel, type ToolApprovalPanelProps, type ToolApprovalSlots, VisualizationActionEvent, VisualizationChunkData, VisualizationConfig, type VisualizationEntry, VisualizationRenderer, type VisualizationRendererProps, cardVisualizationSchema, chartVisualizationSchema, codePreviewVisualizationSchema, convertChunkToEvent, convertTimelineToEvents, formVisualizationSchema, getArtifact, getRegisteredArtifactTypes, getRegisteredTypes, getVisualization, kpiVisualizationSchema, registerArtifact, registerVisualization, tableVisualizationSchema };
+export { type ApprovalButtonSlotProps, type ApprovalChatInputSlotProps, ArtifactChunkData, type ArtifactEntry, ArtifactInlineCard, type ArtifactInlineCardProps, ArtifactList, type ArtifactListProps, Attachment, CardVisualization, type CardVisualizationProps, ChartVisualization, type ChartVisualizationProps, ChatHeader, type ChatHeaderAction, type ChatHeaderProps, CitationSources, type CitationSourcesProps, ClarificationData, ClarificationPanel, type ClarificationPanelProps, CodePreviewVisualization, type CodePreviewVisualizationProps, ComposerToolbar, Event, EventContent, EventStatus, EventTimeline, type EventTimelineProps, FormVisualization, type FormVisualizationProps, InlineCitation, type InlineCitationProps, KpiVisualization, type KpiVisualizationProps, LoadingDots, type LoadingDotsProps, MediaChunkData, MessageAttachments, type MessageAttachmentsProps, PlanData, PlanTimeline, type PlanTimelineProps, ReasoningPanel, type ReasoningPanelProps, SourceDetailModal, type SourceDetailModalProps, SourceReference, StatusBadge, StreamingChunk, SubagentPanel, type SubagentPanelProps, TableVisualization, type TableVisualizationProps, TimeMarker, type TimeMarkerProps, Timeline, TimelineItem, type TimelineItemData, type TimelineItemProps, type TimelineProps, TimelineRow, type TimelineRowProps, ToolApprovalPanel, type ToolApprovalPanelProps, type ToolApprovalSlots, VisualizationActionEvent, VisualizationChunkData, VisualizationConfig, type VisualizationEntry, VisualizationRenderer, type VisualizationRendererProps, cardVisualizationSchema, chartVisualizationSchema, codePreviewVisualizationSchema, convertChunkToEvent, convertTimelineToEvents, formVisualizationSchema, getArtifact, getRegisteredArtifactTypes, getRegisteredTypes, getVisualization, kpiVisualizationSchema, registerArtifact, registerVisualization, tableVisualizationSchema };

package/dist/styled/index.js

@@ -1,2 +1,2 @@
-export{O as ArtifactInlineCard,S as ArtifactList,a as AttachmentPreview,b as Avatar,A as CardVisualization,y as ChartVisualization,c as ChatContainer,_ as ChatHeader,aa as ChatLayout,f as CitationSources,i as ClarificationPanel,C as CodePreviewVisualization,p as EventContent,s as EventTimeline,D as FormVisualization,h as InlineCitation,B as KpiVisualization,d as LoadingDots,e as MarkdownContent,U as Message,k as MessageActionBar,l as MessageAttachments,V as MessageComposer,X as MessageList,u as PlanTimeline,v as ReasoningPanel,W as ScrollToBottomButton,g as SourceDetailModal,m as StatusBadge,w as StreamingText,ca as SubagentPanel,x as SuggestedActions,z as TableVisualization,Y as TimeMarker,n as Timeline,o as TimelineItem,t as TimelineRow,j as ToolApprovalPanel,$ as ToolStatusIndicator,Z as TypingIndicator,N as VisualizationRenderer,ba as WelcomeScreen,J as cardVisualizationSchema,H as chartVisualizationSchema,L as codePreviewVisualizationSchema,q as convertChunkToEvent,r as convertTimelineToEvents,M as formVisualizationSchema,Q as getArtifact,R as getRegisteredArtifactTypes,G as getRegisteredTypes,F as getVisualization,K as kpiVisualizationSchema,P as registerArtifact,E as registerVisualization,I as tableVisualizationSchema}from'../chunk-ERJKVQQT.js';export{h as useComposer,b as useMessage}from'../chunk-6RN7SUWT.js';import'../chunk-D2PFIJNZ.js';import'../chunk-4WWJTYYA.js';export{b as ChatProvider,c as useChatContext}from'../chunk-NKLA5PPB.js';import'../chunk-NG4HKXYB.js';import'../chunk-IUCKTDTZ.js';//# sourceMappingURL=index.js.map
+export{P as ArtifactInlineCard,T as ArtifactList,a as AttachmentPreview,b as Avatar,B as CardVisualization,z as ChartVisualization,c as ChatContainer,$ as ChatHeader,ba as ChatLayout,g as CitationSources,j as ClarificationPanel,D as CodePreviewVisualization,d as ComposerToolbar,q as EventContent,t as EventTimeline,E as FormVisualization,i as InlineCitation,C as KpiVisualization,e as LoadingDots,f as MarkdownContent,V as Message,l as MessageActionBar,m as MessageAttachments,W as MessageComposer,Y as MessageList,v as PlanTimeline,w as ReasoningPanel,X as ScrollToBottomButton,h as SourceDetailModal,n as StatusBadge,x as StreamingText,da as SubagentPanel,y as SuggestedActions,A as TableVisualization,Z as TimeMarker,o as Timeline,p as TimelineItem,u as TimelineRow,k as ToolApprovalPanel,aa as ToolStatusIndicator,_ as TypingIndicator,O as VisualizationRenderer,ca as WelcomeScreen,K as cardVisualizationSchema,I as chartVisualizationSchema,M as codePreviewVisualizationSchema,r as convertChunkToEvent,s as convertTimelineToEvents,N as formVisualizationSchema,R as getArtifact,S as getRegisteredArtifactTypes,H as getRegisteredTypes,G as getVisualization,L as kpiVisualizationSchema,Q as registerArtifact,F as registerVisualization,J as tableVisualizationSchema}from'../chunk-HYFMOOLH.js';export{h as useComposer,b as useMessage}from'../chunk-6RN7SUWT.js';import'../chunk-D2PFIJNZ.js';import'../chunk-4WWJTYYA.js';export{b as ChatProvider,c as useChatContext}from'../chunk-NKLA5PPB.js';import'../chunk-NG4HKXYB.js';import'../chunk-ZP4FGAAH.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map