@icanbwell/baileyai-chat-ui 0.3.4 → 0.4.1-pre.0

package/dist/index.d.ts

@@ -2,6 +2,20 @@ import { Components } from 'react-markdown';
 import { JSX } from 'react';
 import { ReactNode } from 'react';
 
+export declare function ActivityIcon({ className }: {
+    className?: string;
+}): JSX.Element;
+
+export declare interface ActivityLine {
+    key: string;
+    text: string;
+    toolName: string | null;
+}
+
+export declare function ArrowUpRightIcon({ className }: {
+    className?: string;
+}): JSX.Element;
+
 export declare const BAILEY_CHART_PROMPT_FRAGMENT: string;
 
 export declare const BAILEY_TABLE_GRID_ROW_THRESHOLD = 5;
@@ -32,12 +46,39 @@ export declare interface BaileyChatInputMessage {
     content: string;
 }
 
-export declare function BaileyChatPanel({ chat, placeholder, className, renderMessageActions, renderTable, renderChart, }: BaileyChatPanelProps): JSX.Element;
+export declare function BaileyChatPanel({ chat, placeholder, replyPlaceholder, suggestions, privacyNote, resolveActivityIcon, className, height, width, hideDeveloperDetails, renderMessageActions, renderTable, renderChart, }: BaileyChatPanelProps): JSX.Element;
 
 export declare interface BaileyChatPanelProps extends BaileyMarkdownRenderers {
     chat: UseBaileyChatResult;
+    /** 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;
+    /** Placeholder shown once the conversation has started; ignored if `placeholder` is set. */
+    replyPlaceholder?: string;
+    /** Suggested prompts shown ("Suggested for you") in the empty state before any message has
+     *  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[];
+    /** A short privacy/compliance note rendered above the input, empty state only. 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. */
+    resolveActivityIcon?: (toolName: string | null) => ReactNode;
     className?: string;
+    /** Explicit panel height (number is treated as px, e.g. 600 or '600px' or '100vh'). Applied
+     *  as an inline style, which wins over the default `h-full` CSS class regardless of whether
+     *  a host has its own Tailwind build — so a host can size the panel without needing to
+     *  produce a matching utility class of its own. Omit to keep sizing to 100% of the parent. */
+    height?: number | string;
+    /** Explicit panel width, same semantics as `height`. Omit to size to the parent's width. */
+    width?: number | string;
+    /** Hides the developer-facing "Show details" trace panel (tool call args/output, raw
+     *  request/response payloads) entirely — for a host that wants Bailey's chat experience
+     *  without exposing that debugging surface to end users. Defaults to false (shown), matching
+     *  today's behavior. */
+    hideDeveloperDetails?: boolean;
     /** Renders next to the built-in copy button for a completed assistant message — a static,
      *  per-message extension point for a host action (e.g. "regenerate", feedback buttons).
      *  Content-derived actions (e.g. baileyai-skills-service's save-as-skill artifact UI) are a
@@ -99,6 +140,9 @@ export declare interface BaileyMessage {
     role: 'user' | 'assistant';
     content: string;
     streaming?: boolean;
+    /** When this message was created, stamped by useBaileyChat. Optional so hosts constructing
+     *  BaileyMessage objects by hand (e.g. tests, seed data) aren't forced to supply it. */
+    createdAt?: number;
 }
 
 export declare interface BaileyOutputItem {
@@ -110,6 +154,12 @@ export declare interface BaileyOutputItem {
     runtime_seconds?: number;
 }
 
+export declare interface BaileyPrivacyNote {
+    text: string;
+    linkLabel: string;
+    linkHref: string;
+}
+
 export declare type BaileyStreamEvent = {
     type: 'response.output_text.delta';
     delta: string;
@@ -143,6 +193,13 @@ export declare interface BaileyStreamStats {
     lastChunkAt: number | null;
 }
 
+export declare interface BaileySuggestion {
+    /** Shown on the suggestion card. */
+    label: string;
+    /** Sent to chat.send() when the card is clicked — defaults to `label` when omitted. */
+    value?: string;
+}
+
 export declare interface BaileyTableCell {
     text: string;
     href?: string;
@@ -245,6 +302,10 @@ export declare interface HastNode {
 
 export declare function hasTraceFailure(events: BaileyTraceEvent[]): boolean;
 
+export declare function HeartIcon({ className }: {
+    className?: string;
+}): JSX.Element;
+
 export declare const isSafeMarkdownUrl: (href: string) => boolean;
 
 export declare function joinInstructions(...parts: Array<string | undefined | null | false>): string;
@@ -279,6 +340,8 @@ export declare function resolveToolCall(name: string, argsJson: string | undefin
 
 export declare const shouldUseGrid: (rows: BaileyTableCell[][]) => boolean;
 
+export declare function toActivityLines(events: BaileyTraceEvent[], turnSentAt: number | undefined): ActivityLine[];
+
 export declare function toTraceRows(events: BaileyTraceEvent[]): TraceRow[];
 
 export declare function toTraceSegments(rows: TraceRow[]): TraceSegment[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icanbwell/baileyai-chat-ui",
-  "version": "0.3.4",
+  "version": "0.4.1-pre.0",
   "description": "Shared React chat UI and streaming logic for Bailey, the icanbwell AI assistant",
   "license": "Apache-2.0",
   "repository": {