@steerable/agent-ui 0.2.0

package/LICENSE

@@ -0,0 +1,91 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction,
+and distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by
+the copyright owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all
+other entities that control, are controlled by, or are under common
+control with that entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity
+exercising permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications.
+
+"Object" form shall mean any form resulting from mechanical
+transformation or translation of a Source form.
+
+"Work" shall mean the work of authorship made available under the
+License.
+
+"Derivative Works" shall mean any work based on the Work.
+
+"Contribution" shall mean any work of authorship intentionally
+submitted to Licensor for inclusion in the Work.
+
+"Contributor" shall mean Licensor and any individual or Legal Entity
+on behalf of whom a Contribution has been received by Licensor.
+
+2. Grant of Copyright License.
+Subject to the terms and conditions of this License, each Contributor
+hereby grants to You a perpetual, worldwide, non-exclusive, no-charge,
+royalty-free, irrevocable copyright license to reproduce, prepare
+Derivative Works of, publicly display, publicly perform, sublicense,
+and distribute the Work and such Derivative Works in Source or Object
+form.
+
+3. Grant of Patent License.
+Subject to the terms and conditions of this License, each Contributor
+hereby grants to You a perpetual, worldwide, non-exclusive, no-charge,
+royalty-free, irrevocable patent license to make, have made, use,
+offer to sell, sell, import, and otherwise transfer the Work.
+
+4. Redistribution.
+You may reproduce and distribute copies of the Work or Derivative
+Works thereof in any medium, with or without modifications, and in
+Source or Object form, provided that You meet the following conditions:
+
+(a) You must give any other recipients of the Work or Derivative
+Works a copy of this License; and
+(b) You must cause any modified files to carry prominent notices
+stating that You changed the files; and
+(c) You must retain, in the Source form of any Derivative Works that
+You distribute, all copyright, patent, trademark, and attribution
+notices from the Source form of the Work; and
+(d) If the Work includes a "NOTICE" text file as part of its
+distribution, then any Derivative Works that You distribute must
+include a readable copy of the attribution notices contained within
+such NOTICE file.
+
+5. Submission of Contributions.
+Unless You explicitly state otherwise, any Contribution intentionally
+submitted for inclusion in the Work shall be under the terms and
+conditions of this License.
+
+6. Trademarks.
+This License does not grant permission to use the trade names,
+trademarks, service marks, or product names of the Licensor.
+
+7. Disclaimer of Warranty.
+Unless required by applicable law or agreed to in writing, Licensor
+provides the Work on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS
+OF ANY KIND.
+
+8. Limitation of Liability.
+In no event and under no legal theory shall any Contributor be liable
+to You for damages arising as a result of this License or out of the
+use or inability to use the Work.
+
+9. Accepting Warranty or Additional Liability.
+While redistributing the Work or Derivative Works thereof, You may
+choose to offer, and charge a fee for, acceptance of support, warranty,
+indemnity, or other liability obligations.

package/README.md

