@bernierllc/onboarding-chat-ui 0.0.1 → 0.1.0

package/LICENSE

@@ -0,0 +1,5 @@
+Copyright (c) 2025 Bernier LLC
+
+This file is licensed to the client under a limited-use license.
+The client may use and modify this code *only within the scope of the project it was delivered for*.
+Redistribution or use in other products or commercial offerings is not permitted without written consent from Bernier LLC.

package/README.md

@@ -1,45 +1,361 @@
 # @bernierllc/onboarding-chat-ui
 
-## ⚠️ IMPORTANT NOTICE ⚠️
+React UI component library for onboarding chat experiences. Provides a full-featured streaming chat interface backed by Server-Sent Events (SSE), goal progress tracking, plugin-driven side panels, and completion handoffs — all wired to `@bernierllc/onboarding-config-core` configuration objects.
 
-**This package is created solely for the purpose of setting up OIDC (OpenID Connect) trusted publishing with npm.**
+## Installation
 
-This is **NOT** a functional package and contains **NO** code or functionality beyond the OIDC setup configuration.
+```bash
+npm install @bernierllc/onboarding-chat-ui
+```
 
-## Purpose
+Peer dependencies:
 
-This package exists to:
-1. Configure OIDC trusted publishing for the package name `@bernierllc/onboarding-chat-ui`
-2. Enable secure, token-less publishing from CI/CD workflows
-3. Establish provenance for packages published under this name
+```bash
+npm install react react-dom @bernierllc/onboarding-config-core @bernierllc/onboarding-feature-plugin
+```
 
-## What is OIDC Trusted Publishing?
+## Usage
 
-OIDC trusted publishing allows package maintainers to publish packages directly from their CI/CD workflows without needing to manage npm access tokens. Instead, it uses OpenID Connect to establish trust between the CI/CD provider (like GitHub Actions) and npm.
+```tsx
+import { OnboardingChat } from '@bernierllc/onboarding-chat-ui';
+import type { OnboardingConfig } from '@bernierllc/onboarding-config-core';
 
-## Setup Instructions
+const config: OnboardingConfig = {
+  id: 'my-onboarding',
+  name: 'Getting Started',
+  persona: {
+    tone: 'friendly-expert',
+    greeting: "Hi! Let's get you set up.",
+    askOneAtATime: true,
+  },
+  phases: [{ id: 'setup', title: 'Setup', guidance: 'Configure your account.', order: 1 }],
+  goals: [
+    {
+      id: 'add-logo',
+      description: 'Add your logo',
+      required: true,
+      phase: 'setup',
+      completionCheck: { type: 'field-present', field: 'logoUrl' },
+    },
+  ],
+  completionCriteria: { requireAllGoals: true },
+  handoffs: [{ id: 'dashboard', type: 'route', label: 'Go to Dashboard', order: 1 }],
+  features: { enabledPlugins: [], pluginConfig: {} },
+};
 
-To properly configure OIDC trusted publishing for this package:
+export default function OnboardingPage() {
+  return (
+    <OnboardingChat
+      chatEndpoint="/api/onboarding/chat"
+      sessionId="sess-abc123"
+      userId="user-xyz"
+      config={config}
+      onComplete={(status) => console.log('Onboarding complete', status)}
+    />
+  );
+}
+```
 
