@jini-ai/chat 0.1.0

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

@@ -0,0 +1,15 @@
+import type { ChatMessage } from '../../core/index.js';
+import { type MessageRowProps } from './MessageRow.js';
+export interface MessageListProps extends Pick<MessageRowProps, 'projectFileNames' | 'onRequestOpenFile' | 'renderAttachment'> {
+    messages: ChatMessage[];
+    isStreaming?: boolean;
+    /** Mirrors `useConversation().scrollIntent` — when `true`, this component scrolls to the bottom on mount/update. */
+    scrollIntent?: boolean;
+    /** Called once the auto-scroll has run, mirroring `useConversation().acknowledgeScroll`. */
+    onScrolled?: () => void;
+    activeQuestionFormMessageId?: string | null;
+    questionFormSubmittedAnswersByMessageId?: Record<string, Record<string, string | string[]>>;
+    onQuestionFormSubmit?: (messageId: string, text: string, answers: Record<string, string | string[]>) => void;
+}
+export declare function MessageList({ messages, isStreaming, scrollIntent, onScrolled, activeQuestionFormMessageId, questionFormSubmittedAnswersByMessageId, onQuestionFormSubmit, projectFileNames, onRequestOpenFile, renderAttachment, }: MessageListProps): import("react").JSX.Element;
+//# sourceMappingURL=MessageList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/react/components/MessageList.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,eAAe,EAAE,kBAAkB,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;IAC5H,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oHAAoH;IACpH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,2BAA2B,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5C,uCAAuC,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5F,oBAAoB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9G;AAUD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAmB,EACnB,YAAoB,EACpB,UAAU,EACV,2BAAkC,EAClC,uCAAuC,EACvC,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,gBAAgB,+BAgFlB"}

