@jini-ai/chat 0.6.15-rc.2 → 0.6.16

package/dist/react/components/Markdown.js

@@ -74,7 +74,7 @@ function splitTableCells(line) {
         cells.push(tail);
     return cells;
 }
-const TABLE_ALIGN_CELL = /^:?-{1,}:?$/;
+const TABLE_ALIGN_CELL = /^:?-+:?$/;
 // Every cell `TABLE_ALIGN_CELL` accepts starts and ends with `:` or `-`, so its
 // first + last character is always exactly one of these four keys.
 const COLUMN_ALIGN = { '::': 'center', '-:': 'right', ':-': 'left', '--': null };
@@ -117,7 +117,7 @@ function collectTableRows(lines, start) {
 }
 const ORDERED_ITEM = /^\s*\d+[.)]\s+/;
 const FENCE = /^```/;
-const HEADING = /^(#{1,3})\s+(.*)$/;
+const HEADING = /^(#{1,3})\s+/;
 const RULE = /^(-{3,}|\*{3,}|_{3,})\s*$/;
 const QUOTE_LINE = /^>\s?/;
 const BULLET_ITEM = /^\s*[-*]\s+/;
@@ -139,11 +139,12 @@ function parseHeading(lines, i) {
     const heading = HEADING.exec(lines[i]);
     if (!heading)
         return null;
-    // Both capture groups are mandatory (non-optional) in this pattern, so
-    // whenever `heading` itself is truthy, `heading[1]`/`heading[2]` are
-    // always matched strings (never `undefined`) — same dead-fallback
-    // reasoning as the `lines[i]` accesses above.
-    return { block: { kind: 'h', level: heading[1].length, text: heading[2] }, next: i + 1 };
+    const content = /^(.*)$/.exec(lines[i].slice(heading[0].length));
+    if (!content)
+        return null;
+    // Both captures are mandatory in their respective patterns, so each successful match has a
+    // defined group 1 — same dead-fallback reasoning as the `lines[i]` accesses above.
+    return { block: { kind: 'h', level: heading[1].length, text: content[1] }, next: i + 1 };
 }
 function parseRule(lines, i) {
     return RULE.test(lines[i]) ? { block: { kind: 'hr' }, next: i + 1 } : null;
@@ -268,13 +269,8 @@ function nextLooseListLine(lines, i) {
 }
 function isBlockStart(lines, i) {
     const line = lines[i];
-    return (FENCE.test(line)
-        || /^(#{1,3})\s+/.test(line)
-        || RULE.test(line)
-        || QUOTE_LINE.test(line)
-        || BULLET_ITEM.test(line)
-        || ORDERED_ITEM.test(line)
-        || isTableStartAt(lines, i));
+    const simpleBlock = [FENCE, /^(#{1,3})\s+/, RULE, QUOTE_LINE, BULLET_ITEM, ORDERED_ITEM].some(pattern => pattern.test(line));
+    return simpleBlock || isTableStartAt(lines, i);
 }
 function renderBlock(block) {
     switch (block.kind) {
@@ -297,6 +293,7 @@ function renderBlock(block) {
         case 'hr':
             return _jsx("hr", {});
     }
+    return undefined;
 }
 // Fenced code block ('renderBlock' case 'code') plus its copy affordance. 'CopyCodeButton' below
 // sits in its own small toolbar row above the '<pre>', not overlaid on top of it: an overlay
@@ -343,7 +340,7 @@ function useTableOverflow() {
         // The wrap div renders unconditionally, so its ref is attached by the time this effect runs.
         const el = wrapRef.current;
         if (typeof ResizeObserver !== 'function')
-            return;
+            return undefined;
         const check = () => setIsOverflowing(el.scrollWidth > el.clientWidth + TABLE_OVERFLOW_SLACK_PX);
         const observer = new ResizeObserver(check);
         observer.observe(el);
@@ -418,7 +415,7 @@ const MD_LINK_PARTS = /^\[([^\]\n]+)\]\((.+)\)$/u;
 const INLINE_RE = new RegExp(String.raw `(\x60[^\x60]+\x60)|(${MD_LINK})|(\*\*[^*]+\*\*)|(\*[^*]+\*|${UNDERSCORE_EM})|(https?:\/\/[^\s)]+)`, 'gu');
 // Only these targets become anchors; anything else (`javascript:`, `data:`, protocol-relative
 // `//host`) stays literal text, since the text is untrusted model output.