-1. Go to [npmjs.com](https://www.npmjs.com/) and navigate to your package settings
-2. Configure the trusted publisher (e.g., GitHub Actions)
-3. Specify the repository and workflow that should be allowed to publish
-4. Use the configured workflow to publish your actual package
+### Custom Hooks Usage
 
-## DO NOT USE THIS PACKAGE
+Use the low-level hooks directly to build a custom UI:
 
-This package is a placeholder for OIDC configuration only. It:
-- Contains no executable code
-- Provides no functionality
-- Should not be installed as a dependency
-- Exists only for administrative purposes
+```tsx
+import { useOnboardingChat, useGoalProgress } from '@bernierllc/onboarding-chat-ui';
 
-## More Information
+function MyCustomChat({ config }) {
+  const { messages, send, isStreaming, setupStatus, isComplete, error } = useOnboardingChat({
+    chatEndpoint: '/api/chat',
+    sessionId: 'sess-1',
+    userId: 'user-1',
+  });
 
-For more details about npm's trusted publishing feature, see:
-- [npm Trusted Publishing Documentation](https://docs.npmjs.com/generating-provenance-statements)
-- [GitHub Actions OIDC Documentation](https://docs.github.com/en/actions/deployment/security-hardening-your-deployments/about-security-hardening-with-openid-connect)
+  const { goalItems, requiredMet, requiredTotal } = useGoalProgress({
+    goals: config.goals,
+    setupStatus,
+  });
 
----
+  return (
+    <div>
+      {error && <p>Error: {error.message}</p>}
+      <p>{requiredMet}/{requiredTotal} goals complete</p>
+      {messages.map(m => <div key={m.id}>{m.role}: {m.content}</div>)}
+      {isComplete && <p>All done!</p>}
+      <button disabled={isStreaming} onClick={() => send('Hello')}>Send</button>
+    </div>
+  );
+}
+```
 
-**Maintained for OIDC setup purposes only**
+## API
+
+### `OnboardingChat` Component
+
+Root orchestrator component. Renders the three-column layout: chat pane, progress checklist, and side panel.
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `chatEndpoint` | `string` | Yes | POST endpoint for chat messages |
+| `config` | `OnboardingConfig` | Yes | Onboarding configuration object |
+| `sessionId` | `string` | Yes | Unique session identifier |
+| `userId` | `string` | Yes | Current user identifier |
+| `statusEndpoint` | `string` | No | Endpoint for goal status polling |
+| `ratingEndpoint` | `string` | No | Endpoint for thumbs up/down ratings |
+| `panelDescriptors` | `PluginPanelDescriptor[]` | No | Plugin panel slot declarations |
+| `panelComponents` | `Record<string, React.ComponentType>` | No | React components keyed by panel slot |
+| `onComplete` | `(status: SetupStatus \| null) => void` | No | Callback when onboarding completes |
+| `fetchFn` | `typeof fetch` | No | Injectable fetch (useful for tests) |
+| `className` | `string` | No | Additional CSS class |
+
+### `ChatPane` Component
+
+The message thread plus input area.
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `messages` | `OnboardingMessage[]` | Yes | Current message list |
+| `isStreaming` | `boolean` | Yes | Whether an SSE stream is in progress |
+| `onSend` | `(text: string, attachments?: Attachment[]) => void` | Yes | Send handler |
+| `className` | `string` | No | Additional CSS class |
+
+### `ProgressChecklist` Component
+
+Renders goal items with check/incomplete badges, driven by `SetupStatus` from the SSE stream.
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `goals` | `OnboardingGoal[]` | Yes | Goals from `OnboardingConfig` |
+| `status` | `SetupStatus \| null` | Yes | Latest status from SSE stream |
+| `showRequired` | `boolean` | No | Filter to required goals only |
+| `className` | `string` | No | Additional CSS class |
+
+### `SidePanel` Component
+
+Plugin slot container. Renders the component registered for the currently active panel slot.
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `activePanel` | `string \| null` | Yes | Currently active slot key |
+| `panelComponents` | `Record<string, React.ComponentType>` | Yes | Component map by slot |
+| `fallback` | `React.ReactNode` | No | Rendered when no active panel |
+| `className` | `string` | No | Additional CSS class |
+
+### `CompletionCard` Component
+
+Shown when the onboarding is complete.
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `onboardingName` | `string` | Yes | Display name of the onboarding flow |
+| `handoffs` | `HandoffTarget[]` | Yes | Available next steps from config |
+| `onHandoffClick` | `(target: HandoffTarget) => void` | Yes | Called when user clicks a handoff |
+| `children` | `React.ReactNode` | No | Optional extra content |
+| `className` | `string` | No | Additional CSS class |
+
+### `RatingBar` Component
+
+Thumbs up / thumbs down rating widget.
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `onRate` | `(rating: 'up' \| 'down') => void` | Yes | Called with the selected rating |
+| `className` | `string` | No | Additional CSS class |
+
+### `AttachmentDropzone` Component
+
+Drag-and-drop file picker. Converts files to base64 data URLs and calls `onAttach`.
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `onAttach` | `(attachments: Attachment[]) => void` | Yes | Called with converted attachments |
+| `accept` | `string` | No | File types for the hidden input (e.g. `"image/*"`) |
+| `maxSizeMB` | `number` | No | Max file size (default: 5 MB) |
+| `className` | `string` | No | Additional CSS class |
+
+### `useOnboardingChat` Hook
+
+Core hook managing SSE streaming, message accumulation, and state transitions.
+
+```tsx
+import { useOnboardingChat } from '@bernierllc/onboarding-chat-ui';
+
+const {
+  messages,       // OnboardingMessage[]
+  send,           // (text: string, attachments?: Attachment[]) => void
+  isStreaming,    // boolean
+  toolCallEvents, // ToolCallEvent[]
+  lastToolCall,   // ToolCallEvent | null
+  setupStatus,    // SetupStatus | null
+  isComplete,     // boolean
+  error,          // Error | null
+} = useOnboardingChat({
+  chatEndpoint: '/api/chat',
+  sessionId: 'sess-1',
+  userId: 'user-1',
+  fetchFn: customFetch, // optional, defaults to window.fetch
+});
+```
+
+**Options:**
+
+| Option | Type | Required | Description |
+|--------|------|----------|-------------|
+| `chatEndpoint` | `string` | Yes | POST endpoint URL |
+| `sessionId` | `string` | Yes | Session ID sent in request body |
+| `userId` | `string` | Yes | User ID sent in request body |
+| `fetchFn` | `typeof fetch` | No | Injectable fetch (testing/SSR) |
+
+### `useGoalProgress` Hook
+
+Derives display-ready goal items from raw goals and live `SetupStatus`.
+
+```tsx
+import { useGoalProgress } from '@bernierllc/onboarding-chat-ui';
+
+const { goalItems, requiredMet, requiredTotal, isComplete } = useGoalProgress({
+  goals: config.goals,
+  setupStatus,
+});
+```
+
+### `usePanelRegistry` Hook
+
+Determines which plugin panel slot is active based on recent tool call events.
+
+```tsx
+import { usePanelRegistry } from '@bernierllc/onboarding-chat-ui';
+
+const { activePanel } = usePanelRegistry({
+  panelDescriptors: config.features.panelDescriptors ?? [],
+  toolCallEvents,
+});
+```
+
+### `useAutoGreeting` Hook
+
+Fires an initial greeting message after a configurable delay when the message list is empty.
+
+```tsx
+import { useAutoGreeting } from '@bernierllc/onboarding-chat-ui';
+
+useAutoGreeting({
+  messages,
+  send,
+  greeting: config.persona.greeting,
+  delayMs: 500, // default
+});
+```
+
+### `OnboardingChatProvider` / `useOnboardingChatContext`
+
+Share chat state across a component subtree without prop drilling.
+
+```tsx
+import { OnboardingChatProvider, useOnboardingChatContext } from '@bernierllc/onboarding-chat-ui';
+
+function App() {
+  return (
+    <OnboardingChatProvider value={chatState}>
+      <MyPanel />
+    </OnboardingChatProvider>
+  );
+}
+
+function MyPanel() {
+  const { messages, isStreaming } = useOnboardingChatContext();
+  return <div>{isStreaming ? 'Thinking...' : `${messages.length} messages`}</div>;
+}
+```
+
+### `OnboardingUIError`
+
+All errors thrown by this package are instances of `OnboardingUIError` with a `code` field and optional `cause` chain.
+
+```ts
+import { OnboardingUIError } from '@bernierllc/onboarding-chat-ui';
+
+if (error instanceof OnboardingUIError) {
+  console.error(error.code, error.message, error.cause);
+}
+```
+
+| Code | Cause |
+|------|-------|
+| `CHAT_REQUEST_FAILED` | Non-2xx HTTP response from chat endpoint |
+| `NO_RESPONSE_BODY` | Successful HTTP response but `body` is null |
+| `STREAM_ERROR` | Exception thrown during streaming (network failure, parse error) |
+| `FILE_READ_ERROR` | `FileReader` error inside `AttachmentDropzone` |
+
+## Integration Documentation
+
+### Logger Integration
+
+This package uses `@bernierllc/logger` for structured error logging. All caught errors are logged at the `error` level with full context before propagating to the caller. The logger auto-detects the service environment; no configuration is required.
+
+```ts
+// Internal usage — no setup needed by consumers
+import { logger } from '@bernierllc/logger';
+logger.error('OnboardingUIError during chat stream', error, { context });
+```
+
+### NeverHub Integration
+
+This package supports optional NeverHub integration for real-time event tracking and session telemetry. When `@bernierllc/neverhub-adapter` is available in the environment and `NeverHubAdapter.detect()` returns `true`, the `OnboardingChat` component registers itself and emits lifecycle events. Core functionality works regardless of NeverHub availability (graceful degradation).
+
+```ts
+// NeverHub auto-detection pattern (internal)
+import { NeverHubAdapter } from '@bernierllc/neverhub-adapter';
+
+if (await NeverHubAdapter.detect()) {
+  const adapter = new NeverHubAdapter();
+  await adapter.register({ type: 'onboarding-chat-ui', sessionId });
+}
+```
+
+To enable NeverHub in your app, install and configure the adapter before rendering `OnboardingChat`. No additional props are required.
+
+### SSE Stream Protocol
+
+The backend chat endpoint must respond with `Content-Type: text/event-stream`. Each event is a newline-delimited JSON frame:
+
+```
+data: {"type":"delta","delta":"Hello "}\n\n
+data: {"type":"delta","delta":"world!"}\n\n
+data: {"type":"tool_call","toolName":"preview_site","args":{"url":"https://example.com"}}\n\n
+data: {"type":"status","status":{...GoalProgress...}}\n\n
+data: {"type":"complete"}\n\n
+```
+
+| Event type | Payload fields | Effect |
+|------------|---------------|--------|
+| `delta` | `delta: string` | Appends to the current assistant message |
+| `tool_call` | `toolName: string`, `args: unknown` | Pushes to `toolCallEvents`, updates `lastToolCall`, activates side panel |
+| `status` | `status: GoalProgress` | Updates `setupStatus` and goal checklist |
+| `complete` | — | Sets `isComplete: true`, calls `onComplete` callback |
+
+### Testing Integration
+
+The package provides `fetchFn` prop/option for full test isolation without mocking globals:
+
+```tsx
+import { useOnboardingChat } from '@bernierllc/onboarding-chat-ui';
+import { renderHook, act } from '@testing-library/react';
+
+const mockFetch: typeof fetch = async () => ({
+  ok: true,
+  status: 200,
+  body: { getReader: () => myCustomReader },
+} as unknown as Response);
+
+const { result } = renderHook(() =>
+  useOnboardingChat({ chatEndpoint: '/api/chat', sessionId: 's', userId: 'u', fetchFn: mockFetch })
+);
+```
+
+## Browser Requirements
+
+This package is browser-only. It uses `fetch`, `ReadableStream`, `TextDecoder`, and `FileReader`. It does not import Node.js built-ins.
+
+## License
+
+Copyright (c) 2025 Bernier LLC. Limited-use license — see package header.

package/dist/components/AttachmentDropzone.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { AttachmentDropzoneProps } from '../types/ui-types';
+/**
+ * Drag-and-drop (and click-to-browse) attachment dropzone.
+ *
+ * Converts dropped or selected files to base64 data URLs and calls
+ * `onAttach` with the resulting `Attachment[]`. Enforces `maxSizeMB`
+ * and renders image preview thumbnails.
+ */
+export declare function AttachmentDropzone({ accept, onAttach, maxSizeMB, className, }: AttachmentDropzoneProps): React.ReactElement;
+//# sourceMappingURL=AttachmentDropzone.d.ts.map

package/dist/components/AttachmentDropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentDropzone.d.ts","sourceRoot":"","sources":["../../src/components/AttachmentDropzone.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,OAAO,KAAK,EAAc,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AA8B7E;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,EACR,SAA+B,EAC/B,SAAS,GACV,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAmL9C"}

package/dist/components/AttachmentDropzone.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+Copyright (c) 2025 Bernier LLC
+
+This file is licensed to the client under a limited-use license.
+The client may use and modify this code *only within the scope of the project it was delivered for*.
+Redistribution or use in other products or commercial offerings is not permitted without written consent from Bernier LLC.
+*/
+import { useRef, useState, useCallback } from 'react';
+import { OnboardingUIError } from '../errors';
+import { logger } from '@bernierllc/logger';
+const DEFAULT_MAX_SIZE_MB = 5;
+/**
+ * Convert a `File` to a base64 data URL using `FileReader`.
+ * Browser-safe; no Node.js imports.
+ */
+function fileToDataUrl(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+            if (typeof reader.result === 'string') {
+                resolve(reader.result);
+            }
+            else {
+                reject(new OnboardingUIError('FileReader returned unexpected result type', {
+                    code: 'FILE_READ_ERROR',
+                }));
+            }
+        };
+        reader.onerror = () => {
+            reject(new OnboardingUIError('FileReader error', {
+                code: 'FILE_READ_ERROR',
+                context: { fileName: file.name },
+            }));
+        };
+        reader.readAsDataURL(file);
+    });
+}
+/**
+ * Drag-and-drop (and click-to-browse) attachment dropzone.
+ *
+ * Converts dropped or selected files to base64 data URLs and calls
+ * `onAttach` with the resulting `Attachment[]`. Enforces `maxSizeMB`
+ * and renders image preview thumbnails.
+ */
+export function AttachmentDropzone({ accept, onAttach, maxSizeMB = DEFAULT_MAX_SIZE_MB, className, }) {
+    const inputRef = useRef(null);
+    const [isDragOver, setIsDragOver] = useState(false);
+    const [previews, setPreviews] = useState([]);
+    const [sizeError, setSizeError] = useState(null);
+    const processFiles = useCallback(async (files) => {
+        if (!files || files.length === 0) {
+            return;
+        }
+        setSizeError(null);
+        const maxBytes = maxSizeMB * 1024 * 1024;
+        const valid = [];
+        for (let i = 0; i < files.length; i++) {
+            const file = files[i];
+            if (file === undefined) {
+                continue;
+            }
+            if (file.size > maxBytes) {
+                setSizeError(`"${file.name}" exceeds the ${maxSizeMB} MB size limit.`);
+                continue;
+            }
+            valid.push(file);
+        }
+        if (valid.length === 0) {
+            return;
+        }
+        try {
+            const attachments = await Promise.all(valid.map(async (file) => {
+                const dataUrl = await fileToDataUrl(file);
+                return {
+                    name: file.name,
+                    type: file.type,
+                    dataUrl,
+                    size: file.size,
+                };
+            }));
+            setPreviews(prev => [...prev, ...attachments]);
+            onAttach(attachments);
+        }
+        catch (err) {
+            if (err instanceof OnboardingUIError) {
+                logger.error('AttachmentDropzone file read failed', err);
+            }
+            else if (err instanceof Error) {
+                logger.error('AttachmentDropzone file read failed', new OnboardingUIError('File read failed', { cause: err, code: 'FILE_READ_ERROR' }));
+            }
+        }
+    }, [onAttach, maxSizeMB]);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        setIsDragOver(false);
+        void processFiles(e.dataTransfer.files);
+    }, [processFiles]);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        setIsDragOver(true);
+    }, []);
+    const handleDragLeave = useCallback(() => {
+        setIsDragOver(false);
+    }, []);
+    const handleInputChange = useCallback((e) => {
+        void processFiles(e.target.files);
+    }, [processFiles]);
+    const handleClick = useCallback(() => {
+        inputRef.current?.click();
+    }, []);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            inputRef.current?.click();
+        }
+    }, []);
+    const removePreview = useCallback((index) => {
+        setPreviews(prev => prev.filter((_, i) => i !== index));
+    }, []);
+    return (_jsxs("div", { className: ['ocu-attachment-dropzone', className].filter(Boolean).join(' '), children: [_jsxs("div", { className: [
+                    'ocu-attachment-dropzone__zone',
+                    isDragOver ? 'ocu-attachment-dropzone__zone--drag-over' : '',
+                ]
+                    .filter(Boolean)
+                    .join(' '), onDrop: handleDrop, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onClick: handleClick, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-label": "Attach files", children: [_jsx("span", { className: "ocu-attachment-dropzone__icon", "aria-hidden": "true", children: "\uD83D\uDCCE" }), _jsx("span", { className: "ocu-attachment-dropzone__label", children: isDragOver ? 'Drop files here' : 'Attach files' }), _jsx("input", { ref: inputRef, type: "file", accept: accept, multiple: true, className: "ocu-attachment-dropzone__input", style: { display: 'none' }, onChange: handleInputChange, "aria-hidden": "true", tabIndex: -1 })] }), sizeError !== null && (_jsx("p", { className: "ocu-attachment-dropzone__error", role: "alert", children: sizeError })), previews.length > 0 && (_jsx("ul", { className: "ocu-attachment-dropzone__previews", children: previews.map((attachment, index) => (_jsxs("li", { className: "ocu-attachment-dropzone__preview-item", children: [attachment.type.startsWith('image/') && (_jsx("img", { src: attachment.dataUrl, alt: attachment.name, className: "ocu-attachment-dropzone__preview-img" })), _jsx("span", { className: "ocu-attachment-dropzone__preview-name", children: attachment.name }), _jsx("button", { type: "button", className: "ocu-attachment-dropzone__preview-remove", onClick: () => removePreview(index), "aria-label": `Remove ${attachment.name}`, children: "\u2715" })] }, `${attachment.name}-${index}`))) }))] }));
+}
+//# sourceMappingURL=AttachmentDropzone.js.map

package/dist/components/AttachmentDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentDropzone.js","sourceRoot":"","sources":["../../src/components/AttachmentDropzone.tsx"],"names":[],"mappings":"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"}

package/dist/components/ChatPane.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ChatPaneProps } from '../types/ui-types';
+/**
+ * Left pane of the split-pane layout: renders the onboarding message
+ * list and the message input bar from @bernierllc/messaging-ui.
+ *
+ * Uses `MessageInput` for the input bar. Renders messages as a simple
+ * accessible list (not `MessageList`, which is designed for multi-user
+ * chat with reactions/replies).
+ */
+export declare function ChatPane({ messages, isStreaming, onSend, className, }: ChatPaneProps): React.ReactElement;
+//# sourceMappingURL=ChatPane.d.ts.map

package/dist/components/ChatPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPane.d.ts","sourceRoot":"","sources":["../../src/components/ChatPane.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAiC,MAAM,mBAAmB,CAAC;AAGtF;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAyEpC"}

package/dist/components/ChatPane.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+Copyright (c) 2025 Bernier LLC
+
+This file is licensed to the client under a limited-use license.
+The client may use and modify this code *only within the scope of the project it was delivered for*.
+Redistribution or use in other products or commercial offerings is not permitted without written consent from Bernier LLC.
+*/
+import { useRef, useEffect, useState, useCallback } from 'react';
+import { MessageInput } from '@bernierllc/messaging-ui';
+import { AttachmentDropzone } from './AttachmentDropzone';
+/**
+ * Left pane of the split-pane layout: renders the onboarding message
+ * list and the message input bar from @bernierllc/messaging-ui.
+ *
+ * Uses `MessageInput` for the input bar. Renders messages as a simple
+ * accessible list (not `MessageList`, which is designed for multi-user
+ * chat with reactions/replies).
+ */
+export function ChatPane({ messages, isStreaming, onSend, className, }) {
+    const bottomRef = useRef(null);
+    const [pendingAttachments, setPendingAttachments] = useState([]);
+    // Auto-scroll to the latest message.
+    useEffect(() => {
+        bottomRef.current?.scrollIntoView({ behavior: 'smooth' });
+    }, [messages]);
+    const handleSendMessage = useCallback((content, files) => {
+        if (files && files.length > 0) {
+            // Files from MessageInput are raw Files — convert via parent flow.
+            // For simplicity, send without attachments when files come via
+            // MessageInput (use AttachmentDropzone for base64 uploads).
+            onSend(content, pendingAttachments);
+        }
+        else {
+            onSend(content, pendingAttachments.length > 0 ? pendingAttachments : undefined);
+        }
+        setPendingAttachments([]);
+    }, [onSend, pendingAttachments]);
+    const handleTyping = useCallback(() => {
+        // Typing indicator is informational; no action required in this pane.
+    }, []);
+    const handleAttach = useCallback((attachments) => {
+        setPendingAttachments(prev => [...prev, ...attachments]);
+    }, []);
+    return (_jsxs("div", { className: ['ocu-chat-pane', className].filter(Boolean).join(' '), role: "region", "aria-label": "Onboarding chat", children: [_jsxs("div", { className: "ocu-chat-pane__messages", role: "log", "aria-live": "polite", "aria-label": "Messages", children: [messages.map(msg => (_jsx(MessageBubble, { message: msg }, msg.id))), isStreaming && (_jsxs("div", { className: "ocu-chat-pane__typing", "aria-label": "Assistant is typing", role: "status", children: [_jsx("span", { className: "ocu-chat-pane__typing-dot" }), _jsx("span", { className: "ocu-chat-pane__typing-dot" }), _jsx("span", { className: "ocu-chat-pane__typing-dot" })] })), _jsx("div", { ref: bottomRef })] }), _jsxs("div", { className: "ocu-chat-pane__input-area", children: [_jsx(AttachmentDropzone, { onAttach: handleAttach, accept: "image/*,application/pdf", className: "ocu-chat-pane__dropzone" }), pendingAttachments.length > 0 && (_jsxs("div", { className: "ocu-chat-pane__pending-count", "aria-live": "polite", children: [pendingAttachments.length, " file(s) ready to send"] })), _jsx(MessageInput, { onSendMessage: handleSendMessage, onTyping: handleTyping, placeholder: "Type a message\u2026", disabled: isStreaming, allowAttachments: false })] })] }));
+}
+function MessageBubble({ message }) {
+    const isUser = message.role === 'user';
+    return (_jsxs("div", { className: [
+            'ocu-chat-pane__bubble',
+            isUser ? 'ocu-chat-pane__bubble--user' : 'ocu-chat-pane__bubble--assistant',
+        ].join(' '), "data-role": message.role, children: [_jsxs("span", { className: "ocu-chat-pane__bubble-role sr-only", children: [isUser ? 'You' : 'Assistant', ":"] }), _jsx("p", { className: "ocu-chat-pane__bubble-text", children: message.content }), message.attachments !== undefined && message.attachments.length > 0 && (_jsx("ul", { className: "ocu-chat-pane__bubble-attachments", children: message.attachments.map((att, i) => (_jsx("li", { className: "ocu-chat-pane__attachment", children: att.type.startsWith('image/') ? (_jsx("img", { src: att.dataUrl, alt: att.name, className: "ocu-chat-pane__attachment-img" })) : (_jsx("span", { className: "ocu-chat-pane__attachment-name", children: att.name })) }, `${att.name}-${i}`))) }))] }));
+}
+//# sourceMappingURL=ChatPane.js.map

package/dist/components/ChatPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPane.js","sourceRoot":"","sources":["../../src/components/ChatPane.tsx"],"names":[],"mappings":"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"}

package/dist/components/CompletionCard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { CompletionCardProps } from '../types/ui-types';
+/**
+ * Post-completion summary card shown when the onboarding session finishes.
+ * Displays the onboarding name, any handoff targets, and slots for children
+ * (typically a `<RatingBar>`).
+ */
+export declare function CompletionCard({ onboardingName, handoffs, onHandoffClick, children, className, }: CompletionCardProps): React.ReactElement;
+//# sourceMappingURL=CompletionCard.d.ts.map

package/dist/components/CompletionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompletionCard.d.ts","sourceRoot":"","sources":["../../src/components/CompletionCard.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAsC1C"}