package/dist/react/components/MessageList.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @module MessageList
+ *
+ * Renders a conversation's messages via `<MessageRow>`, and — matching
+ * `useConversation`'s `scrollIntent` flag (see
+ * `ADS-memory/reports/jini-port/recon/r4b-webui-design.md` §4: "message array, optimistic
+ * user message, scroll-intent flag") — auto-scrolls to the newest content
+ * whenever `scrollIntent` is true, calling `onScrolled` once it has. Pure
+ * DOM scroll-anchoring via a ref lives here (a presentational component),
+ * not in the headless `useConversation` hook, per that hook's own
+ * "transport-agnostic hooks never touch DOM" contract.
+ */
+import { useEffect, useRef } from 'react';
+import { isTerminalRunStatus } from '../../core/index.js';
+import { MessageRow } from './MessageRow.js';
+/** Slack, in px, for treating "close enough to the bottom" as "at the bottom" — a fractional
+ * scrollHeight/clientHeight rounding difference should not by itself stop the sticky-follow below. */
+const AT_BOTTOM_THRESHOLD_PX = 4;
+function isScrolledToBottom(el) {
+    return el.scrollHeight - el.scrollTop - el.clientHeight <= AT_BOTTOM_THRESHOLD_PX;
+}
+export function MessageList({ messages, isStreaming = false, scrollIntent = false, onScrolled, activeQuestionFormMessageId = null, questionFormSubmittedAnswersByMessageId, onQuestionFormSubmit, projectFileNames, onRequestOpenFile, renderAttachment, }) {
+    const containerRef = useRef(null);
+    // Whether the transcript was scrolled to its bottom as of the last user scroll or programmatic
+    // scroll-to-bottom — read by the ResizeObserver effect below, which only ever sees the DOM AFTER a
+    // resize already happened and so cannot recompute "was this at the bottom" from current values.
+    // Starts true: a freshly mounted pane opens on the latest turn, same as scrollIntent's own default.
+    const stickToBottomRef = useRef(true);
+    useEffect(() => {
+        if (!scrollIntent)
+            return;
+        const el = containerRef.current;
+        // Gated on `stickToBottomRef`, same as the ResizeObserver effect below: `scrollIntent` turns
+        // true on EVERY streamed event (tool-call chatter included, not just a finished reply — see
+        // `useConversation.applyRunToAssistantMessage`), so scrolling unconditionally here yanked a user
+        // who had deliberately scrolled up to read history back to the bottom on the very next chunk
+        // (owner-reported, 2026-08-30). `stickToBottomRef` already reflects the user's own last scroll
+        // gesture via the `onScroll` handler below, captured BEFORE this content change, so it is safe
+        // to trust here.
+        if (el && stickToBottomRef.current) {
+            el.scrollTop = el.scrollHeight;
+        }
+        onScrolled?.();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [scrollIntent, messages]);
+    // Re-sticks to the bottom when a message ROW grows after mount with no accompanying `messages`
+    // change — the exact case an embedded MCP-UI/A2UI surface hits: it mounts at an initial guessed
+    // height (`preferredFrameSize` or `DEFAULT_INITIAL_HEIGHT`), then reports its real, often much
+    // taller content height asynchronously via `ui/notifications/size-changed`, entirely inside that
+    // surface's own React state (`McpUiHost`). The effect above never re-runs for that, so without this
+    // a surface which grows after the one-shot scroll leaves its own action buttons — or, once it
+    // resolves, the assistant's next reply — below the stale "bottom" with nothing to bring them back
+    // into view. Observes each direct child (one per message row) rather than the scroll container
+    // itself: the container's own box is held fixed by its flex/overflow layout, so only its CONTENT
+    // grows, which `ResizeObserver` only reports for the element whose box is actually changing.
+    // Re-created per `messages` change so a newly mounted row is observed too. Gated on
+    // `stickToBottomRef` so a human who scrolled up to read history is never yanked back down by an
+    // unrelated row resizing elsewhere in the transcript.
+    useEffect(() => {
+        const el = containerRef.current;
+        if (!el || typeof ResizeObserver !== 'function')
+            return;
+        const observer = new ResizeObserver(() => {
+            if (!stickToBottomRef.current)
+                return;
+            el.scrollTop = el.scrollHeight;
+        });
+        for (const child of Array.from(el.children))
+            observer.observe(child);
+        return () => observer.disconnect();
+    }, [messages]);
+    return (_jsx("div", { className: "jini-message-list", ref: containerRef, onScroll: (event) => {
+            stickToBottomRef.current = isScrolledToBottom(event.currentTarget);
+        }, "data-agent-element": "chat-transcript", "data-agent-role": "list", "data-agent-label": "The conversation transcript, oldest message first", children: messages.map((message) => {
+            const isLast = message.id === messages[messages.length - 1]?.id;
+            const runStreaming = isLast && isStreaming && !isTerminalRunStatus(message.runStatus);
+            return (_jsx(MessageRow, { message: message, runStreaming: runStreaming, runSucceeded: message.runStatus === 'succeeded', questionFormInteractive: message.id === activeQuestionFormMessageId, ...(questionFormSubmittedAnswersByMessageId?.[message.id] !== undefined ? { questionFormSubmittedAnswers: questionFormSubmittedAnswersByMessageId[message.id] } : {}), ...(onQuestionFormSubmit !== undefined ? { onQuestionFormSubmit: (text, answers) => onQuestionFormSubmit(message.id, text, answers) } : {}), ...(projectFileNames !== undefined ? { projectFileNames } : {}), ...(onRequestOpenFile !== undefined ? { onRequestOpenFile } : {}), ...(renderAttachment !== undefined ? { renderAttachment } : {}) }, message.id));
+        }) }));
+}
+//# sourceMappingURL=MessageList.js.map

package/dist/react/components/MessageList.js.map

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

package/dist/react/components/MessageRow.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @module MessageRow
+ *
+ * Renders one `ChatMessage` — a dumb, props-in/JSX-out composition of this
+ * package's own leaves (`<Markdown>`, `<ToolCard>` via `useToolTimeline`,
+ * `<QuestionForm>` via `splitOnQuestionForms`). Unlike `ToolCard`/
+ * `QuestionForm`/`TodoCard`/`NextStepActions`, this component is NOT a
+ * direct port of an OD file: the two source branches this package was built
+ * from (`refactor/web-chat-pane-slice`, `refactor/web-chat-composer-slice-pr`)
+ * decompose `ChatPane.tsx`/`ChatComposer.tsx`, not `AssistantMessage.tsx`
+ * (3,317 lines) — that god-component's own vertical-slice extraction is a
+ * separate, not-yet-dispatched task (see
+ * `ADS-memory/reports/jini-port/recon/r4b-webui-design.md` §3's suggested "AssistantMessage
+ * first" ordering, which this task's sources don't cover). This is
+ * therefore a fresh, reasonable v1 composition of the already-ported leaves,
+ * not a byte-for-byte port — text and question-forms interleave in original
+ * order (via `splitOnQuestionForms`).
+ *
+ * Tool cards now interleave too (`../message-blocks.js`), which they did not in
+ * v1. That original deferral fused the text on either side of a tool call into
+ * one run — a message read as `"I'll look for a tool that changes the
+ * language.Done — the language is now English."`, two thoughts from before and
+ * after the call joined mid-sentence, with every card pooled at the bottom.
+ * `AssistantMessage.tsx`'s richer derivations (`deriveFileOps`/
+ * `stripTodoToolGroups`/etc.) remain a TODO for that god-component's own
+ * extraction task; plain ordering did not need to wait for them.
+ *
+ * `interleaveMessageBlocks` returns `null` when it cannot prove the
+ * reconstruction is lossless, and this component then renders exactly the flat
+ * layout it always did. Both paths are live, so the fallback is not dead code —
+ * see that module's header for the conditions.
+ *
+ * Both message roles also carry a per-message copy affordance
+ * (`CopyMessageButton` below), rendered inside a `.jini-message-actions` row.
+ * Assistant rows render that row as an extension seam: `branch`/thumbs-up/
+ * thumbs-down are meant to join `copy` there later, as siblings in the same
+ * row, once their backends (conversation branching, feedback storage) exist
+ * — see the seam comment at that row's call site. Copy always copies the raw
+ * markdown *source* — `message.content` (user) or `visibleContent`
+ * (assistant, post `stripArtifact`) — never a flattened read of the rendered
+ * DOM, so a table, fence, or `**bold**` marker survives the round trip.
+ */
+import React, { type ReactNode } from 'react';
+import type { ChatAttachment, ChatMessage } from '../../core/index.js';
+export interface MessageRowProps {
+    message: ChatMessage;
+    /** Whether this message's own run is still streaming. */
+    runStreaming?: boolean;
+    runSucceeded?: boolean;
+    /** Whether this message's question-form (if any) is still the active/answerable one. */
+    questionFormInteractive?: boolean;
+    questionFormSubmittedAnswers?: Record<string, string | string[]>;
+    onQuestionFormSubmit?: (text: string, answers: Record<string, string | string[]>) => void;
+    projectFileNames?: Set<string>;
+    onRequestOpenFile?: (name: string) => void;
+    /** Host-supplied renderer for a `ChatAttachment` chip. Falls back to a plain filename chip. */
+    renderAttachment?: (attachment: ChatAttachment) => ReactNode;
+}
+export declare function MessageRow({ message, runStreaming, runSucceeded, questionFormInteractive, questionFormSubmittedAnswers, onQuestionFormSubmit, projectFileNames, onRequestOpenFile, renderAttachment, }: MessageRowProps): React.JSX.Element;
+//# sourceMappingURL=MessageRow.d.ts.map