@@ -0,0 +1,118 @@
+# @steerable/agent-ui
+
+> Headless React components + hooks + Tailwind preset for building agent UIs on
+> top of `@steerable/agent-protocol`. Drop-in compatible with `deeppath/apps/web`'s
+> ChatPanel architecture; designed to be reused by `deeppath-agent` (Electron)
+> after sidecar wiring lands.
+
+## Install
+
+```bash
+pnpm add @steerable/agent-ui @steerable/agent-protocol react react-dom
+```
+
+`@steerable/agent-ui` ships only **types + hooks + headless components**. UI
+styling is delegated to your Tailwind config via the `@steerable/agent-ui`
+preset.
+
+## Tailwind preset
+
+```ts
+// tailwind.config.ts
+import preset from '@steerable/agent-ui/tailwind-preset';
+
+export default {
+  presets: [preset],
+  content: [
+    './src/**/*.{ts,tsx}',
+    './node_modules/@steerable/agent-ui/dist/**/*.js',
+  ],
+};
+```
+
+The preset exposes design tokens (`bg-agent-canvas`, `text-agent-foreground`,
+`border-agent-border`, …) that map to CSS variables. Override them in your own
+`globals.css` to retheme without forking components.
+
+## Architecture
+
+```
+@steerable/agent-protocol  (types: SSEEvent, ChatMessage, ToolCall, ...)
+        ▲
+        │ types-only
+        │
+@steerable/agent-ui
+  ├─ hooks/           ← framework-agnostic state + side-effects
+  │   ├─ useAgentSession   create / resume / list sessions
+  │   ├─ useChatStream     consume an SSE stream of events into ChatMessage[]
+  │   └─ useToolCallStatus tool call lifecycle (proposed → running → done)
+  │
+  ├─ components/      ← headless React (Tailwind class names only)
+  │   ├─ MessageList            virtualized + auto-scroll list of ChatMessages
+  │   ├─ ChatPanel              orchestrates header / list / input
+  │   ├─ OrchestrationPlanCard  multi-step plan with progress
+  │   ├─ ToolCallRenderer       safe (read) / proposed (write) / running / done
+  │   └─ SSEStreamView          live JSON event log (debug + power-user)
+  │
+  └─ tailwind-preset.ts  ← shared design tokens
+```
+
+Each hook returns plain data; each component takes plain props. Nothing imports
+React Router, Next.js, or any specific HTTP client — the consumer wires the
+actual transport (fetch / SSE / IPC / sidecar).
+
+## Status (0.1.0)
+
+This is the **foundation release** of the framework UI. It ships:
+
+* ✅ Tailwind preset with the design tokens used by `deeppath/apps/web`.
+* ✅ Three foundational hooks listed in the architecture diagram.
+* ✅ Five core components listed in the architecture diagram (intentionally
+  the minimum for a usable chat UI). Each is fully type-safe against
+  `@steerable/agent-protocol`.
+* ✅ Vitest test suite covering hooks + render snapshots.
+* ⏸ Storybook is **deferred** to 0.2.0 / P8 docs (per project decision).
+* ⏸ Multi-agent group chat (ChatTabs / AgentManagementModal), slash command
+  palette, automation alerts, file upload, share-image modal, etc. are tracked
+  for 0.2.0 / 0.3.0 — they exist in `deeppath/apps/web` today and will be
+  ported once the foundational set is consumed in production by P7.
+
+## Usage example
+
+```tsx
+import {
+  ChatPanel,
+  MessageList,
+  ToolCallRenderer,
+  useChatStream,
+} from '@steerable/agent-ui';
+import type { SSEEvent } from '@steerable/agent-protocol';
+
+function MyChat({ chatId }: { chatId: string }) {
+  const { messages, isStreaming, sendUserMessage } = useChatStream({
+    transport: {
+      stream: async (input, onEvent) => {
+        const res = await fetch('/api/v2/chats/' + chatId + '/stream', {
+          method: 'POST',
+          body: JSON.stringify(input),
+        });
+        const reader = res.body!.getReader();
+        // … decode + dispatch onEvent(SSEEvent) …
+      },
+    },
+  });
+
+  return (
+    <ChatPanel
+      messages={messages}
+      isStreaming={isStreaming}
+      onSubmit={sendUserMessage}
+      renderToolCall={(call) => <ToolCallRenderer call={call} />}
+    />
+  );
+}
+```
+
+See `apps/web/src/app/goals/desktop/components/ChatPanel/ChatPanel.tsx` in the
+`deeppath` repo for the production-grade caller (which P7 will rewrite to
+import these primitives).

package/dist/components/ChatPanel.d.ts

