@icanbwell/baileyai-chat-ui 0.4.4 → 0.5.1

package/dist/chart.d.ts

@@ -1,6 +1,6 @@
-import { JSX } from 'react';
+import { JSX as JSX_2 } from 'react';
 
-export declare const BaileyChart: ({ spec, isDarkMode, palette }: BaileyChartProps) => JSX.Element;
+export declare const BaileyChart: ({ spec, isDarkMode, palette }: BaileyChartProps) => JSX_2.Element;
 
 declare interface BaileyChartDataset {
     label: string;

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import { Components } from 'react-markdown';
-import { JSX } from 'react';
+import { JSX as JSX_2 } from 'react';
 import { ReactNode } from 'react';
 
 export declare function ActivityIcon({ className }: {
     className?: string;
-}): JSX.Element;
+}): JSX_2.Element;
 
 export declare interface ActivityLine {
     key: string;
@@ -14,7 +14,7 @@ export declare interface ActivityLine {
 
 export declare function ArrowUpRightIcon({ className }: {
     className?: string;
-}): JSX.Element;
+}): JSX_2.Element;
 
 export declare const BAILEY_CHART_PROMPT_FRAGMENT: string;
 
@@ -46,7 +46,40 @@ export declare interface BaileyChatInputMessage {
     content: string;
 }
 