package/dist/react/components/MessageRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageRow.d.ts","sourceRoot":"","sources":["../../../src/react/components/MessageRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAc,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAcnF,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wFAAwF;IACxF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,4BAA4B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IACjE,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1F,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,SAAS,CAAC;CAC9D;AAoFD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,YAAoB,EACpB,YAAoB,EACpB,uBAA+B,EAC/B,4BAA4B,EAC5B,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,eAAe,qBAmKjB"}

package/dist/react/components/MessageRow.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @module MessageRow
+ *
+ * Renders one `ChatMessage` — a dumb, props-in/JSX-out composition of this
+ * package's own leaves (`<Markdown>`, `<ToolCard>` via `useToolTimeline`,
+ * `<QuestionForm>` via `splitOnQuestionForms`). Unlike `ToolCard`/
+ * `QuestionForm`/`TodoCard`/`NextStepActions`, this component is NOT a
+ * direct port of an OD file: the two source branches this package was built
+ * from (`refactor/web-chat-pane-slice`, `refactor/web-chat-composer-slice-pr`)
+ * decompose `ChatPane.tsx`/`ChatComposer.tsx`, not `AssistantMessage.tsx`
+ * (3,317 lines) — that god-component's own vertical-slice extraction is a
+ * separate, not-yet-dispatched task (see
+ * `ADS-memory/reports/jini-port/recon/r4b-webui-design.md` §3's suggested "AssistantMessage
+ * first" ordering, which this task's sources don't cover). This is
+ * therefore a fresh, reasonable v1 composition of the already-ported leaves,
+ * not a byte-for-byte port — text and question-forms interleave in original
+ * order (via `splitOnQuestionForms`).
+ *
+ * Tool cards now interleave too (`../message-blocks.js`), which they did not in
+ * v1. That original deferral fused the text on either side of a tool call into
+ * one run — a message read as `"I'll look for a tool that changes the
+ * language.Done — the language is now English."`, two thoughts from before and
+ * after the call joined mid-sentence, with every card pooled at the bottom.
+ * `AssistantMessage.tsx`'s richer derivations (`deriveFileOps`/
+ * `stripTodoToolGroups`/etc.) remain a TODO for that god-component's own
+ * extraction task; plain ordering did not need to wait for them.
+ *
+ * `interleaveMessageBlocks` returns `null` when it cannot prove the
+ * reconstruction is lossless, and this component then renders exactly the flat
+ * layout it always did. Both paths are live, so the fallback is not dead code —
+ * see that module's header for the conditions.
+ *
+ * Both message roles also carry a per-message copy affordance
+ * (`CopyMessageButton` below), rendered inside a `.jini-message-actions` row.
+ * Assistant rows render that row as an extension seam: `branch`/thumbs-up/
+ * thumbs-down are meant to join `copy` there later, as siblings in the same
+ * row, once their backends (conversation branching, feedback storage) exist
+ * — see the seam comment at that row's call site. Copy always copies the raw
+ * markdown *source* — `message.content` (user) or `visibleContent`
+ * (assistant, post `stripArtifact`) — never a flattened read of the rendered
+ * DOM, so a table, fence, or `**bold**` marker survives the round trip.
+ */
+import React, {} from 'react';
+import { splitOnQuestionForms, stripArtifact } from '../../core/index.js';
+import { useToolTimeline } from '../hooks/useToolTimeline.js';
+import { useExtEventGroups } from '../hooks/useExtEventGroups.js';
+import { useCopyToClipboard } from '../hooks/useCopyToClipboard.js';
+import { interleaveMessageBlocks } from '../message-blocks.js';
+import { useT } from '../hooks/context.js';
+import { getExtEventRenderer } from '../ext-event-renderer-registry.js';
+import { ExtEventErrorBoundary } from './ExtEventErrorBoundary.js';
+import { Icon } from './Icon.js';
+import { Markdown } from './Markdown.js';
+import { ToolCard } from './ToolCard.js';
+import { QuestionForm } from './QuestionForm.js';
+function formatDuration(ms) {
+    const totalSeconds = Math.round(ms / 1000);
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    return minutes > 0 ? `${minutes}m ${seconds}s` : `${seconds}s`;
+}
+/**
+ * True while an assistant message is still fully pending — no visible text
+ * and no tool rows have arrived yet. Shared by the "Thinking…" placeholder
+ * and the action row's own visibility below, since the two are mutually
+ * exclusive by construction: a message with nothing to show yet has nothing
+ * worth a copy/branch/feedback row either. Pulled out of `MessageRow` itself
+ * (rather than inlined at each call site, as it was before this row existed)
+ * so the condition is asserted once instead of duplicated.
+ * @param message - The message being rendered.
+ * @param visibleContent - `message.content` with any `<artifact>` block stripped.
+ * @param toolRowCount - `useToolTimeline(...).rows.length` for this message.
+ * @complexity O(1) — three comparisons, no loops or recursion.
+ */
+function isPendingWithNoContent(message, visibleContent, toolRowCount) {
+    return message.runStatus === 'running' && !visibleContent.trim() && toolRowCount === 0;
+}
+/** One "Done · 6m 29s · 2612 out · $0.4028" summary line, from the run's own `kind:'usage'` event — never estimated client-side. Renders only the fields the event actually carries, so a transport that supplies partial usage data degrades gracefully instead of showing fabricated zeros. */
+function UsageSummary({ usage }) {
+    const t = useT();
+    const parts = [];
+    if (usage.durationMs !== undefined)
+        parts.push(formatDuration(usage.durationMs));
+    if (usage.outputTokens !== undefined)
+        parts.push(t('{n} out', { n: usage.outputTokens }));
+    if (usage.costUsd !== undefined)
+        parts.push(`$${usage.costUsd.toFixed(4)}`);
+    if (parts.length === 0)
+        return null;
+    return (_jsxs("div", { className: "jini-message-usage", children: [_jsx("span", { className: "jini-message-usage-dot", "aria-hidden": true, children: "\u25CF" }), t('Done'), " \u00B7 ", parts.join(' · ')] }));
+}
+/**
+ * Quiet, icon-only copy affordance shared by the user- and assistant-message
+ * action rows below. Delegates the actual clipboard write (and its
+ * secure-context fallback) to `useCopyToClipboard`; this component only owns
+ * the icon swap and the accessible announcement of the transient state.
+ * @param props.text - Exact string to copy, verbatim.
+ * @param props.label - Idle accessible name (already translated by the caller).
+ * @complexity O(1) — one child hook call, no branching beyond the copied-state read.
+ */
+function CopyMessageButton({ text, label }) {
+    const t = useT();
+    const { copied, copy } = useCopyToClipboard();
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "jini-message-action-btn", "aria-label": copied ? t('Copied') : label, onClick: () => {
+                    void copy(text);
+                }, children: _jsx(Icon, { name: copied ? 'check' : 'copy' }) }), _jsx("span", { className: "jini-message-copy-status", "aria-live": "polite", children: copied ? t('Copied to clipboard') : '' })] }));
+}
+export function MessageRow({ message, runStreaming = false, runSucceeded = false, questionFormInteractive = false, questionFormSubmittedAnswers, onQuestionFormSubmit, projectFileNames, onRequestOpenFile, renderAttachment, }) {
+    const t = useT();
+    const timeline = useToolTimeline(message.events, { runStreaming, runSucceeded });
+    const extGroups = useExtEventGroups(message.events);
+    if (message.role === 'user') {
+        return (_jsxs("div", { className: "jini-message jini-message-user", "data-message-id": message.id, "data-agent-element": `chat-message-${message.id}`, "data-agent-role": "region", "data-agent-label": "A message from the user", children: [message.attachments && message.attachments.length > 0 ? (_jsx("div", { className: "jini-message-attachments", children: message.attachments.map((a) => (_jsx("span", { className: "jini-message-attachment-chip", children: renderAttachment ? renderAttachment(a) : a.name }, a.path))) })) : null, _jsx("div", { className: "jini-message-content", children: message.content }), _jsx("div", { className: "jini-message-actions jini-message-actions--user", children: _jsx(CopyMessageButton, { text: message.content, label: t('Copy message') }) })] }));
+    }
+    const visibleContent = stripArtifact(message.content);
+    const segments = splitOnQuestionForms(visibleContent);
+    const usageEvent = message.events?.filter((ev) => ev.kind === 'usage').pop();
+    // Interleaving is skipped outright when an artifact was stripped. `stripArtifact` operates on the
+    // whole string and trims, so the surviving text no longer lines up with the per-run offsets the
+    // event walk produces, and an artifact block could legitimately span a tool call. Rather than
+    // reason about partial overlaps, an artifact-bearing message keeps the flat layout — those
+    // messages are dominated by the artifact panel anyway, so the ordering matters least there.
+    const blocks = visibleContent === message.content ? interleaveMessageBlocks(message.events, message.content, timeline.rows) : null;
+    const pending = isPendingWithNoContent(message, visibleContent, timeline.rows.length);
+    const renderToolCard = (row) => (_jsx(ToolCard, { use: row.use, result: row.result, runStreaming: runStreaming, runSucceeded: runSucceeded, ...(projectFileNames !== undefined ? { projectFileNames } : {}), ...(onRequestOpenFile !== undefined ? { onRequestOpenFile } : {}) }, row.id));
+    const renderExtGroup = (group) => {
+        const renderer = getExtEventRenderer(group.name);
+        if (!renderer)
+            return null;
+        const node = renderer({ name: group.name, events: group.events, runStreaming, runSucceeded, runId: message.runId });
+        if (!node)
+            return null;
+        return (
+        // `key` includes the event count so a group that failed on an earlier, shorter event list
+        // gets a fresh boundary instance (not the still-tripped one) once a new event actually
+        // arrives for it, instead of staying tombstoned for the message's whole lifetime.
+        _jsx(ExtEventErrorBoundary, { name: group.name, children: _jsx("div", { children: node }) }, `${group.name}:${group.events.length}`));
+    };
+    const renderTextSegments = (text, keyPrefix) => splitOnQuestionForms(text).map((segment, i) => segment.kind === 'text' ? (segment.text.trim() ? (_jsx("div", { className: "jini-message-content", children: _jsx(Markdown, { children: segment.text }) }, `${keyPrefix}-${i}`)) : null) : (_jsx(QuestionForm, { form: segment.form, interactive: questionFormInteractive, ...(questionFormSubmittedAnswers !== undefined ? { submittedAnswers: questionFormSubmittedAnswers } : {}), ...(onQuestionFormSubmit !== undefined ? { onSubmit: onQuestionFormSubmit } : {}) }, `${keyPrefix}-${i}`)));
+    return (_jsxs("div", { className: "jini-message jini-message-assistant", "data-message-id": message.id, "data-run-status": message.runStatus, "data-agent-element": `chat-message-${message.id}`, "data-agent-role": "region", "data-agent-label": "A reply from the assistant", children: [message.agentName ? _jsx("div", { className: "jini-message-agent", children: message.agentName }) : null, blocks
+                ? blocks.map((block) => {
+                    if (block.kind === 'text') {
+                        return _jsx(React.Fragment, { children: renderTextSegments(block.text, block.key) }, block.key);
+                    }
+                    if (block.kind === 'tools') {
+                        return (_jsx("div", { className: "jini-message-tools", children: block.rows.map(renderToolCard) }, block.key));
+                    }
+                    const group = extGroups.find((g) => g.name === block.name);
+                    if (!group)
+                        return null;
+                    return (_jsx("div", { className: "jini-message-ext-events", children: renderExtGroup(group) }, block.key));
+                })
+                : (_jsxs(_Fragment, { children: [segments.map((segment, i) => segment.kind === 'text' ? (segment.text.trim() ? (_jsx("div", { className: "jini-message-content", children: _jsx(Markdown, { children: segment.text }) }, i)) : null) : (_jsx(QuestionForm, { form: segment.form, interactive: questionFormInteractive, ...(questionFormSubmittedAnswers !== undefined ? { submittedAnswers: questionFormSubmittedAnswers } : {}), ...(onQuestionFormSubmit !== undefined ? { onSubmit: onQuestionFormSubmit } : {}) }, i))), timeline.rows.length > 0 ? (_jsx("div", { className: "jini-message-tools", children: timeline.rows.map(renderToolCard) })) : null, extGroups.length > 0 ? _jsx("div", { className: "jini-message-ext-events", children: extGroups.map(renderExtGroup) }) : null] })), usageEvent ? _jsx(UsageSummary, { usage: usageEvent }) : null, message.runStatus === 'failed' ? _jsx("div", { className: "jini-message-error", children: t('This turn failed.') }) : null, !pending ? (_jsx("div", { className: "jini-message-actions jini-message-actions--assistant", children: _jsx(CopyMessageButton, { text: visibleContent, label: t('Copy message') }) })) : null, pending ? (_jsx("div", { className: "jini-message-pending", "aria-live": "polite", children: t('Thinking…') })) : null] }));
+}
+//# sourceMappingURL=MessageRow.js.map