@@ -0,0 +1,42 @@
+/**
+ * `ChatPanel` — the foundational orchestration shell.
+ *
+ * Composes `MessageList` + a minimal input row + a stop button. The component
+ * is intentionally minimal so consumers can layer on the production-grade
+ * extras (model selector, tool toggles, mention picker, slash commands, file
+ * upload, automation alerts, share-image button, multi-tab agent switcher,
+ * orchestration sidebar) without having to fork the chat itself.
+ *
+ * Production callers in `deeppath/apps/web` will build their fancier
+ * `<ChatHeader />` and `<ChatInput />` separately and feed `ChatPanel` only
+ * the `messages` + `onSubmit` props — the rest is rendered around it.
+ */
+import type { ChatMessage, ToolCall, ToolResult } from '@steerable/agent-protocol';
+export interface ChatPanelProps {
+    messages: ChatMessage[];
+    isStreaming?: boolean;
+    /**
+     * Called when the user submits the input. Receives the trimmed string.
+     * The parent is responsible for calling `useChatStream().sendUserMessage`.
+     */
+    onSubmit: (input: {
+        content: string;
+    }) => void | Promise<void>;
+    onCancel?: () => void;
+    className?: string;
+    inputPlaceholder?: string;
+    /** Slot rendered above the message list (header, agent picker, …). */
+    header?: React.ReactNode;
+    /**
+     * Tool-call renderer. Default uses the framework's `ToolCallRenderer`;
+     * pass `() => null` to suppress, or your own component to inject a
+     * domain-specific renderer (CIFLog cards, SQL query previews, …).
+     */
+    renderToolCall?: (call: ToolCall, result?: ToolResult) => React.ReactNode;
+    /** Empty-state slot for the message list. */
+    emptyState?: React.ReactNode;
+    /** Disable the input (e.g. during initial chat load). */
+    disabled?: boolean;
+}
+export declare function ChatPanel(props: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../src/components/ChatPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAKnF,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1E,6CAA6C;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CA0I9C"}

package/dist/components/ChatPanel.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `ChatPanel` — the foundational orchestration shell.
+ *
+ * Composes `MessageList` + a minimal input row + a stop button. The component
+ * is intentionally minimal so consumers can layer on the production-grade
+ * extras (model selector, tool toggles, mention picker, slash commands, file
+ * upload, automation alerts, share-image button, multi-tab agent switcher,
+ * orchestration sidebar) without having to fork the chat itself.
+ *
+ * Production callers in `deeppath/apps/web` will build their fancier
+ * `<ChatHeader />` and `<ChatInput />` separately and feed `ChatPanel` only
+ * the `messages` + `onSubmit` props — the rest is rendered around it.
+ */
+import { useCallback, useState } from 'react';
+import { MessageList } from './MessageList.js';
+import { ToolCallRenderer } from './ToolCallRenderer.js';
+import { cn } from './cn.js';
+function defaultRenderToolCall(call, result) {
+    return _jsx(ToolCallRenderer, { call: call, result: result }, call.id);
+}
+export function ChatPanel(props) {
+    const { messages, isStreaming = false, onSubmit, onCancel, className, inputPlaceholder = 'Send a message…', header, renderToolCall = defaultRenderToolCall, emptyState, disabled = false, } = props;
+    const [draft, setDraft] = useState('');
+    const handleSubmit = useCallback(async (e) => {
+        e?.preventDefault();
+        const trimmed = draft.trim();
+        if (!trimmed || disabled)
+            return;
+        setDraft('');
+        await onSubmit({ content: trimmed });
+    }, [draft, disabled, onSubmit]);
+    const renderMessage = useCallback((rendererProps) => {
+        const { message, isLastAssistant, isStreaming: streaming } = rendererProps;
+        const isAssistant = message.role === 'assistant';
+        return (_jsx("div", { "data-role": message.role, className: cn('flex w-full', isAssistant ? 'justify-start' : 'justify-end'), children: _jsxs("div", { className: cn('flex max-w-[80%] flex-col gap-2', isAssistant ? 'items-start' : 'items-end'), children: [_jsxs("div", { className: cn('rounded-agent-md border px-3 py-2 text-sm leading-relaxed', isAssistant
+                            ? 'border-agent-border bg-agent-muted text-agent-foreground'
+                            : 'border-transparent bg-agent-accent text-agent-accent-foreground'), children: [_jsx("div", { className: "whitespace-pre-wrap", children: message.content || (isLastAssistant && streaming ? '…' : '') }), isLastAssistant && streaming ? (_jsx("span", { "aria-hidden": true, className: "ml-0.5 inline-block h-3 w-1.5 align-baseline bg-agent-foreground animate-agent-cursor-blink" })) : null] }), Array.isArray(message.toolCalls) && message.toolCalls.length > 0 ? (_jsx("div", { className: "flex w-full flex-col gap-1.5", children: message.toolCalls.map((call) => renderToolCall(call, 
+                        // The hook attaches a single `toolResult` to the message;
+                        // production callers that want per-call results should
+                        // override `renderToolCall` and look them up themselves.
+                        message.toolResult)) })) : null] }) }, message.id ?? rendererProps.index));
+    }, [renderToolCall]);
+    return (_jsxs("div", { className: cn('flex h-full w-full flex-col bg-agent-canvas text-agent-foreground', className), children: [header, _jsx("div", { className: "flex-1 overflow-hidden", children: _jsx(MessageList, { messages: messages, isStreaming: isStreaming, renderMessage: renderMessage, emptyState: emptyState }) }), _jsxs("form", { className: "flex items-center gap-2 border-t border-agent-border bg-agent-canvas px-3 py-2", onSubmit: handleSubmit, children: [_jsx("input", { type: "text", value: draft, onChange: (e) => setDraft(e.target.value), placeholder: inputPlaceholder, disabled: disabled, className: cn('flex-1 rounded-agent-md border border-agent-border bg-agent-canvas px-3 py-2 text-sm text-agent-foreground placeholder:text-agent-muted-foreground', 'focus:border-agent-accent focus:outline-none focus:ring-1 focus:ring-agent-accent', disabled && 'opacity-50') }), isStreaming && onCancel ? (_jsx("button", { type: "button", onClick: onCancel, className: "rounded-agent-md border border-agent-border px-3 py-2 text-sm text-agent-foreground hover:bg-agent-muted", children: "Stop" })) : (_jsx("button", { type: "submit", disabled: disabled || !draft.trim(), className: cn('rounded-agent-md bg-agent-accent px-3 py-2 text-sm font-medium text-agent-accent-foreground', (disabled || !draft.trim()) && 'opacity-50'), children: "Send" }))] })] }));
+}
+//# sourceMappingURL=ChatPanel.js.map

package/dist/components/ChatPanel.js.map

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

package/dist/components/ChatPanel.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ChatPanel } from './ChatPanel.js';
+declare const meta: Meta<typeof ChatPanel>;
+export default meta;
+type Story = StoryObj<typeof ChatPanel>;
+export declare const Empty: Story;
+export declare const WithMessages: Story;
+export declare const Streaming: Story;
+export declare const Disabled: Story;
+export declare const WithToolCalls: Story;
+/**
+ * Demonstrates the full controlled pattern: parent owns the message list,
+ * appends a new turn on submit, and toggles `isStreaming` while the assistant
+ * is "responding". Useful for sandbox-testing custom renderers.
+ */
+export declare const Interactive: Story;
+//# sourceMappingURL=ChatPanel.stories.d.ts.map