-const SAFE_LINK_HREF = /^(?:https?:\/\/|mailto:|\/(?!\/)|#)/iu;
+export const SAFE_LINK_HREF = /^(?:https?:\/\/|mailto:|\/(?!\/)|#)/iu;
 // Every link opens in a new tab — an in-app path too, so following one never navigates the tab the
 // chat lives in (owner 2026-10-08). Only a `#` same-document anchor stays in place. ChatPane's
 // click guard (`useChatPaneNewTabLinks`) covers links this renderer does not draw.
@@ -441,17 +438,9 @@ function renderInline(text) {
     while (match !== null) {
         if (match.index > lastIndex)
             nodes.push(text.slice(lastIndex, match.index));
-        const [whole, code, mdLink, bold, italic, link] = match;
-        if (code)
-            nodes.push(_jsx("code", { children: code.slice(1, -1) }, key++));
-        else if (mdLink)
-            nodes.push(renderMarkdownLink(mdLink, key++));
-        else if (bold)
-            nodes.push(_jsx("strong", { children: renderInline(bold.slice(2, -2)) }, key++));
-        else if (italic)
-            nodes.push(_jsx("em", { children: renderInline(italic.slice(1, -1)) }, key++));
-        else if (link)
-            nodes.push(_jsx("a", { href: link, ...NEW_TAB, children: link }, key++));
+        const whole = match[0];
+        nodes.push(renderInlineToken({ match, key }));
+        key += 1;
         // `whole` is `match[0]` — a successful `RegExpExecArray` always has a
         // defined (if possibly empty) full-match string at index 0, so this
         // fallback is unreachable (same dead-fallback reasoning as above).
@@ -462,4 +451,18 @@ function renderInline(text) {
         nodes.push(text.slice(lastIndex));
     return nodes;
 }
+function renderInlineToken({ match, key }) {
+    const [, code, mdLink, bold, italic, link] = match;
+    if (code)
+        return _jsx("code", { children: code.slice(1, -1) }, key);
+    if (mdLink)
+        return renderMarkdownLink(mdLink, key);
+    if (bold)
+        return _jsx("strong", { children: renderInline(bold.slice(2, -2)) }, key);
+    if (italic)
+        return _jsx("em", { children: renderInline(italic.slice(1, -1)) }, key);
+    if (link)
+        return _jsx("a", { href: link, ...NEW_TAB, children: link }, key);
+    return null;
+}
 //# sourceMappingURL=Markdown.js.map

package/dist/react/components/McpUiSurfaceCard.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { trimChars } from '@jini-ai/core/primitives';
 /**
  * @module components/McpUiSurfaceCard
  *
@@ -98,7 +99,7 @@ function latestResourcesByUri(events) {
 function pendingMirrorHandle(uri) {
     // Never empty: only resources whose URI starts with `ui://` reach a card (`@jini-ai/ui/mcp-ui`'s
     // resource parser rejects every other scheme), so the sanitized handle always keeps at least `ui`.
-    const sanitized = uri.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '');
+    const sanitized = trimChars({ text: uri.toLowerCase().replace(/[^a-z0-9]+/g, '-'), chars: '-' });
     return `mcp-ui-pending-${sanitized}`;
 }
 /** The one label a mirror region carries — what is pending, and what an agent could report or wait on. */

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

@@ -6,7 +6,7 @@ interface PendingPrompt {
     attachments?: ChatAttachment[];
     onCancel: () => void;
 }
-export interface MessageListProps extends Pick<MessageRowProps, 'projectFileNames' | 'onRequestOpenFile' | 'renderAttachment' | 'showUsageTotal' | 'showUsageLine' | 'toolCallDisplay' | 'showThinking'> {
+export interface MessageListProps extends Pick<MessageRowProps, 'projectFileNames' | 'onRequestOpenFile' | 'renderAttachment' | 'showUsageTotal' | 'showUsageLine' | 'toolCallDisplay' | 'showThinking' | 'sendingLabel'> {
     messages: ChatMessage[];
     isStreaming?: boolean;
     /** Mirrors `useConversation().scrollIntent` — when `true`, this component scrolls to the bottom on mount/update. */

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

@@ -23,7 +23,8 @@ export function useConversationUsage({ messages }, _optional = {}) {
             if (old && JSON.stringify(old) === JSON.stringify(summary))
                 next.set(id, old);
         }
-        return previous.current = next;
+        previous.current = next;
+        return next;
     }, [messages]);
 }
 export function useMessageListAutoScroll({ messages, scrollIntent }, { onScrolled, reducedMotion = prefersReducedMotion } = {}) {
@@ -86,7 +87,7 @@ export function useMessageListAutoScroll({ messages, scrollIntent }, { onScrolle
     useEffect(() => {
         const el = containerRef.current;
         if (!el || typeof ResizeObserver !== 'function')
-            return;
+            return undefined;
         const observer = new ResizeObserver(() => {
             if (!stickToBottomRef.current)
                 return;

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

@@ -73,6 +73,9 @@ export interface MessageRowProps {
     runStreaming?: boolean;
     /** Whether the server has yet to accept this reply's run (its user turn is still pending). */
     runSending?: boolean;
+    /** Host-localized text shown verbatim only while this run is active and sending.
+     * Omit to use the translated `Sending…` label. */
+    sendingLabel?: string;
     runSucceeded?: boolean;
     /** Whether this message's question-form (if any) is still the active/answerable one. */
     questionFormInteractive?: boolean;

package/dist/react/components/MessageRow.js

@@ -71,7 +71,7 @@ import { Markdown } from './Markdown.js';
 import { ToolCard } from './ToolCard.js';
 import { QuestionForm } from './QuestionForm.js';
 import { ToolCallGroup } from './ToolCallGroup.js';
-import { applyToolCallDisplay, toolRowsForDisplay } from '../tool-call-display.js';
+import { applyToolCallDisplay, retriedToolRowIds, toolRowsForDisplay } from '../tool-call-display.js';
 /**
  * True while an assistant message is still fully pending — no visible text
  * and no tool rows have arrived yet. Shared by the "Thinking…" placeholder
@@ -140,6 +140,14 @@ function flatToolGroups({ message, rows, registry, displayBlocks }, { toolCallDi
     return flat.length > 0 ? [{ rows: flat, key: 'tools' }] : [];
 }
 /** The model's reasoning, folded under a "Thinking" summary so it never crowds the answer. */
+/** A host status belongs to the run that emitted it, regardless of the current picker selection. */
+function RunAccessNotice({ events }) {
+    const t = useT();
+    const notice = events?.find(event => event.kind === 'status' && event.label === 'full_cli_access');
+    if (notice?.kind !== 'status' || !notice.detail)
+        return null;
+    return _jsx("div", { className: "jini-chat-pane__notice", role: "note", children: t(notice.detail) });
+}
 function ThinkingBlock({ text }) {
     const t = useT();
     if (!text.trim())
@@ -149,9 +157,9 @@ function ThinkingBlock({ text }) {
 function messageAwaitingAnswer({ runStreaming, runInProgress, events }, { isAnsweredCard } = {}) {
     return runStreaming === true && runInProgress && isAwaitingAnswer({ events }, { isAnsweredCard });
 }
-function AssistantMessageFooter({ message, usageEvent, showUsageTotal, terminalNotice, pending, runInProgress, runStreaming, runSending, visibleContent, isAnsweredCard }, _optional = {}) {
+function AssistantMessageFooter({ message, usageEvent, showUsageTotal, terminalNotice, pending, runInProgress, runStreaming, runSending, sendingLabel, visibleContent, isAnsweredCard }, _optional = {}) {
     const t = useT();
-    return _jsxs(_Fragment, { children: [usageEvent ? _jsx(UsageSummary, { usage: usageEvent, showTotal: showUsageTotal, message: message, awaitingAnswer: isAwaitingAnswer({ events: message.events }, { isAnsweredCard }) }) : null, terminalNotice ? _jsx("div", { className: "jini-message-error", role: "status", children: t(terminalNotice) }) : null, !pending && !runInProgress ? (_jsx("div", { className: "jini-message-actions jini-message-actions--assistant", children: _jsx(CopyMessageButton, { text: visibleContent, label: t('Copy message') }) })) : null, runInProgress ? _jsx(RunActivityLine, { events: message.events, active: pending || (runStreaming === true && runInProgress), isAnsweredCard: isAnsweredCard, sending: runSending }) : null] });
+    return _jsxs(_Fragment, { children: [usageEvent ? _jsx(UsageSummary, { usage: usageEvent, showTotal: showUsageTotal, message: message, awaitingAnswer: isAwaitingAnswer({ events: message.events }, { isAnsweredCard }) }) : null, terminalNotice ? _jsx("div", { className: "jini-message-error", role: "status", children: t(terminalNotice) }) : null, !pending && !runInProgress ? (_jsx("div", { className: "jini-message-actions jini-message-actions--assistant", children: _jsx(CopyMessageButton, { text: visibleContent, label: t('Copy message') }) })) : null, runInProgress ? _jsx(RunActivityLine, { events: message.events, active: pending || (runStreaming === true && runInProgress), isAnsweredCard: isAnsweredCard, sending: runSending, sendingLabel: sendingLabel }) : null] });
 }
 /** Stable empty list for a message with no attachments. */
 const NO_ATTACHMENTS = [];
@@ -178,7 +186,7 @@ function UserMessageRow({ message, renderAttachment }) {
     const gallery = useAttachmentGallery({ attachments: message.attachments ?? NO_ATTACHMENTS });
     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(SentAttachmentButton, { attachment: a, onOpen: gallery.open, renderAttachment: renderAttachment }, 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') }) }), gallery.opened ? (_jsx(AttachmentPreviewModal, { attachment: gallery.opened, onClose: gallery.close, navigation: gallery.navigation })) : null] }));
 }
-function AssistantMessageRow({ message, usageSummary, showUsageTotal, showUsageLine, toolCallDisplay, showThinking, runStreaming, runSending, runSucceeded, questionFormInteractive, questionFormSubmittedAnswers, onQuestionFormSubmit, projectFileNames, onRequestOpenFile, }) {
+function AssistantMessageRow({ message, usageSummary, showUsageTotal, showUsageLine, toolCallDisplay, showThinking, runStreaming, runSending, sendingLabel, runSucceeded, questionFormInteractive, questionFormSubmittedAnswers, onQuestionFormSubmit, projectFileNames, onRequestOpenFile, }) {
     const registry = useExtEventRendererRegistry();
     const messageUsage = useMessageUsage({ message, ...(usageSummary === undefined ? {} : { summary: usageSummary }) });
     const timeline = useToolTimeline({ events: message.events }, { runStreaming, runSucceeded });
@@ -198,7 +206,8 @@ function AssistantMessageRow({ message, usageSummary, showUsageTotal, showUsageL
     });
     const footerUsage = showUsageLine ? usage.footer : undefined;
     const lastFinishedReply = !runInProgress && !usage.footer ? usage.replies.findLastIndex(value => value !== undefined) : -1;
-    const renderToolCard = (row) => (_jsx(ToolCard, { use: row.use, result: row.result, runStreaming: runStreaming, runSucceeded: runSucceeded, ...(projectFileNames !== undefined ? { projectFileNames } : {}), ...(onRequestOpenFile !== undefined ? { onRequestOpenFile } : {}) }, row.id));
+    const retriedRows = retriedToolRowIds({ rows: timeline.rows });
+    const renderToolCard = (row) => (_jsx(ToolCard, { retried: retriedRows.has(row.id), use: row.use, result: row.result, runStreaming: runStreaming, runSucceeded: runSucceeded, ...(projectFileNames !== undefined ? { projectFileNames } : {}), ...(onRequestOpenFile !== undefined ? { onRequestOpenFile } : {}) }, row.id));
     // Hidden mode reuses the same disclosure and card renderer for unrecovered failures.
     const renderTools = (rows, key) => (toolCallDisplay !== 'show'
         ? _jsx(ToolCallGroup, { rows: rows, renderRow: renderToolCard, failureOnly: toolCallDisplay === 'hidden' }, key)
@@ -235,7 +244,11 @@ function AssistantMessageRow({ message, usageSummary, showUsageTotal, showUsageL
         // arrives for it, instead of staying tombstoned for the message's whole lifetime.
         _jsx(ExtEventErrorBoundary, { name: group.name, children: transcriptRow ? node : _jsx("div", { children: node }) }, `${group.slot}:${group.events.length}`));
     };
-    const renderTextSegments = (text, keyPrefix) => splitOnQuestionForms({ input: 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}`)));
+    const renderTextSegments = (text, keyPrefix) => splitOnQuestionForms({ input: text }).map((segment, i) => {
+        if (segment.kind === 'text')
+            return segment.text.trim() ? (_jsx("div", { className: "jini-message-content", children: _jsx(Markdown, { children: segment.text }) }, `${keyPrefix}-${i}`)) : null;
+        return (_jsx(QuestionForm, { form: segment.form, interactive: questionFormInteractive, ...(questionFormSubmittedAnswers !== undefined ? { submittedAnswers: questionFormSubmittedAnswers } : {}), ...(onQuestionFormSubmit !== undefined ? { onSubmit: onQuestionFormSubmit } : {}) }, `${keyPrefix}-${i}`));
+    });
     const renderBlock = (block) => {
         if (block.kind === 'text') {
             return _jsx(React.Fragment, { children: renderTextSegments(block.text, block.key) }, block.key);
@@ -243,7 +256,9 @@ function AssistantMessageRow({ message, usageSummary, showUsageTotal, showUsageL
         if (block.kind === 'reply-end') {
             const reply = usage.replies[block.index];
             // A trailing input may have no reply: its predecessor's usage belongs above that input.
-            return reply && showUsageLine ? _jsx(UsageSummary, { usage: reply, showTotal: showUsageTotal, ...(block.index === lastFinishedReply ? { message } : {}) }, block.key) : null;
+            if (!reply || !showUsageLine)
+                return null;
+            return _jsx(UsageSummary, { usage: reply, showTotal: showUsageTotal, ...(block.index === lastFinishedReply ? { message } : {}) }, block.key);
         }
         if (block.kind === 'tools')
             return renderTools(block.rows, block.key);
@@ -260,21 +275,23 @@ function AssistantMessageRow({ message, usageSummary, showUsageTotal, showUsageL
             return _jsx(React.Fragment, { children: renderExtGroup(group) }, block.key);
         return (_jsx("div", { className: "jini-message-ext-events", children: renderExtGroup(group) }, block.key));
     };
+    // The live footer follows the run as transcript sections split; its clock must not remount.
     const renderAssistantSection = ({ section, key, footer }) => (_jsxs("div", { className: usageLineMeetsActions({ footer: footerUsage, terminalNotice, pending, runInProgress }, { showTotal: showUsageTotal })
             ? 'jini-message jini-message-assistant jini-message-assistant--usage-actions'
             : '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, section
                 ? section.map(renderBlock)
-                : (_jsxs(_Fragment, { children: [renderTextSegments(visibleContent, 'text'), flatTools.map((group) => renderTools(group.rows, group.key)), flatExtGroups.length > 0 ? _jsx("div", { className: "jini-message-ext-events", children: flatExtGroups.map(renderExtGroup) }) : null] })), footer && _jsx(AssistantMessageFooter, { message, usageEvent: footerUsage, showUsageTotal, terminalNotice, pending, runInProgress, runStreaming, runSending, visibleContent, isAnsweredCard: answeredCards.isAnsweredCard })] }, key));
+                : (_jsxs(_Fragment, { children: [renderTextSegments(visibleContent, 'text'), flatTools.map((group) => renderTools(group.rows, group.key)), flatExtGroups.length > 0 ? _jsx("div", { className: "jini-message-ext-events", children: flatExtGroups.map(renderExtGroup) }) : null] })), footer && _jsx(AssistantMessageFooter, { message, usageEvent: footerUsage, showUsageTotal, terminalNotice, pending, runInProgress, runStreaming, runSending, sendingLabel, visibleContent, isAnsweredCard: answeredCards.isAnsweredCard })] }, footer ? message.id : key));
     // The lossless fallback keeps the host's text intact; user receipts still own separate rows,
     // in their original receipt order, outside the assistant's actions and usage footer.
+    // Keep the same child-array nesting as the interleaved path so React preserves the footer.
     if (blocks === null)
-        return _jsxs(_Fragment, { children: [renderAssistantSection({ section: null, key: message.id, footer: true }), extGroups.filter(group => group.name === MID_RUN_USER_MESSAGE_EXT_EVENT_NAME).map(renderExtGroup)] });
+        return _jsxs(_Fragment, { children: [_jsx(RunAccessNotice, { events: message.events }), [renderAssistantSection({ section: null, key: message.id, footer: true })], extGroups.filter(group => group.name === MID_RUN_USER_MESSAGE_EXT_EVENT_NAME).map(renderExtGroup)] });
     // A reply boundary without reported usage renders nothing; it must not create an empty row's gap.
     const visibleBlocks = blocks.filter(block => block.kind !== 'reply-end' || (showUsageLine && usage.replies[block.index] !== undefined));
     const { sections, footerIndex } = transcriptSections({ blocks: visibleBlocks, runInProgress });
-    return _jsx(_Fragment, { children: sections.map((section, index) => isUserSection({ section })
-            ? _jsx(React.Fragment, { children: section.map(renderBlock) }, section[0].key)
-            : renderAssistantSection({ section, key: section[0]?.key ?? message.id, footer: index === footerIndex })) });
+    return _jsxs(_Fragment, { children: [_jsx(RunAccessNotice, { events: message.events }), sections.map((section, index) => isUserSection({ section })
+                ? _jsx(React.Fragment, { children: section.map(renderBlock) }, section[0].key)
+                : renderAssistantSection({ section, key: section[0]?.key ?? message.id, footer: index === footerIndex }))] });
 }
 /** Preserve optional render-prop presence for custom extension renderers. */
 function answerRenderProps({ answeredCards, slot, answerText }, _options = {}) {
@@ -302,13 +319,14 @@ function isUserSection({ section }, _options = {}) {
  * The live "what is it doing" line under a running reply (see `core/run-activity.ts`). Replaces the
  * old "Thinking…" placeholder, which vanished for good as soon as the first tool row appeared.
  * Kept a separate component so its one-second tick re-renders only this line, not the whole row.
+ * A host's already-localized sending label is used verbatim until acceptance.
  */
-function RunActivityLine({ events, active, isAnsweredCard, sending }) {
+function RunActivityLine({ events, active, isAnsweredCard, sending, sendingLabel }) {
     const t = useT();
     const activityLabel = useRunActivity({ events: events, active: active }, { isAnsweredCard });
     // Until the server accepts the start the turn is still on its way: "Thinking…" there read as the
     // model working while the text had not even arrived (owner, 2026-10-27). No timeout.
-    const label = active && sending ? t('Sending…') : continuingRunNotice({ events, active }, {}) ?? activityLabel;
+    const label = active && sending ? sendingLabel ?? t('Sending…') : continuingRunNotice({ events, active }, {}) ?? activityLabel;
     if (label === null)
         return null;
     return (_jsx("div", { className: "jini-message-pending jini-run-activity", "aria-live": "off", children: label }));

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

@@ -44,7 +44,9 @@ export function usageLayout({ usage, interleaved, runInProgress }, { runStreamin
  * every keystroke restyle the whole page in long chats (2026-10-11). O(1).
  * @example usageLineMeetsActions({ footer: { kind: 'usage', costUsd: 0.1 }, terminalNotice: null, pending: false, runInProgress: false }) // true */
 export function usageLineMeetsActions({ footer, terminalNotice, pending, runInProgress }, { showTotal = true } = {}) {
-    const hasText = footer !== undefined && (footer.durationMs !== undefined || footer.costUsd !== undefined || (showTotal && footer.totalCostUsd !== undefined));
+    if (footer === undefined)
+        return false;
+    const hasText = footer.durationMs !== undefined || footer.costUsd !== undefined || (showTotal && footer.totalCostUsd !== undefined);
     return hasText && !terminalNotice && !pending && !runInProgress;
 }
 /** Build footer display values outside JSX; token counts remain available in the tooltip and accessible footer label.

package/dist/react/components/QuestionForm.js

@@ -177,8 +177,8 @@ function DirectionCardsControl(ctx) {
 function TextControl({ q, value, locked, update, t }) {
     const shared = { className: 'qf-input', value: stringValue(value), placeholder: q.placeholder, disabled: locked, onChange: (e) => update(q.id, e.target.value) };
     const props = questionTextInputProps({ question: q });
-    if (props.type === 'password') {
-        const { type: _type, ...secretProps } = props;
+    const { type, ...secretProps } = props;
+    if (type === 'password') {
         return _jsx(SecretInput, { ...secretProps, ...shared, "aria-label": q.label, label: q.label, toggleLabels: { show: `${t('Show')} ${q.label}`, hide: `${t('Hide')} ${q.label}` } });
     }
     return _jsx("input", { ...props, ...shared });
@@ -271,9 +271,8 @@ function collectFileSubmissions(form, fileAnswers) {
         if (q.type !== 'file')
             continue;
         const files = fileAnswers[q.id] ?? [];
-        if (files.length === 0)
-            continue;
-        out.push({ questionId: q.id, questionLabel: q.label, files });
+        if (files.length > 0)
+            out.push({ questionId: q.id, questionLabel: q.label, files });
     }
     return out;
 }

package/dist/react/components/SentAttachment.js

@@ -9,6 +9,9 @@ import { useSentAttachmentThumbnail } from './SentAttachment.hooks.js';
 export function SentAttachmentButton({ attachment, onOpen, renderAttachment, objectUrls }) {
     const t = useT();
     const { thumbnailUrl, onThumbnailError } = useSentAttachmentThumbnail({ attachment, hostRendered: renderAttachment !== undefined }, objectUrls === undefined ? {} : { objectUrls });
-    return (_jsx("button", { type: "button", className: `jini-message-attachment-chip${thumbnailUrl ? ' is-thumbnail' : ''}`, onClick: () => onOpen(attachment), title: t('Open {name}', { name: attachment.name }), "aria-label": t('Open {name}', { name: attachment.name }), children: renderAttachment ? (renderAttachment(attachment)) : thumbnailUrl ? (_jsx("img", { className: "jini-message-attachment-thumb", src: thumbnailUrl, alt: "", onError: onThumbnailError })) : (attachment.name) }));
+    const fallback = thumbnailUrl
+        ? _jsx("img", { className: "jini-message-attachment-thumb", src: thumbnailUrl, alt: "", onError: onThumbnailError })
+        : attachment.name;
+    return (_jsx("button", { type: "button", className: `jini-message-attachment-chip${thumbnailUrl ? ' is-thumbnail' : ''}`, onClick: () => onOpen(attachment), title: t('Open {name}', { name: attachment.name }), "aria-label": t('Open {name}', { name: attachment.name }), children: renderAttachment ? renderAttachment(attachment) : fallback }));
 }
 //# sourceMappingURL=SentAttachment.js.map

package/dist/react/components/TodoCard.js

@@ -18,7 +18,7 @@ export function TodoCard({ todos, runStreaming, onDismiss }) {
     const [overrideExpanded, setOverrideExpanded] = useState(null);
     const expanded = overrideExpanded ?? defaultExpanded;
     const showDismiss = Boolean(onDismiss) && allComplete;
-    return (_jsxs("div", { className: `op-card op-todo${expanded ? '' : ' op-todo-collapsed'}`, children: [_jsxs("div", { className: "op-card-head op-todo-head", children: [_jsxs("button", { type: "button", className: "op-todo-toggle", "aria-expanded": expanded, onClick: () => setOverrideExpanded(!expanded), title: expanded ? t('Collapse todos') : t('Expand todos'), children: [_jsx("span", { className: "op-icon", "aria-hidden": true, children: "\u2610" }), _jsx("span", { className: "op-title", children: t('Todos') }), _jsxs("span", { className: "op-meta", children: [done, "/", todos.length] }), !expanded && inProgressTodo ? _jsx("span", { className: "op-todo-current", children: todoLabel({ todo: inProgressTodo }) }) : null, _jsx("span", { className: "op-todo-chev", "aria-hidden": true, children: expanded ? _jsx(Icon, { name: "chevron-down", size: 11 }) : _jsx(Icon, { name: "chevron-right", size: 11 }) })] }), showDismiss ? (_jsx("button", { type: "button", className: "op-todo-done", onClick: () => onDismiss?.(), title: t('Dismiss'), children: t('Done') })) : null] }), _jsx("div", { className: `accordion-collapsible${expanded ? ' open' : ''}`, children: _jsx("div", { className: "accordion-collapsible-inner", children: _jsx("ul", { className: "todo-list", children: todos.map((todo, i) => (_jsxs("li", { className: `todo-item todo-${todo.status}`, children: [_jsx("span", { className: "todo-check", "aria-hidden": true, children: todo.status === 'completed' ? '✓' : todo.status === 'in_progress' ? '◐' : todo.status === 'stopped' ? '!' : '○' }), _jsx("span", { className: "todo-text", children: todoLabel({ todo }) })] }, i))) }) }) })] }));
+    return (_jsxs("div", { className: `op-card op-todo${expanded ? '' : ' op-todo-collapsed'}`, children: [_jsxs("div", { className: "op-card-head op-todo-head", children: [_jsxs("button", { type: "button", className: "op-todo-toggle", "aria-expanded": expanded, onClick: () => setOverrideExpanded(!expanded), title: expanded ? t('Collapse todos') : t('Expand todos'), children: [_jsx("span", { className: "op-icon", "aria-hidden": true, children: "\u2610" }), _jsx("span", { className: "op-title", children: t('Todos') }), _jsxs("span", { className: "op-meta", children: [done, "/", todos.length] }), !expanded && inProgressTodo ? _jsx("span", { className: "op-todo-current", children: todoLabel({ todo: inProgressTodo }) }) : null, _jsx("span", { className: "op-todo-chev", "aria-hidden": true, children: expanded ? _jsx(Icon, { name: "chevron-down", size: 11 }) : _jsx(Icon, { name: "chevron-right", size: 11 }) })] }), showDismiss ? (_jsx("button", { type: "button", className: "op-todo-done", onClick: () => onDismiss?.(), title: t('Dismiss'), children: t('Done') })) : null] }), _jsx("div", { className: `accordion-collapsible${expanded ? ' open' : ''}`, children: _jsx("div", { className: "accordion-collapsible-inner", children: _jsx("ul", { className: "todo-list", children: todos.map((todo, i) => (_jsxs("li", { className: `todo-item todo-${todo.status}`, children: [_jsx("span", { className: "todo-check", "aria-hidden": true, children: todoStatusGlyph({ status: todo.status }) }), _jsx("span", { className: "todo-text", children: todoLabel({ todo }) })] }, i))) }) }) })] }));
 }
 function todoProgress({ todos }, { runStreaming = false } = {}) {
     const hasPending = todos.some((todo) => todo.status === 'pending' || todo.status === 'in_progress');
@@ -32,4 +32,12 @@ function todoProgress({ todos }, { runStreaming = false } = {}) {
 function todoLabel({ todo }, _options = {}) {
     return todo.status === 'in_progress' && todo.activeForm ? todo.activeForm : todo.content;
 }
+function todoStatusGlyph({ status }) {
+    switch (status) {
+        case 'completed': return '✓';
+        case 'in_progress': return '◐';
+        case 'stopped': return '!';
+        default: return '○';
+    }
+}
 //# sourceMappingURL=TodoCard.js.map

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

@@ -16,7 +16,9 @@ export interface ToolCardProps {
     projectFileNames?: Set<string>;
     /** Lifts a basename up to the host so it can focus the matching tab in its own file viewer. */
     onRequestOpenFile?: (name: string) => void;
+    /** A later call of the same tool in this turn succeeded (`retriedToolRowIds`): a failure shows a neutral "Retried" badge, not red. */
+    retried?: boolean;
 }
-export declare function ToolCard({ use, result, runStreaming, runSucceeded, projectFileNames, onRequestOpenFile }: ToolCardProps): import("react").JSX.Element | null;
+export declare function ToolCard({ use, result, runStreaming, runSucceeded, projectFileNames, onRequestOpenFile, retried }: ToolCardProps): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=ToolCard.d.ts.map