package/dist/react/components/MessageRow.js.map

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

package/dist/react/components/NextStepActions.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @module NextStepActions
+ *
+ * A generic row of "what next" suggestion buttons rendered after a
+ * completed assistant turn. Heavily pruned from OD's
+ * `components/NextStepActions.tsx` (1,069 lines) per
+ * `ADS-memory/reports/jini-port/recon/r4b-webui-design.md` §1's explicit directive for
+ * this file ("prune OD actions"): the OD original hardcodes ~20 product-
+ * specific prompt catalogs (design-system refine/audit, brand-extraction
+ * continue/AI-optimize, plan-generate-from-doc, project-continue, ...), a
+ * design-toolbox action registry, and PostHog click tracking. None of that
+ * is generic — every OD prompt catalog is a host concern now: a host
+ * supplies its own `NextStepAction[]` (e.g. OD's adapter in
+ * `foundry/integrations/open-design/` re-hosts its exact prompt catalogs against
+ * this same component). className/structure kept close to the original's
+ * action-row shape; every user-facing string wrapped in `useT()`.
+ */
+import type { ReactNode } from 'react';
+export interface NextStepAction {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    /** Disables the action and swaps its label for `busyLabel` while a host-tracked operation for this action is in flight. */
+    busy?: boolean;
+    busyLabel?: string;
+    disabled?: boolean;
+}
+export interface NextStepActionsProps {
+    actions: NextStepAction[];
+    onSelect: (actionId: string) => void;
+}
+export declare function NextStepActions({ actions, onSelect }: NextStepActionsProps): import("react").JSX.Element | null;
+//# sourceMappingURL=NextStepActions.d.ts.map