-export declare function BaileyChatPanel({ chat, placeholder, replyPlaceholder, suggestions, privacyNote, resolveActivityIcon, className, height, width, hideDeveloperDetails, renderMessageActions, renderTable, renderChart, }: BaileyChatPanelProps): JSX.Element;
+export declare function BaileyChatPanel({ chat, placeholder, replyPlaceholder, emptyPlaceholder, suggestions, privacyNote, resolveActivityIcon, className, height, width, hideDeveloperDetails, renderMessageActions, renderTable, renderChart, labels: labelsProp, formatMessageTime: formatMessageTimeProp, }: BaileyChatPanelProps): JSX_2.Element;
+
+export declare interface BaileyChatPanelLabels {
+    /** Visible text on the header's reset control. */
+    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. */
+    newChatAriaLabel: string;
+    /** Heading above the suggestion cards in the empty state. */
+    suggestionsTitle: string;
+    /** Shown in the empty state when no `suggestions` prop is supplied. */
+    emptyStateMessage: string;
+    /** Name shown above a user message bubble. */
+    youLabel: string;
+    /** Shown while awaiting the first streamed token, when no more specific activity hint (tool
+     *  call, progress event) is available yet. */
+    thinkingHint: string;
+    /** Visible text on the error banner's retry control. */
+    retryButtonText: string;
+    /** Accessible name for the error banner's dismiss control. */
+    dismissErrorAriaLabel: string;
+    /** Accessible name for the submit control. */
+    sendAriaLabel: string;
+    /** Tooltip text shown on hover for the streaming-abort control. */
+    stopButtonText: string;
+    /** Accessible name for the streaming-abort control. */
+    stopAriaLabel: string;
+    /** Accessible name for the per-message copy-as-markdown control. */
+    copyButtonAriaLabel: string;
+    /** Tooltip text before a copy action, on the per-message copy control. */
+    copyButtonTooltipDefault: string;
+    /** Tooltip text immediately after a successful copy, on the per-message copy control. */
+    copyButtonTooltipCopied: string;
+}
 
 export declare interface BaileyChatPanelProps extends BaileyMarkdownRenderers {
     chat: UseBaileyChatResult;
@@ -55,6 +88,10 @@ export declare interface BaileyChatPanelProps extends BaileyMarkdownRenderers {
     placeholder?: string;
     /** Placeholder shown once the conversation has started; ignored if `placeholder` is set. */
     replyPlaceholder?: string;
+    /** Placeholder shown before the conversation has started; ignored if `placeholder` is set.
+     *  Sibling to `replyPlaceholder` above — together they cover both states without needing the
+     *  catch-all `placeholder` prop, which overrides both at once. */
+    emptyPlaceholder?: 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. */
@@ -84,6 +121,15 @@ export declare interface BaileyChatPanelProps extends BaileyMarkdownRenderers {
      *  Content-derived actions (e.g. baileyai-skills-service's save-as-skill artifact UI) are a
      *  host-side composition around useBaileyChat, not this prop — see the Phase 4 plan. */
     renderMessageActions?: (message: BaileyMessage) => ReactNode;
+    /** Overrides individual UI strings for localization — merged shallowly with English
+     *  defaults, so a host only needs to supply the keys its i18n system actually translates.
+     *  Pass fully-resolved strings, not translation keys — this package has no opinion on which
+     *  i18n library a host uses. */
+    labels?: Partial<BaileyChatPanelLabels>;
+    /** Formats the timestamp shown above a user message bubble. Defaults to
+     *  `"Today HH:MM"` / `"<locale date> HH:MM"` in the browser's locale — override for a
+     *  different locale or format. */
+    formatMessageTime?: (at: number) => string;
 }
 
 export declare interface BaileyChatTransport {
@@ -143,6 +189,10 @@ export declare interface BaileyMessage {
     /** 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;
+    /** True for a user message created via sendHidden — never rendered in `messages`, but still
+     *  part of `historyRef` sent to the model. Distinguishes a hidden context message from the
+     *  user's real first question so logic like `firstUserMessagePrefix` doesn't bind to it. */
+    hidden?: boolean;
 }
 
 export declare interface BaileyOutputItem {
@@ -255,7 +305,7 @@ export declare type BaileyTraceEvent = {
     turnSentAt: number;
 };
 
-export declare function BaileyTracePanel({ events, lastRequest, onClear }: BaileyTracePanelProps): JSX.Element | null;
+export declare function BaileyTracePanel({ events, lastRequest, onClear }: BaileyTracePanelProps): JSX_2.Element | null;
 
 export declare interface BaileyTracePanelProps {
     events: BaileyTraceEvent[];
@@ -263,11 +313,17 @@ export declare interface BaileyTracePanelProps {
     onClear: () => void;
 }
 
-export declare function CopyMarkdownButton({ markdown, className }: CopyMarkdownButtonProps): JSX.Element;
+export declare function CopyMarkdownButton({ markdown, className, ariaLabel, tooltipDefaultText, tooltipCopiedText, }: CopyMarkdownButtonProps): JSX_2.Element;
 
 export declare interface CopyMarkdownButtonProps {
     markdown: string;
     className?: string;
+    /** Accessible name for the button. */
+    ariaLabel?: string;
+    /** Tooltip text shown before a copy action. */
+    tooltipDefaultText?: string;
+    /** Tooltip text shown immediately after a successful copy. */
+    tooltipCopiedText?: string;
 }
 
 export declare function createBaileyMarkdownComponents({ renderTable, renderChart }?: BaileyMarkdownRenderers): Components;
@@ -304,7 +360,7 @@ export declare function hasTraceFailure(events: BaileyTraceEvent[]): boolean;
 
 export declare function HeartIcon({ className }: {
     className?: string;
-}): JSX.Element;
+}): JSX_2.Element;
 
 export declare const isSafeMarkdownUrl: (href: string) => boolean;
 
@@ -419,6 +475,12 @@ export declare interface UseBaileyChatResult {
     status: 'idle' | 'streaming' | 'error';
     error: string | null;
     send: (text: string) => void;
+    /** Like `send`, but the user's own message never enters `messages` (so it never renders) —
+     *  only the assistant's reply does. The hidden message still becomes part of the history sent
+     *  to the model on this and every later turn. For seeding Bailey with page/context-specific
+     *  information a host wants answered but doesn't want cluttering the visible transcript.
+     *  No-ops (does not start a new turn) while a turn is already in flight. */
+    sendHidden: (text: string) => void;
     stop: () => void;
     retryLast: () => void;
     clearTrace: () => void;

package/dist/table.d.ts

@@ -1,7 +1,7 @@
-import { JSX } from 'react';
+import { JSX as JSX_2 } from 'react';
 import { Theme } from 'ag-grid-community';
 
-export declare const BaileyTable: ({ headers, rows, theme }: BaileyTableProps) => JSX.Element;
+export declare const BaileyTable: ({ headers, rows, theme }: BaileyTableProps) => JSX_2.Element;
 
 declare interface BaileyTableCell {
     text: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icanbwell/baileyai-chat-ui",
-  "version": "0.4.4",
+  "version": "0.5.1",
   "description": "Shared React chat UI and streaming logic for Bailey, the icanbwell AI assistant",
   "license": "Apache-2.0",
   "repository": {
@@ -45,12 +45,12 @@
   },
   "packageManager": "yarn@4.14.1",
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && node scripts/scope-theme-vars.js",
     "dev": "vite dev/ --config vite.config.ts",
     "test": "vitest run",
     "test:watch": "vitest",
     "typecheck": "tsc -p tsconfig.json --noEmit && tsc -p dev/tsconfig.json --noEmit",
-    "lint": "eslint \"src/**/*.{ts,tsx}\" \"dev/**/*.{ts,tsx}\" \"vite.config.ts\" \"*.js\""
+    "lint": "eslint \"src/**/*.{ts,tsx}\" \"dev/**/*.{ts,tsx}\" \"vite.config.ts\" \"*.js\" \"scripts/**/*.js\""
   },
   "peerDependencies": {
     "@emotion/react": "^11.0.0",
@@ -59,9 +59,9 @@
     "ag-grid-community": "^35.0.0",
     "ag-grid-react": "^35.0.0",
     "chart.js": "^4.0.0",
-    "react": "^19.0.0",
+    "react": "^18.0.0 || ^19.0.0",
     "react-chartjs-2": "^5.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@emotion/react": {
@@ -101,8 +101,8 @@
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^24.0.0",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
+    "@types/react": "^18.3.31",
+    "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react": "^4.3.4",
     "ag-grid-community": "^35.3.0",
     "ag-grid-react": "^35.3.0",
@@ -113,9 +113,9 @@
     "eslint-plugin-react-refresh": "^0.5.4",
     "jsdom": "^29.1.1",
     "postcss": "^8.5.23",
-    "react": "^19.2.7",
+    "react": "^18.3.1",
     "react-chartjs-2": "^5.3.1",
-    "react-dom": "^19.2.7",
+    "react-dom": "^18.3.1",
     "tailwindcss": "^4.3.1",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.67.0",