package/dist/components/ChatPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPanel.stories.d.ts","sourceRoot":"","sources":["../../src/components/ChatPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAwBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AA0BxC,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAC"}

package/dist/components/ChatPanel.stories.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ChatPanel } from './ChatPanel.js';
+const meta = {
+    title: 'Components/ChatPanel',
+    component: ChatPanel,
+    parameters: {
+        layout: 'fullscreen',
+        actions: { argTypesRegex: '^on[A-Z].*' },
+        docs: {
+            description: {
+                component: 'Foundational orchestration shell. Renders a `MessageList` plus a minimal input row and a stop button. Production callers typically wrap it with their own header/composer and only feed in `messages` + `onSubmit`.',
+            },
+        },
+    },
+    args: {
+        onSubmit: () => { },
+        inputPlaceholder: 'Send a message…',
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "h-[640px] w-full max-w-3xl border border-agent-border bg-agent-canvas", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+const NOW = '2026-05-15T00:00:00Z';
+const sampleMessages = [
+    {
+        id: 'm-1',
+        role: 'user',
+        content: 'Plan a 3-day trip to Tokyo for a first-time visitor.',
+        createdAt: NOW,
+    },
+    {
+        id: 'm-2',
+        role: 'assistant',
+        content: "Sure — here's a balanced 3-day plan covering culture, food and a half-day trip outside the city. I'll list each day with morning/afternoon/evening blocks.",
+        createdAt: NOW,
+    },
+    {
+        id: 'm-3',
+        role: 'user',
+        content: 'Great. Also include a vegetarian dinner each night.',
+        createdAt: NOW,
+    },
+];
+export const Empty = {
+    args: {
+        messages: [],
+        emptyState: (_jsxs("div", { className: "m-auto max-w-sm text-center text-sm text-agent-muted-foreground", children: [_jsx("p", { className: "font-medium text-agent-foreground", children: "Start a new conversation" }), _jsx("p", { className: "mt-1", children: "Ask anything \u2014 I'll plan, search and call tools as needed." })] })),
+    },
+};
+export const WithMessages = {
+    args: {
+        messages: sampleMessages,
+    },
+};
+export const Streaming = {
+    args: {
+        messages: [
+            ...sampleMessages,
+            {
+                id: 'm-4',
+                role: 'assistant',
+                content: "Day 1 — Asakusa & Akihabara. Morning: visit Sensō-ji",
+                createdAt: NOW,
+            },
+        ],
+        isStreaming: true,
+    },
+};
+export const Disabled = {
+    args: {
+        messages: sampleMessages,
+        disabled: true,
+        inputPlaceholder: 'Loading conversation…',
+    },
+};
+export const WithToolCalls = {
+    args: {
+        messages: [
+            sampleMessages[0],
+            {
+                id: 'm-tc',
+                role: 'assistant',
+                content: 'Looking up current restaurant options in Tokyo for you.',
+                createdAt: NOW,
+                toolCalls: [
+                    {
+                        id: 'call-1',
+                        name: 'web_search',
+                        arguments: { query: 'best vegetarian restaurants Shibuya 2026' },
+                    },
+                ],
+                toolResult: {
+                    success: true,
+                    message: 'Found 2 results.',
+                    data: {
+                        hits: [
+                            { title: 'T\u2019s Tantan (Shibuya)', url: 'https://example.com' },
+                            { title: 'AIN SOPH. Soar', url: 'https://example.com' },
+                        ],
+                    },
+                },
+            },
+        ],
+    },
+};
+/**
+ * Demonstrates the full controlled pattern: parent owns the message list,
+ * appends a new turn on submit, and toggles `isStreaming` while the assistant
+ * is "responding". Useful for sandbox-testing custom renderers.
+ */
+export const Interactive = {
+    args: {
+        messages: sampleMessages,
+    },
+    render: (args) => {
+        const InteractiveChat = () => {
+            const [messages, setMessages] = useState(args.messages);
+            const [streaming, setStreaming] = useState(false);
+            return (_jsx(ChatPanel, { ...args, messages: messages, isStreaming: streaming, onSubmit: async ({ content }) => {
+                    setMessages((prev) => [
+                        ...prev,
+                        { id: `u-${prev.length}`, role: 'user', content, createdAt: new Date().toISOString() },
+                    ]);
+                    setStreaming(true);
+                    await new Promise((r) => setTimeout(r, 600));
+                    setMessages((prev) => [
+                        ...prev,
+                        {
+                            id: `a-${prev.length}`,
+                            role: 'assistant',
+                            content: `Echo: ${content}`,
+                            createdAt: new Date().toISOString(),
+                        },
+                    ]);
+                    setStreaming(false);
+                } }));
+        };
+        return _jsx(InteractiveChat, {});
+    },
+};
+//# sourceMappingURL=ChatPanel.stories.js.map

package/dist/components/ChatPanel.stories.js.map

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

package/dist/components/MessageList.d.ts

@@ -0,0 +1,44 @@
+/**
+ * `MessageList` — render a list of `ChatMessage`s with auto-scroll-to-bottom
+ * behaviour. The component is intentionally **headless**: it knows the list
+ * shape but lets the caller render every individual bubble.
+ *
+ * Why a render prop instead of a fixed bubble component? Because every
+ * consumer wants to layer additional UI (markdown, search-source pills,
+ * mention chips, action renderers) onto the assistant message and we don't
+ * want to ship every pluggable variant from `deeppath/apps/web` here.
+ */
+import type { ChatMessage } from '@steerable/agent-protocol';
+export interface MessageRendererProps {
+    message: ChatMessage;
+    index: number;
+    isLastAssistant: boolean;
+    isStreaming: boolean;
+}
+export interface MessageListProps {
+    messages: ChatMessage[];
+    isStreaming?: boolean;
+    className?: string;
+    /**
+     * Bubble renderer. If omitted, `MessageList` falls back to the built-in
+     * `DefaultMessageBubble` which just renders role + content.
+     */
+    renderMessage?: (props: MessageRendererProps) => React.ReactNode;
+    /**
+     * If true (default), scrolls the container to the bottom every time the
+     * message list grows or the last assistant message gets new content.
+     */
+    autoScroll?: boolean;
+    /**
+     * Slot rendered above the first message — typically a "start of conversation"
+     * marker or a system prompt summary.
+     */
+    header?: React.ReactNode;
+    /**
+     * Slot rendered when `messages` is empty. Production callers usually drop
+     * an `<EmptyChat />` here.
+     */
+    emptyState?: React.ReactNode;
+}
+export declare function MessageList(props: MessageListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MessageList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../src/components/MessageList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAG7D,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,KAAK,CAAC,SAAS,CAAC;IACjE;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAgCD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAiElD"}

package/dist/components/MessageList.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `MessageList` — render a list of `ChatMessage`s with auto-scroll-to-bottom
+ * behaviour. The component is intentionally **headless**: it knows the list
+ * shape but lets the caller render every individual bubble.
+ *
+ * Why a render prop instead of a fixed bubble component? Because every
+ * consumer wants to layer additional UI (markdown, search-source pills,
+ * mention chips, action renderers) onto the assistant message and we don't
+ * want to ship every pluggable variant from `deeppath/apps/web` here.
+ */
+import { useEffect, useMemo, useRef } from 'react';
+import { cn } from './cn.js';
+function DefaultMessageBubble({ message, isLastAssistant, isStreaming }) {
+    const isAssistant = message.role === 'assistant';
+    return (_jsx("div", { "data-role": message.role, className: cn('flex w-full', isAssistant ? 'justify-start' : 'justify-end'), children: _jsxs("div", { className: cn('max-w-[80%] rounded-agent-md border px-3 py-2 text-sm leading-relaxed', isAssistant
+                ? 'border-agent-border bg-agent-muted text-agent-foreground'
+                : 'border-transparent bg-agent-accent text-agent-accent-foreground'), children: [_jsx("div", { className: "whitespace-pre-wrap", children: message.content || (isLastAssistant && isStreaming ? '…' : '') }), isLastAssistant && isStreaming ? (_jsx("span", { "aria-hidden": true, className: "ml-0.5 inline-block h-3 w-1.5 align-baseline bg-agent-foreground animate-agent-cursor-blink" })) : null] }) }));
+}
+export function MessageList(props) {
+    const { messages, isStreaming = false, className, renderMessage, autoScroll = true, header, emptyState, } = props;
+    const containerRef = useRef(null);
+    const lastAssistantIndex = useMemo(() => {
+        for (let i = messages.length - 1; i >= 0; i--) {
+            if (messages[i].role === 'assistant')
+                return i;
+        }
+        return -1;
+    }, [messages]);
+    // Scroll to bottom on growth or when the streaming assistant gets longer.
+    const lastAssistantContent = lastAssistantIndex >= 0 ? messages[lastAssistantIndex].content : '';
+    useEffect(() => {
+        if (!autoScroll)
+            return;
+        const el = containerRef.current;
+        if (!el)
+            return;
+        el.scrollTop = el.scrollHeight;
+    }, [autoScroll, messages.length, lastAssistantContent]);
+    const Renderer = renderMessage ?? DefaultMessageBubble;
+    return (_jsxs("div", { ref: containerRef, className: cn('flex h-full w-full flex-col gap-3 overflow-y-auto bg-agent-canvas px-4 py-3', 'focus:outline-none focus-visible:ring-2 focus-visible:ring-agent-accent', className), role: "log", "aria-live": "polite", "aria-label": "Conversation", tabIndex: 0, children: [header, messages.length === 0 ? (emptyState ?? (_jsx("div", { className: "m-auto text-sm text-agent-muted-foreground", children: "No messages yet." }))) : (messages.map((message, index) => (_jsx(Renderer, { message: message, index: index, isLastAssistant: index === lastAssistantIndex, isStreaming: isStreaming }, message.id ?? index))))] }));
+}
+//# sourceMappingURL=MessageList.js.map

package/dist/components/MessageList.js.map

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

package/dist/components/MessageList.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MessageList } from './MessageList.js';
+declare const meta: Meta<typeof MessageList>;
+export default meta;
+type Story = StoryObj<typeof MessageList>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const EmptyWithCustomState: Story;
+export declare const Streaming: Story;
+export declare const StreamingEmptyAssistant: Story;
+export declare const LongConversation: Story;
+//# sourceMappingURL=MessageList.stories.d.ts.map

package/dist/components/MessageList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.stories.d.ts","sourceRoot":"","sources":["../../src/components/MessageList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAmBlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAuB1C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAUlC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAQrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC"}