@miiflow/assistant-ui 0.7.0 → 0.9.0

package/dist/composer/index.d.ts

@@ -0,0 +1,180 @@
+import { c as CommandProvider, C as ChatComposerCommand, a as ChatComposerSubmitPayload } from '../types-DeHbndy0.js';
+export { b as ChatComposerToken } from '../types-DeHbndy0.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;
+    commandKind: string;
+    commandLabel: string;
+    /** Trigger character that produced the chip (e.g. "/" or "@"). Optional in
+     * v1 payloads — defaulted to "/" on import for backwards compatibility. */
+    commandPrefix?: string;
+    type: "command-token";
+    version: 1 | 2;
+}, SerializedLexicalNode>;
+declare class CommandTokenNode extends DecoratorNode<ReactNode> {
+    __id: string;
+    __kind: string;
+    __label: string;
+    __prefix: string;
+    constructor(id: string, kind: string, label: string, prefix?: string, key?: NodeKey);
+    static getType(): string;
+    static clone(node: CommandTokenNode): CommandTokenNode;
+    static importJSON(serialized: SerializedCommandTokenNode): CommandTokenNode;
+    exportJSON(): SerializedCommandTokenNode;
+    getCommandId(): string;
+    getCommandKind(): string;
+    getCommandLabel(): string;
+    getCommandPrefix(): string;
+    /** Wire format. Backend parses `<prefix><id>:<kind>` from the message body. */
+    getEncodedText(): string;
+    createDOM(): HTMLElement;
+    updateDOM(): false;
+    exportDOM(): DOMExportOutput;
+    static importDOM(): DOMConversionMap | null;
+    decorate(): ReactNode;
+    isInline(): boolean;
+    isKeyboardSelectable(): boolean;
+    /** Plain-text projection (clipboard, root.getTextContent, etc.). */
+    getTextContent(): string;
+}
+declare function $createCommandTokenNode(id: string, kind: string, label: string, prefix?: string): CommandTokenNode;
+declare function $isCommandTokenNode(node: LexicalNode | null | undefined): node is CommandTokenNode;
+/**
+ * Matches `<prefix><id>:<kind>` substrings emitted by `CommandTokenNode.getEncodedText()`,
+ * where `<prefix>` is `/` (skill / mode chips) or `@` (ad-account chips).
+ *
+ * Bounded by start-of-string, whitespace, or an opening bracket on the left,
+ * and end-of-string, whitespace, or punctuation on the right — so it doesn't
+ * fire on URLs like `https://example.com/path:foo` or emails like
+ * `user@host.com:port`.
+ *
+ * The id capture allows spaces (skill names may have them); the kind capture
+ * allows word chars and hyphens (e.g. `ad-account`).
+ */
+declare const COMMAND_TOKEN_REGEX: RegExp;
+interface InlineCommandTokenMatch {
+    id: string;
+    kind: string;
+    /** Trigger character that introduced the chip (`/` or `@`). */
+    prefix: string;
+    /** The full matched substring including the leading prefix (no leading boundary). */
+    raw: string;
+    /** Index in the original string where the leading prefix sits. */
+    index: number;
+    /** End index (exclusive) of the matched token. */
+    endIndex: number;
+}
+/**
+ * Find all `<prefix><id>:<kind>` tokens in a plain-text string.
+ *
+ * Returns matches in document order. Use this when rendering message
+ * history to replace token substrings with a visual chip.
+ */
+declare function findInlineCommandTokens(text: string): InlineCommandTokenMatch[];
+
+interface CommandTokenPluginProps {
+    /** The data source for the typeahead. When null, the plugin is inert. */
+    commandProvider?: CommandProvider | null;
+    /**
+     * Optional override for the typeahead UI. When supplied, replaces the
+     * default Tailwind popover (use this to render an MUI/host-themed menu).
+     */
+    menuRenderer?: (params: {
+        anchorElement: HTMLElement | null;
+        options: ChatComposerCommand[];
+        selectedIndex: number;
+        setSelectedIndex: (index: number) => void;
+        selectOption: (option: ChatComposerCommand) => void;
+        closeMenu: () => void;
+    }) => React.ReactNode;
+    /**
+     * Notified whenever the typeahead menu opens or closes. Use this to gate
+     * keyboard handlers (e.g. don't submit on Enter while the menu is open).
+     */
+    onMenuStateChange?: (isOpen: boolean) => void;
+}
+declare function CommandTokenPlugin({ commandProvider, menuRenderer, onMenuStateChange, }: CommandTokenPluginProps): React.JSX.Element | null;
+
+/**
+ * Single source of truth for slash-command token visuals.
+ *
+ * Used in three places:
+ *  - Typeahead popover row (variant="row")
+ *  - Inline chip in the editor (variant="chip", inside CommandTokenNode.decorate)
+ *  - Inline chip in message history (variant="chip", inside MarkdownContent)
+ *
+ * Renders a kind tag + label so the user gets the same visual identity at
+ * every step: pick → type → send → re-read. Adapts to the surrounding text
+ * color via `currentColor` so it survives light bubbles, dark bubbles, and
+ * any branded chat surface without bespoke palettes.
+ */
+interface CommandTokenViewProps {
+    /** Slug-style id (wire format `/<id>:<kind>`). */
+    id: string;
+    /** Token category, e.g. "skill", "mode". Rendered as the leading tag. */
+    kind: string;
+    /** Display name; falls back to `id` if not provided. */
+    label?: string;
+    /** Optional secondary line; only rendered for variant="row". */
+    description?: string;
+    /** Optional leading icon (slotted before the label, after the tag). */
+    icon?: ReactNode;
+    /** Optional override for the leading tag (where `kind` renders by default).
+     * When set, replaces the uppercase kind pill — e.g. swap "AD-ACCOUNT" for
+     * the platform logo. */
+    tag?: ReactNode;
+    /** Compact inline pill ("chip") vs. full popover row ("row"). */
+    variant?: "chip" | "row";
+    /** When true, applies the row's "selected" styling. */
+    selected?: boolean;
+    /** Optional click handler (popover row uses it; chip doesn't by default). */
+    onMouseEnter?: () => void;
+    onMouseDown?: (e: React.MouseEvent) => void;
+    /** 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;
+
+interface LexicalChatInputHandle {
+    /** Clear the editor contents and reset history. */
+    clear: () => void;
+    /** Programmatically submit the current editor contents. */
+    submit: () => void;
+    /** Focus the editor. */
+    focus: () => void;
+}
+interface LexicalChatInputProps {
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    /** Tailwind classes applied to the inner ContentEditable element. */
+    inputClassName?: string;
+    /** Slot for additional Lexical plugins (mounted inside LexicalComposer). */
+    children?: ReactNode;
+    /**
+     * Called whenever the editor's plain-text projection changes. Use this to
+     * gate a parent-rendered submit button on `text.trim().length > 0`.
+     */
+    onChange?: (payload: ChatComposerSubmitPayload) => void;
+    /** Called when the user presses Enter (without Shift). */
+    onSubmit: (payload: ChatComposerSubmitPayload) => void | Promise<void>;
+    /**
+     * Optional slash-command typeahead. When omitted, the editor behaves like
+     * a plain rich-text input.
+     */
+    commandProvider?: CommandProvider | null;
+    /**
+     * Multiple typeahead providers, one per trigger character (e.g. `/` for
+     * skills + modes, `@` for ad accounts). When supplied, this takes
+     * precedence over the singular `commandProvider`. Each provider mounts its
+     * own `CommandTokenPlugin` instance.
+     */
+    commandProviders?: CommandProvider[];
+}
+declare const LexicalChatInput: react.ForwardRefExoticComponent<LexicalChatInputProps & react.RefAttributes<LexicalChatInputHandle>>;
+
+export { $createCommandTokenNode, $isCommandTokenNode, COMMAND_TOKEN_REGEX, ChatComposerCommand, ChatComposerSubmitPayload, CommandProvider, CommandTokenNode, CommandTokenPlugin, type CommandTokenPluginProps, CommandTokenView, type CommandTokenViewProps, type InlineCommandTokenMatch, LexicalChatInput, type LexicalChatInputHandle, type LexicalChatInputProps, type SerializedCommandTokenNode, findInlineCommandTokens };