package/dist/react/components/NextStepActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStepActions.d.ts","sourceRoot":"","sources":["../../../src/react/components/NextStepActions.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2HAA2H;IAC3H,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,oBAAoB,sCAoB1E"}

package/dist/react/components/NextStepActions.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../hooks/context.js';
+export function NextStepActions({ actions, onSelect }) {
+    const t = useT();
+    if (actions.length === 0)
+        return null;
+    return (_jsx("div", { className: "next-step-actions", children: actions.map((action) => (_jsxs("button", { type: "button", className: "next-step-action", disabled: action.disabled || action.busy, onClick: () => onSelect(action.id), children: [action.icon ? (_jsx("span", { className: "next-step-action-icon", "aria-hidden": true, children: action.icon })) : null, _jsxs("span", { className: "next-step-action-body", children: [_jsx("span", { className: "next-step-action-title", children: action.busy && action.busyLabel ? t(action.busyLabel) : t(action.label) }), action.description ? _jsx("span", { className: "next-step-action-desc", children: t(action.description) }) : null] })] }, action.id))) }));
+}
+//# sourceMappingURL=NextStepActions.js.map

package/dist/react/components/NextStepActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStepActions.js","sourceRoot":"","sources":["../../../src/react/components/NextStepActions.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAkB3C,MAAM,UAAU,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAwB;IACzE,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACtC,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAC/B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,kBAAwB,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,EAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,aAC5I,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,eAAM,SAAS,EAAC,uBAAuB,iCACpC,MAAM,CAAC,IAAI,GACP,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBAAM,SAAS,EAAC,uBAAuB,aACrC,eAAM,SAAS,EAAC,wBAAwB,YAAE,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAQ,EACxH,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,uBAAuB,YAAE,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC9F,KATI,MAAM,CAAC,EAAE,CAUb,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/QuestionForm.d.ts

