@icanbwell/baileyai-chat-ui 1.0.11 → 1.0.14

package/dist/index.d.ts

@@ -53,17 +53,25 @@ export declare interface BaileyChatInputMessage {
     titleHint?: string;
 }
 
-export declare function BaileyChatPanel({ chat, placeholder, replyPlaceholder, emptyPlaceholder, suggestions, onHistoryClick, privacyNote, resolveActivityIcon, className, height, width, hideDeveloperDetails, renderMessageActions, renderTable, renderChart, labels: labelsProp, formatMessageTime: formatMessageTimeProp, }: BaileyChatPanelProps): JSX_2.Element;
+export declare function BaileyChatPanel({ chat, placeholder, replyPlaceholder, emptyPlaceholder, suggestions, onHistoryClick, privacyNote, resolveActivityIcon, className, height, width, hideDeveloperDetails, renderMessageActions, renderTable, renderChart, renderMcpApp, labels: labelsProp, formatMessageTime: formatMessageTimeProp, }: BaileyChatPanelProps): JSX_2.Element;
 
-export declare interface BaileyChatPanelLabels {
-    /** Visible text on the header's reset control. */
+export declare interface BaileyChatPanelLabels extends ToolStepLabels {
+    /** Visible text of the "new chat" item in the "..." menu. */
     newChatButtonText: string;
-    /** Accessible name for the reset control — lowercase to match this component's other
-     *  aria-labels (send/stop/dismiss), which are also lowercase by existing convention. */
+    /** @deprecated No longer applied -- the "New chat" menu item is named by its visible text
+     *  (`newChatButtonText`). Kept in the type so existing hosts still compile; will be removed
+     *  in the next major version. */
     newChatAriaLabel: string;
-    /** Accessible name for the history control — only rendered when `onHistoryClick` is
-     *  supplied (see BaileyChatPanelProps). Lowercase, same convention as newChatAriaLabel. */
+    /** @deprecated No longer applied -- the history menu item is named by its visible text
+     *  (`historyMenuItemText`). Kept in the type so existing hosts still compile; will be
+     *  removed in the next major version. */
     historyAriaLabel: string;
+    /** Visible text of the history item in the "..." menu — only rendered when
+     *  `onHistoryClick` is supplied (see BaileyChatPanelProps). */
+    historyMenuItemText: string;
+    /** Accessible name for the "..." menu trigger beside the input row. Lowercase, same
+     *  convention as the other aria-labels. */
+    menuAriaLabel: string;
     /** Heading above the suggestion cards in the empty state. */
     suggestionsTitle: string;
     /** Shown in the empty state when no `suggestions` prop is supplied. */
@@ -89,10 +97,29 @@ export declare interface BaileyChatPanelLabels {
     copyButtonTooltipDefault: string;
     /** Tooltip text immediately after a successful copy, on the per-message copy control. */
     copyButtonTooltipCopied: string;
+    /** iframe `title` attribute (accessible name) for an 'mcp_app' part (MCP Apps, SEP-1865)
+     *  that doesn't carry its own `title` from the tool/resource. Only used by the default
+     *  McpAppFrame renderer — a host-supplied `renderMcpApp` (BaileyChatPanelProps) owns its
+     *  own accessible naming instead. */
+    mcpAppDefaultTitle: string;
 }
 
 export declare interface BaileyChatPanelProps extends BaileyMarkdownRenderers {
     chat: UseBaileyChatResult;
+    /** Overrides the default McpAppFrame rendering for an 'mcp_app' content part (MCP Apps,
+     *  SEP-1865) — e.g. a host that wants to supply its own iframe-hosting shell instead of this
+     *  package's default sandboxed iframe. Not part of BaileyMarkdownRenderers: an mcp_app part
+     *  is structured data attached to the message (BaileyMessage.parts), the same way image parts
+     *  are, not a markdown-AST override. Omit to get the default McpAppFrame. */
+    renderMcpApp?: (part: {
+        html: string;
+        title?: string;
+        resourceUri: string;
+        csp?: Record<string, unknown>;
+        permissions?: Record<string, unknown>;
+        prefersBorder?: boolean;
+        displayMode?: string;
+    }) => ReactNode;
     /** Overrides the input's placeholder in BOTH the empty and reply states, taking priority
      *  over emptyPlaceholder/replyPlaceholder below. Omit to get the state-appropriate default. */
     placeholder?: string;
@@ -106,21 +133,22 @@ export declare interface BaileyChatPanelProps extends BaileyMarkdownRenderers {
      *  been sent. Clicking one calls chat.send(value ?? label). Omit to keep the plain
      *  "Ask Bailey a question to get started." empty state. */
     suggestions?: BaileySuggestion[];
-    /** Renders a history-icon control in the toolbar row, next to "New chat" — a host's entry
-     *  point into its own conversation-history UI (this package has no opinion on how history
-     *  is stored/listed; it only renders the trigger). Rendered regardless of `isEmpty`, unlike
-     *  "New chat" (which only appears once a conversation has started) — history should stay
-     *  reachable even before the first message. Omit entirely to keep today's toolbar row
-     *  (just "New chat", nothing when empty). */
+    /** Adds a history item to the "..." menu beside the input row, beneath "New chat" — a host's
+     *  entry point into its own conversation-history UI (this package has no opinion on how
+     *  history is stored/listed; it only renders the trigger). Rendered regardless of `isEmpty`,
+     *  unlike "New chat" (which only appears once a conversation has started) — history should
+     *  stay reachable even before the first message. Omit entirely to keep the menu to just
+     *  "New chat" (and no menu at all while the conversation is empty). */
     onHistoryClick?: () => void;
     /** A short privacy/compliance note rendered below the input row, as the panel's bottom-most
      *  element — empty state only by default, or every state if `privacyNote.alwaysVisible` is
      *  set. No default — the exact copy/link is host-specific, so nothing is shown unless a host
      *  supplies one. */
     privacyNote?: BaileyPrivacyNote;
-    /** Customizes the icon shown next to an inline activity line (e.g. "Checking your vitals.")
-     *  based on the tool/event name — defaults to a single generic icon for every line, rather
-     *  than guessing a per-tool glyph mapping. */
+    /** Customizes the icon shown next to each tool step — the live "Checking your vitals…" line
+     *  while a tool runs, and each entry in the expanded "Used N tools" summary — based on the
+     *  tool name. Defaults to a single generic icon for every step, rather than guessing a
+     *  per-tool glyph mapping. */
     resolveActivityIcon?: (toolName: string | null) => ReactNode;
     className?: string;
     /** Explicit panel height (number is treated as px, e.g. 600 or '600px' or '100vh'). Applied
@@ -175,6 +203,15 @@ export declare type BaileyContentPart = {
     type: 'image';
     src: string;
     alt?: string;
+} | {
+    type: 'mcp_app';
+    html: string;
+    title?: string;
+    resourceUri: string;
+    csp?: Record<string, unknown>;
+    permissions?: Record<string, unknown>;
+    prefersBorder?: boolean;
+    displayMode?: string;
 };
 
 export declare interface BaileyLastRequest {
@@ -239,6 +276,8 @@ export declare interface BaileyOutputItem {
     type: string;
     name?: string;
     arguments?: string;
+    call_id?: string;
+    display_name?: string;
     output?: string;
     is_error?: boolean;
     runtime_seconds?: number;
@@ -286,6 +325,16 @@ export declare type BaileyStreamEvent = {
 } | {
     type: 'info';
     message: string;
+} | {
+    type: 'mcp_app';
+    html: string;
+    title?: string;
+    resourceUri?: string;
+    protocolVersion?: string;
+    csp?: Record<string, unknown>;
+    permissions?: Record<string, unknown>;
+    prefersBorder?: boolean;
+    displayMode?: string;
 };
 
 export declare interface BaileyStreamStats {
@@ -314,12 +363,16 @@ export declare type BaileyTraceEvent = {
     args?: string;
     at: number;
     turnSentAt: number;
+    callId?: string;
+    displayName?: string;
 } | {
     kind: 'tool_end';
     name: string;
     args?: string;
     at: number;
     turnSentAt: number;
+    callId?: string;
+    displayName?: string;
     output?: string;
     isError?: boolean;
     runtimeSeconds?: number;
@@ -469,6 +522,32 @@ export declare const shouldUseGrid: (rows: BaileyTableCell[][]) => boolean;
 
 export declare function toActivityLines(events: BaileyTraceEvent[], turnSentAt: number | undefined): ActivityLine[];
 
+export declare interface ToolStep {
+    key: string;
+    callId: string | undefined;
+    toolName: string;
+    label: string;
+    status: ToolStepStatus;
+    runtimeSeconds?: number;
+}
+
+declare interface ToolStepLabels {
+    /** Collapsed summary for a turn that used exactly one tool. */
+    toolStepsSummaryOne: string;
+    /** Collapsed summary for a turn that used several tools; `{count}` is replaced. */
+    toolStepsSummaryMany: string;
+    /** Appended to the summary when any tool failed; `{failed}` is replaced. */
+    toolStepsFailedSuffix: string;
+    /** Marker next to a failed step in the expanded list. */
+    toolStepFailedText: string;
+    /** Marker next to a step that never finished (turn stopped or errored mid-call). */
+    toolStepStoppedText: string;
+}
+
+export declare type ToolStepStatus = 'running' | 'done' | 'failed';
+
+export declare function toToolSteps(events: BaileyTraceEvent[], turnSentAt: number | undefined): ToolStep[];
+
 export declare function toTraceRows(events: BaileyTraceEvent[]): TraceRow[];
 
 export declare function toTraceSegments(rows: TraceRow[]): TraceSegment[];
@@ -561,7 +640,7 @@ export declare interface UseBaileyChatResult {
     /** Aborts any in-flight turn and resets the conversation to empty, so a host can offer a
      *  "start over" control without remounting the component.
      *
-     *  `BaileyChatPanel`'s own "New chat" button calls whatever `newChat` sits on the `chat`
+     *  `BaileyChatPanel`'s own "New chat" menu item calls whatever `newChat` sits on the `chat`
      *  object it was given (read off `props.chat`, not this hook directly) — so a host that
      *  needs to react to a reset (e.g. to also clear its own persisted conversation identity)
      *  wraps this function before handing `chat` to the panel:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icanbwell/baileyai-chat-ui",
-  "version": "1.0.11",
+  "version": "1.0.14",
   "description": "Shared React chat UI and streaming logic for Bailey, the icanbwell AI assistant",
   "license": "Apache-2.0",
   "repository": {
@@ -88,6 +88,7 @@
     }
   },
   "dependencies": {
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-tooltip": "^1.1.8",
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1"
@@ -112,7 +113,7 @@
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.4",
-    "jsdom": "^29.1.1",
+    "jsdom": "^30.1.1",
     "postcss": "^8.5.23",
     "react": "^18.3.1",
     "react-chartjs-2": "^5.3.1",
@@ -123,5 +124,9 @@
     "vite": "^8.0.16",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.10"
+  },
+  "resolutions": {
+    "minimatch/brace-expansion": "2.1.4-aikido.2",
+    "node-gyp/undici": "8.10.2"
   }
 }