package/dist/composer/index.js

@@ -0,0 +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
+//# sourceMappingURL=index.js.map

package/dist/composer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/context/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { C as ChatMessage, P as ParticipantRole } from '../message-BrHFdwb2.js';
-import { d as VisualizationActionEvent } from '../streaming-DURrv9_E.js';
+import { C as ChatMessage, b as ParticipantRole } from '../message-D2ElX5k7.js';
+import { V as VisualizationActionEvent } from '../streaming-B_u_jno6.js';
 
 interface ChatContextValue {
     /** List of messages in the conversation */
@@ -23,6 +23,15 @@ interface ChatContextValue {
     customData?: Record<string, unknown>;
     /** Callback when user interacts with a visualization (form submit, card action, etc.) */
     onVisualizationAction?: (event: VisualizationActionEvent) => void;
+    /** Resolve how to render an inline command-token chip (e.g. an
+     * `@<id>:ad-account` mention). Wire format only carries id + kind, so the
+     * host app supplies the display info. Returning `tag` replaces the default
+     * uppercase kind pill (e.g. a platform logo). Returning `label` overrides
+     * the id text. */
+    resolveCommandToken?: (id: string, kind: string) => {
+        label?: string;
+        tag?: ReactNode;
+    } | undefined;
 }
 declare const ChatContext: react.Context<ChatContextValue | null>;
 interface ChatProviderProps {
@@ -36,8 +45,12 @@ interface ChatProviderProps {
     onRetryLastMessage?: () => Promise<void>;
     customData?: Record<string, unknown>;
     onVisualizationAction?: (event: VisualizationActionEvent) => void;
+    resolveCommandToken?: (id: string, kind: string) => {
+        label?: string;
+        tag?: ReactNode;
+    } | undefined;
 }
-declare function ChatProvider({ children, messages, isStreaming, streamingMessageId, viewerRole, onSendMessage, onStopStreaming, onRetryLastMessage, customData, onVisualizationAction, }: ChatProviderProps): react_jsx_runtime.JSX.Element;
+declare function ChatProvider({ children, messages, isStreaming, streamingMessageId, viewerRole, onSendMessage, onStopStreaming, onRetryLastMessage, customData, onVisualizationAction, resolveCommandToken, }: ChatProviderProps): react_jsx_runtime.JSX.Element;
 declare function useChatContext(): ChatContextValue;
 
 export { ChatContext, type ChatContextValue, ChatProvider, type ChatProviderProps, useChatContext };

package/dist/context/index.js

@@ -1,2 +1,2 @@
-export{a as ChatContext,b as ChatProvider,c as useChatContext}from'../chunk-OCKHJ4WO.js';//# sourceMappingURL=index.js.map
+export{a as ChatContext,b as ChatProvider,c as useChatContext}from'../chunk-NKLA5PPB.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { RefObject, KeyboardEvent } from 'react';
-import { b as StreamingOptions, a as StreamChunk } from '../streaming-DURrv9_E.js';
-import { B as BrandingData } from '../branding-SzYU4ncD.js';
+import { m as StreamingOptions, S as StreamChunk } from '../streaming-B_u_jno6.js';
+import { B as BrandingData } from '../branding-NieTEGQf.js';
 
 interface UseAutoScrollOptions {
     /** Whether auto-scroll is enabled */

package/dist/hooks/index.js

@@ -1,2 +1,2 @@
-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{b as useBrandingCSSVars}from'../chunk-NSTK5EUQ.js';//# sourceMappingURL=index.js.map
+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{b as useBrandingCSSVars}from'../chunk-QECTWT2H.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -1,14 +1,15 @@
-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-BrHFdwb2.js';
-export { a as StreamChunk, b as StreamingOptions, c as StreamingState } from './streaming-DURrv9_E.js';
-export { B as BrandingData } from './branding-SzYU4ncD.js';
+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 { 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, 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-C13xc3tA.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 { ActionButton, MessageList as MessageListPrimitive, StreamingText as StreamingTextPrimitive, SuggestedActionsContext, SuggestedActions as SuggestedActionsPrimitive, TypingIndicator as TypingIndicatorPrimitive, useSuggestedActions } from './primitives/index.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-XVZqMpVW.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';
 import { ClassValue } from 'clsx';
 import 'react/jsx-runtime';
 import 'react';
+import './types-DeHbndy0.js';
 
 /**
  * Utility function to merge Tailwind CSS classes with proper precedence.
@@ -104,6 +105,14 @@ declare const chatTokens: {
         readonly secondary: "var(--chat-secondary, #56C18A)";
         readonly error: "var(--chat-error, #B1001B)";
         readonly warning: "var(--chat-warning, #DD9652)";
+        /**
+         * Accent for in-progress / live indicators in the reasoning panel:
+         * running halo, animated caret, header wave, rail-flow gradient, and
+         * active-row wash. Falls back to --chat-primary so existing usage is
+         * unchanged. Override independently when the brand primary is neutral
+         * and would otherwise blend into completed-state visuals.
+         */
+        readonly activity: "var(--chat-activity, var(--chat-primary, #106997))";
         readonly messageBg: "var(--chat-message-bg, rgba(0, 0, 0, 0.03))";
         readonly userMessageBg: "var(--chat-user-message-bg, var(--chat-primary, #106997))";
         readonly userMessageText: "var(--chat-user-message-text, #ffffff)";

package/dist/index.js

@@ -1,2 +1,2 @@
-export{b as AttachmentPreview,c as Avatar,d as ChatContainer,ga as ChatLayout,f as MarkdownContent,_ as Message,l as MessageActionBar,$ as MessageComposer,ba as MessageList,aa as ScrollToBottomButton,C as StreamingText,D as SuggestedActions,fa as ToolStatusIndicator,da as TypingIndicator,ha as WelcomeScreen,a as cn,Z as parseContentWithInlineMarkers}from'./chunk-EI3GOLHT.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-OCKHJ4WO.js';export{a as chatTokens}from'./chunk-O2ILSWHS.js';export{a as getContrastTextColor,b as useBrandingCSSVars}from'./chunk-NSTK5EUQ.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,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
 //# 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":"+uCAIA,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":"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"]}

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

@@ -1,4 +1,4 @@
-import { S as StreamingChunk, C as ClarificationData, T as ToolApprovalData, M as MediaChunkData, A as ArtifactChunkData } from './streaming-DURrv9_E.js';
+import { k as StreamingChunk, d as ClarificationData, s as ToolApprovalData, M as MediaChunkData, A as ArtifactChunkData } from './streaming-B_u_jno6.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, ParticipantRole as P, ReasoningChunk as R, SourceReference as S, MessageError as a, Participant as b, SourceTypeConfig as c, SuggestedAction as d, SuggestedActionType as e };
+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 };

package/dist/primitives/index.d.ts

@@ -1,8 +1,8 @@
-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-C13xc3tA.js';
+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';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ButtonHTMLAttributes } from 'react';
-import { d as SuggestedAction } from '../message-BrHFdwb2.js';
-import '../streaming-DURrv9_E.js';
+import { d as SuggestedAction } from '../message-D2ElX5k7.js';
+import '../streaming-B_u_jno6.js';
 
 interface MessageListProps extends HTMLAttributes<HTMLDivElement> {
     /** Messages to render */

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

@@ -18,9 +18,14 @@ interface StreamingOptions {
     onError?: (error: Error) => void;
 }
 /**
- * Extended chunk types for agentic streaming
+ * Extended chunk types for agentic streaming.
+ *
+ * `subtask` / `progress` / structured `planning` chunks are retained for
+ * historical messages persisted before the unified-ReAct migration. New
+ * streams emit `planning` only as plain text (enter_plan_mode / exit_plan_mode)
+ * and route sub-agent work through the `subagent` chunk type.
  */
-type ChunkType = "content" | "thinking" | "tool" | "observation" | "answer" | "planning" | "subtask" | "progress" | "wave_start" | "wave_complete" | "parallel_subtask_start" | "parallel_subtask_complete" | "multi_agent_planning" | "multi_agent_planning_complete" | "subagent_start" | "subagent_complete" | "subagent_failed" | "synthesis" | "clarification_needed" | "tool_approval_needed" | "visualization" | "media" | "artifact" | "subagent" | "file_operation" | "terminal" | "search_results" | "web_operation" | "claude_text" | "claude_thinking" | "suggested_action_created";
+type ChunkType = "content" | "thinking" | "tool" | "observation" | "answer" | "planning" | "subtask" | "progress" | "clarification_needed" | "tool_approval_needed" | "visualization" | "media" | "artifact" | "subagent" | "suggested_action_created";
 /**
  * Subtask data structure for Plan & Execute mode
  */
@@ -56,105 +61,15 @@ interface ProgressData {
     percentage: number;
     waveNumber?: number;
 }
-interface WaveData {
-    waveNumber: number;
-    subtaskIds: number[];
-    parallelCount: number;
-    totalWaves: number;
-    startTime?: number;
-    executionTime?: number;
-    success?: boolean;
-    completedIds?: number[];
-}
-interface ParallelSubtaskData {
-    subtaskId: number;
-    waveNumber: number;
-    description?: string;
-    success?: boolean;
-    result?: string;
-    error?: string;
-    executionTime?: number;
-}
-interface SubagentInfo {
-    id?: string;
-    name: string;
-    role?: string;
-    task?: string;
-    status: "pending" | "running" | "completed" | "failed";
-    result?: string;
-    error?: string;
-    executionTime?: number;
-}
-interface SearchResultItem {
-    filePath: string;
-    lineNumber?: number;
-    snippet?: string;
-}
 interface SubagentChunkData {
     subagentId: string;
     subagentType: string;
-    description: string;
     prompt?: string;
     status: "running" | "completed" | "failed";
     result?: string;
     durationMs?: number;
     nestedChunks: StreamingChunk[];
 }
-interface FileOperationChunkData {
-    toolUseId: string;
-    operation: "read" | "write" | "edit";
-    filePath: string;
-    status: "pending" | "completed" | "error";
-    content?: string;
-    totalLines?: number;
-    language?: string;
-    oldString?: string;
-    newString?: string;
-    error?: string;
-    durationMs?: number;
-}
-interface TerminalChunkData {
-    toolUseId: string;
-    command: string;
-    description?: string;
-    status: "running" | "completed" | "failed";
-    stdout?: string;
-    stderr?: string;
-    exitCode?: number;
-    durationMs?: number;
-}
-interface SearchResultsChunkData {
-    toolUseId: string;
-    tool: "glob" | "grep";
-    pattern: string;
-    path?: string;
-    status: "pending" | "completed" | "error";
-    results: SearchResultItem[];
-    totalCount: number;
-    error?: string;
-    durationMs?: number;
-}
-interface WebOperationChunkData {
-    toolUseId: string;
-    operation: "search" | "fetch";
-    query?: string;
-    url?: string;
-    status: "pending" | "completed" | "error";
-    results?: string;
-    content?: string;
-    error?: string;
-    durationMs?: number;
-}
-interface ClaudeToolChunkData {
-    toolUseId: string;
-    toolName: string;
-    toolDescription?: string;
-    toolInput?: Record<string, unknown>;
-    status: "pending" | "completed" | "error";
-    content?: string;
-    isError?: boolean;
-    durationMs?: number;
-}
 interface ClarificationData {
     question: string;
     options?: string[];
@@ -172,6 +87,8 @@ interface ToolApprovalData {
     toolInputs: Record<string, unknown>;
     toolSchema?: Record<string, unknown>;
     toolCallId?: 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;
 }
 type VisualizationType = "chart" | "table" | "card" | "kpi" | "code_preview" | "form";
 type ChartDataType = "line" | "bar" | "pie" | "area" | "scatter" | "composed";
@@ -238,10 +155,11 @@ interface KpiMetric {
     changeLabel?: string;
     sparkline?: number[];
     color?: string;
+    prominence?: "primary" | "secondary";
 }
 interface KpiVisualizationData {
     metrics: KpiMetric[];
-    layout?: "row" | "grid";
+    layout?: "row" | "grid" | "bento";
 }
 interface CodePreviewVisualizationData {
     code: string;
@@ -366,30 +284,9 @@ interface StreamingChunk {
     subtaskData?: SubTaskData;
     planData?: PlanData;
     progress?: ProgressData;
-    isReplan?: boolean;
-    waveData?: WaveData;
-    parallelSubtaskData?: ParallelSubtaskData;
-    waveNumber?: number;
-    isParallel?: boolean;
-    isMultiAgent?: boolean;
-    subagentInfo?: SubagentInfo;
-    subagentAllocations?: {
-        name: string;
-        focus: string;
-        query?: string;
-    }[];
-    replanAttempt?: number;
-    maxReplans?: number;
-    failureReason?: string;
-    isSynthesis?: boolean;
-    orchestrator?: "react" | "plan_execute" | "claude_agent_sdk";
+    orchestrator?: "react" | "plan_execute";
     parentSubtaskId?: number;
     subagentData?: SubagentChunkData;
-    fileOperationData?: FileOperationChunkData;
-    terminalData?: TerminalChunkData;
-    searchResultsData?: SearchResultsChunkData;
-    webOperationData?: WebOperationChunkData;
-    claudeToolData?: ClaudeToolChunkData;
     clarificationData?: ClarificationData;
     toolApprovalData?: ToolApprovalData;
     visualizationData?: VisualizationChunkData;
@@ -405,11 +302,8 @@ interface StreamingMessage {
     textContent: string;
     previousMessageId?: string;
     chunks?: StreamingChunk[];
-    orchestratorType?: "react" | "plan_execute" | "claude_agent_sdk";
+    orchestratorType?: "react" | "plan_execute";
     executionPlan?: PlanData;
-    isParallelExecution?: boolean;
-    waveData?: Record<number, WaveData>;
-    currentWaveNumber?: number;
     suggestedActions?: FollowupAction[];
     activeSubagents?: Map<string, SubagentChunkData>;
     pendingClarification?: ClarificationData;
@@ -428,12 +322,19 @@ interface FollowupAction {
     context: Record<string, unknown>;
 }
 type EventStatus = "pending" | "running" | "completed" | "failed";
-type EventType = "thinking" | "planning" | "tool" | "observation" | "subtask";
+type EventType = "thinking" | "planning" | "tool" | "observation" | "subtask" | "subagent";
 interface BaseEvent {
     id: string;
     type: EventType;
     status: EventStatus;
     timestamp?: number;
+    /**
+     * Elapsed wall-clock duration for this event in seconds. Populated by
+     * `convertTimelineToEvents` from pairwise timeline timestamps; left
+     * undefined for live streaming chunks (no per-chunk arrival time is
+     * carried through the stream).
+     */
+    durationSeconds?: number;
 }
 interface ThinkingEvent extends BaseEvent {
     type: "thinking";
@@ -465,7 +366,17 @@ interface SubtaskEvent extends BaseEvent {
     error?: string;
     children?: Event[];
 }
-type Event = ThinkingEvent | PlanningEvent | ToolEvent | ObservationEvent | SubtaskEvent;
+/**
+ * Sub-assistant dispatch event. Rendered inline in the parent's reasoning
+ * timeline at the position the dispatch was issued. Carries the full
+ * SubagentChunkData so the renderer can show name, status, and the
+ * streaming result without a separate lookup.
+ */
+interface SubagentEvent extends BaseEvent {
+    type: "subagent";
+    subagentData: SubagentChunkData;
+}
+type Event = ThinkingEvent | PlanningEvent | ToolEvent | ObservationEvent | SubtaskEvent | SubagentEvent;
 type VisualizationActionEvent = {
     type: "form_submit";
     action: string;
@@ -478,4 +389,4 @@ type VisualizationActionEvent = {
     action: string;
 };
 
-export type { ArtifactChunkData as A, ThinkingEvent as B, ClarificationData as C, ToolEvent as D, Event as E, FormVisualizationData as F, VisualizationType as G, WebOperationChunkData as H, KpiVisualizationData as K, MediaChunkData as M, ObservationEvent as O, PlanData as P, StreamingChunk as S, ToolApprovalData as T, VisualizationChunkData as V, WaveData as W, StreamChunk as a, StreamingOptions as b, StreamingState as c, VisualizationActionEvent as d, ChartVisualizationData as e, VisualizationConfig as f, TableVisualizationData as g, CardVisualizationData as h, CodePreviewVisualizationData as i, EventStatus as j, ArtifactStatus as k, ChunkType as l, ClaudeToolChunkData as m, EventType as n, FileOperationChunkData as o, FollowupAction as p, ParallelSubtaskData as q, PlanningEvent as r, ProgressData as s, SearchResultsChunkData as t, StreamingMessage as u, SubTaskData as v, SubagentChunkData as w, SubagentInfo as x, SubtaskEvent as y, TerminalChunkData as z };
+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 };