@@ -0,0 +1,26 @@
+import type { QuestionForm as QuestionFormType } from '../../core/index.js';
+export interface QuestionFormFileSubmission {
+    questionId: string;
+    questionLabel: string;
+    files: File[];
+}
+export interface QuestionFormHandle {
+    submit: () => void;
+    /** Submit with no answers — every question is optional, so this records each as "(skipped)" and moves on. */
+    skipAll: () => void;
+}
+export interface QuestionFormProps {
+    form: QuestionFormType;
+    /** Whether the user can still submit answers — the host disables this once the turn is no longer the most recent one. */
+    interactive: boolean;
+    submittedAnswers?: Record<string, string | string[]>;
+    /** When a host's own Continue button owns the submit, hide this form's footer button and report ready-state via `onReadyChange`. */
+    hideInternalSubmit?: boolean;
+    draftAnswers?: Record<string, string | string[]>;
+    onReadyChange?: (ready: boolean) => void;
+    onDraftChange?: (answers: Record<string, string | string[]>) => void;
+    onAnswerChange?: (questionId: string, value: string | string[]) => void;
+    onSubmit?: (text: string, answers: Record<string, string | string[]>, files?: QuestionFormFileSubmission[]) => void;
+}
+export declare const QuestionForm: import("react").ForwardRefExoticComponent<QuestionFormProps & import("react").RefAttributes<QuestionFormHandle>>;
+//# sourceMappingURL=QuestionForm.d.ts.map

package/dist/react/components/QuestionForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionForm.d.ts","sourceRoot":"","sources":["../../../src/react/components/QuestionForm.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAA6B,YAAY,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvG,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,6GAA6G;IAC7G,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,gBAAgB,CAAC;IACvB,yHAAyH;IACzH,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IACrD,oIAAoI;IACpI,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACrE,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,0BAA0B,EAAE,KAAK,IAAI,CAAC;CACrH;AAED,eAAO,MAAM,YAAY,kHA4PvB,CAAC"}