@molecule/app-ide-react 1.0.0

package/dist/components/KeyboardShortcutsPanel.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { t } from '@molecule/app-i18n';
+import { useThemeMode } from '@molecule/app-react';
+/**
+ * Groups shortcuts by category, preserving insertion order.
+ * @param shortcuts - Flat list of shortcut entries.
+ * @returns Map from category name to entries in that category.
+ */
+function groupByCategory(shortcuts) {
+    const groups = new Map();
+    for (const entry of shortcuts) {
+        const cat = entry.category ?? '';
+        const list = groups.get(cat);
+        if (list) {
+            list.push(entry);
+        }
+        else {
+            groups.set(cat, [entry]);
+        }
+    }
+    return groups;
+}
+/**
+ * Renders a single key badge.
+ * @param props - Component props.
+ * @returns The key badge element.
+ */
+function KeyBadge({ children, isLight }) {
+    return (_jsx("kbd", { style: {
+            display: 'inline-block',
+            padding: '2px 6px',
+            fontSize: 11,
+            fontFamily: 'system-ui, sans-serif',
+            lineHeight: '16px',
+            borderRadius: 4,
+            border: `1px solid ${isLight ? 'rgba(0,0,0,0.15)' : 'rgba(255,255,255,0.15)'}`,
+            background: isLight ? 'rgba(0,0,0,0.05)' : 'rgba(255,255,255,0.08)',
+            color: 'var(--mol-color-text, currentColor)',
+            minWidth: 20,
+            textAlign: 'center',
+        }, children: children }));
+}
+/**
+ * Keyboard shortcuts reference panel.
+ *
+ * @param props - Component props.
+ * @returns The keyboard shortcuts panel element.
+ */
+export function KeyboardShortcutsPanel({ shortcuts, onDismiss, }) {
+    const isLight = useThemeMode() === 'light';
+    const panelRef = useRef(null);
+    const listRef = useRef(null);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const groups = useMemo(() => groupByCategory(shortcuts), [shortcuts]);
+    // Flat list for keyboard navigation indexing
+    const flatEntries = useMemo(() => {
+        const entries = [];
+        for (const group of groups.values()) {
+            entries.push(...group);
+        }
+        return entries;
+    }, [groups]);
+    // Scroll selected item into view
+    useEffect(() => {
+        if (!listRef.current)
+            return;
+        const buttons = listRef.current.querySelectorAll('[data-shortcut-row]');
+        const el = buttons[selectedIndex];
+        el?.scrollIntoView({ block: 'nearest' });
+    }, [selectedIndex]);
+    const handleKeyDown = useCallback((e) => {
+        switch (e.key) {
+            case 'Escape':
+                e.preventDefault();
+                onDismiss();
+                break;
+            case 'ArrowDown':
+                e.preventDefault();
+                setSelectedIndex((i) => Math.min(i + 1, flatEntries.length - 1));
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                setSelectedIndex((i) => Math.max(i - 1, 0));
+                break;
+            case 'Enter': {
+                e.preventDefault();
+                const entry = flatEntries[selectedIndex];
+                if (entry?.execute) {
+                    entry.execute();
+                    onDismiss();
+                }
+                break;
+            }
+        }
+    }, [onDismiss, flatEntries, selectedIndex]);
+    useEffect(() => {
+        document.addEventListener('keydown', handleKeyDown, true);
+        return () => document.removeEventListener('keydown', handleKeyDown, true);
+    }, [handleKeyDown]);
+    // Focus the panel so keyboard events work immediately
+    useEffect(() => {
+        panelRef.current?.focus();
+    }, []);
+    const selectedBg = isLight ? 'rgba(64,112,224,0.12)' : 'rgba(64,112,224,0.25)';
+    // Build a flat index counter to map grouped rendering back to flat index
+    let flatIndex = -1;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { onClick: onDismiss, style: {
+                    position: 'fixed',
+                    inset: 0,
+                    zIndex: 1000,
+                    background: 'rgba(0,0,0,0.4)',
+                } }), _jsxs("div", { ref: panelRef, tabIndex: -1, style: {
+                    position: 'fixed',
+                    top: '50%',
+                    left: '50%',
+                    transform: 'translate(-50%, -50%)',
+                    width: 480,
+                    maxWidth: '90vw',
+                    maxHeight: '70vh',
+                    zIndex: 1001,
+                    borderRadius: 8,
+                    overflow: 'hidden',
+                    boxShadow: isLight ? '0 8px 32px rgba(0,0,0,0.18)' : '0 8px 32px rgba(0,0,0,0.6)',
+                    background: isLight ? '#fff' : 'var(--mol-color-background, #1e1e1e)',
+                    border: '1px solid var(--color-border, #333)',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    outline: 'none',
+                }, children: [_jsxs("div", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            padding: '14px 16px 10px',
+                            borderBottom: '1px solid var(--color-border, #333)',
+                            flexShrink: 0,
+                        }, children: [_jsx("span", { style: { fontSize: 14, fontWeight: 600 }, children: t('ide.shortcuts.title', undefined, { defaultValue: 'Keyboard Shortcuts' }) }), _jsx("button", { type: "button", onClick: onDismiss, style: {
+                                    padding: '2px 6px',
+                                    border: 'none',
+                                    background: 'transparent',
+                                    color: 'var(--mol-color-text-secondary, #888)',
+                                    cursor: 'pointer',
+                                    fontSize: 16,
+                                    lineHeight: 1,
+                                }, children: "\u00D7" })] }), _jsx("div", { ref: listRef, style: { flex: 1, overflow: 'auto', padding: '8px 0' }, children: Array.from(groups.entries()).map(([category, entries]) => (_jsxs("div", { children: [category && (_jsx("div", { style: {
+                                        padding: '8px 16px 4px',
+                                        fontSize: 11,
+                                        fontWeight: 600,
+                                        textTransform: 'uppercase',
+                                        letterSpacing: '0.05em',
+                                        color: 'var(--mol-color-text-secondary, #888)',
+                                    }, children: category })), entries.map((entry) => {
+                                    flatIndex++;
+                                    const idx = flatIndex;
+                                    const isSelected = idx === selectedIndex;
+                                    return (_jsxs("button", { type: "button", "data-shortcut-row": true, onClick: () => {
+                                            if (entry.execute) {
+                                                entry.execute();
+                                                onDismiss();
+                                            }
+                                        }, onMouseEnter: () => setSelectedIndex(idx), style: {
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            justifyContent: 'space-between',
+                                            padding: '6px 16px',
+                                            fontSize: 13,
+                                            width: '100%',
+                                            border: 'none',
+                                            background: isSelected ? selectedBg : 'transparent',
+                                            color: 'var(--mol-color-text, currentColor)',
+                                            cursor: entry.execute ? 'pointer' : 'default',
+                                            textAlign: 'left',
+                                            borderRadius: 0,
+                                        }, children: [_jsx("span", { children: entry.label }), _jsx("span", { style: { display: 'flex', gap: 4, flexShrink: 0, marginLeft: 16 }, children: entry.keys.split(' ').map((part, i) => (_jsx(KeyBadge, { isLight: isLight, children: part }, i))) })] }, entry.label));
+                                })] }, category))) }), _jsx("div", { style: {
+                            padding: '8px 16px',
+                            borderTop: '1px solid var(--color-border, #333)',
+                            fontSize: 11,
+                            color: 'var(--mol-color-text-secondary, #888)',
+                            textAlign: 'center',
+                            flexShrink: 0,
+                        }, children: t('ide.shortcuts.hint', undefined, {
+                            defaultValue: 'Arrow keys to navigate · Enter to run · Esc to close',
+                        }) })] })] }));
+}
+KeyboardShortcutsPanel.displayName = 'KeyboardShortcutsPanel';
+//# sourceMappingURL=KeyboardShortcutsPanel.js.map

package/dist/components/KeyboardShortcutsPanel.js.map

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

package/dist/components/MarkdownContent.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Markdown content renderer for AI chat messages.
+ *
+ * Handles the subset of Markdown that Claude commonly produces:
+ * fenced code blocks, headers, ordered/unordered lists, bold, italic,
+ * and inline code. No external dependencies.
+ *
+ * @module
+ */
+import type { JSX } from 'react';
+/** Props for {@link MarkdownContent}. */
+export interface MarkdownContentProps {
+    /** The raw markdown text to render. */
+    text: string;
+    /** When true, appends a blinking cursor at the end (streaming indicator). */
+    isStreaming?: boolean;
+    /**
+     * Current activity/status label (e.g. a verification step like "Type-checking
+     * the app"). When set WHILE streaming, the trailing indicator switches from a
+     * bare inline cursor to a labeled block below the finalized text — so the
+     * post-response check phase is never an unlabeled spinner. This is the window
+     * after the model's text is done but `isStreaming` is still true because the
+     * server is running type-check / lint / runtime probes.
+     */
+    statusLabel?: string | null;
+    /** Turn start (ms) for the labeled indicator's elapsed timer. */
+    statusStartedAt?: number;
+    /**
+     * Navigates the live preview to a route path. When provided, a `[label](/route)` markdown
+     * link renders as a clickable button that jumps the preview to that page (instead of opening
+     * a new tab or navigating the IDE) — so the agent's "your app is ready" handoff can list the
+     * app's pages as one-click links.
+     */
+    onNavigatePreview?: (path: string) => void;
+    /**
+     * Suppress this component's OWN trailing streaming indicators (the inline end-of-text cursor
+     * and the labeled verification block). The chat owns a single, persistent activity indicator
+     * for the whole turn, so the per-message ones here would just duplicate it AND flicker on/off
+     * as each message finalizes (the cause of the jumpy scroll). `isStreaming` is still honored
+     * for the live throttled parse — only the spinner is hidden.
+     */
+    hideStreamingIndicator?: boolean;
+}
+/**
+ * Renders a subset of Markdown as React elements.
+ * Handles fenced code blocks (with copy button), headers, lists,
+ * bold/italic, and inline code.
+ * @param props - Component props (see {@link MarkdownContentProps}).
+ * @returns The rendered markdown content element.
+ */
+export declare const MarkdownContent: import("react").MemoExoticComponent<({ text, isStreaming, statusLabel, statusStartedAt, onNavigatePreview, hideStreamingIndicator, }: MarkdownContentProps) => JSX.Element>;
+//# sourceMappingURL=MarkdownContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownContent.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,OAAO,CAAA;AAoX3C,yCAAyC;AACzC,MAAM,WAAW,oBAAoB;IACnC,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAA;IACZ,6EAA6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,wIAOzB,oBAAoB,KAAG,GAAG,CAAC,OAAO,CAwGnC,CAAA"}

package/dist/components/MarkdownContent.js

@@ -0,0 +1,303 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useEffect, useMemo, useRef, useState } from 'react';
+import { t } from '@molecule/app-i18n';
+import { getClassMap } from '@molecule/app-ui';
+import { useCoarsePointer } from '../hooks/useViewport.js';
+import { StreamingIndicator } from './StreamingIndicator.js';
+/**
+ * Renders a single markdown link `[label](href)`. A ROUTE link — any app-internal path, whether
+ * written with a leading slash (`/transactions`) or without (`transactions`, `courses/:id`) — is a
+ * page in the live preview: when an `onNavigatePreview` handler is wired (the chat context), it
+ * renders as a button that navigates the PREVIEW to that route on click (the path is normalized to
+ * a leading `/`), so the agent's "your app is ready" handoff can list clickable pages the user
+ * jumps straight to. Only a genuinely EXTERNAL link — one with a URL scheme (`http(s):`, `mailto:`)
+ * or protocol-relative (`//host`) — opens in a new tab; a bare route must never open a new tab. A
+ * route link with no handler (e.g. a help card), or a parameterized route (`/courses/:id`) that has
+ * no concrete destination, renders as plain text rather than a broken/IDE-navigating link. A
+ * `#anchor` can't address a preview page, so it stays an inert anchor.
+ *
+ * @param props - Component props (see {@link MarkdownContentProps}).
+ * @returns The rendered link node.
+ */
+function LinkToken({ label, href, onNavigatePreview, }) {
+    const linkStyle = {
+        color: 'var(--mol-color-primary, #4070e0)',
+        textDecoration: 'underline',
+        textUnderlineOffset: '2px',
+    };
+    // External = a URL scheme (http:, https:, mailto:, tel:, …) or protocol-relative (//host).
+    // Everything else is an app route for the preview — INCLUDING bare paths the agent emits
+    // WITHOUT a leading slash (`courses/:id`), which used to fall through to a new-tab anchor (the
+    // "opens a new tab instead of the preview" bug). A `#anchor` can't address a preview page.
+    const isExternal = /^[a-z][a-z0-9+.-]*:/i.test(href) || href.startsWith('//');
+    const isAnchor = href.startsWith('#');
+    if (!isExternal && !isAnchor) {
+        // Normalize to a root-relative path so the handler always receives a clean `/route`.
+        const path = href.startsWith('/') ? href : `/${href}`;
+        // A parameterized route (`/courses/:id`, a `*` splat) has no concrete destination — navigating
+        // the preview to a literal `:id` just 404s, so it's a useless "get started" link. Render the
+        // label as plain text instead. (The handoff prompt also tells the agent to list concrete,
+        // parameter-free landing pages — this is the renderer-side safety net.)
+        const isParameterized = path.split('/').some((seg) => seg.startsWith(':') || seg === '*');
+        if (isParameterized || !onNavigatePreview)
+            return _jsx(_Fragment, { children: label });
+        return (_jsx("button", { type: "button", "data-mol-id": "chat-preview-link", onClick: () => onNavigatePreview(path), title: t('ide.chat.previewLinkTitle', { path }, { defaultValue: 'Open {{path}} in the preview' }), style: {
+                ...linkStyle,
+                background: 'none',
+                border: 'none',
+                padding: 0,
+                font: 'inherit',
+                cursor: 'pointer',
+            }, children: label }));
+    }
+    return (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", style: linkStyle, children: label }));
+}
+/**
+ * Splits raw markdown text into alternating prose and fenced code block segments.
+ * @param text - The raw markdown string to split.
+ * @returns An array of text and code segments.
+ */
+function splitSegments(text) {
+    const out = [];
+    const re = /```(\w*)\n?([\s\S]*?)```/g;
+    let last = 0;
+    let m;
+    while ((m = re.exec(text)) !== null) {
+        if (m.index > last)
+            out.push({ type: 'text', content: text.slice(last, m.index) });
+        out.push({ type: 'code', lang: m[1] ?? '', content: m[2].trimEnd() });
+        last = m.index + m[0].length;
+    }
+    if (last < text.length)
+        out.push({ type: 'text', content: text.slice(last) });
+    return out;
+}
+// ---------------------------------------------------------------------------
+// Inline rendering — bold, italic, inline code
+// ---------------------------------------------------------------------------
+// Order matters: link `[text](url)` is matched before bold/italic so a label/url containing
+// `*` isn't mis-split. The url stops at whitespace or the closing paren.
+const INLINE_RE = /(`[^`\n]+`|\[[^\]\n]+\]\([^)\s]+\)|\*\*(?:[^*]|\*(?!\*))+\*\*|\*[^*\n]+\*)/g;
+/**
+ * Renders inline markdown formatting (bold, italic, inline code, links) as React nodes.
+ * @param text - The text containing inline markdown tokens.
+ * @param onNavigatePreview - Optional handler so a `[label](/route)` link navigates the preview.
+ * @returns A ReactNode with formatted inline elements.
+ */
+function renderInline(text, onNavigatePreview) {
+    const parts = [];
+    let last = 0;
+    let k = 0;
+    for (const m of text.matchAll(INLINE_RE)) {
+        if (m.index > last)
+            parts.push(text.slice(last, m.index));
+        const tok = m[0];
+        if (tok[0] === '`') {
+            parts.push(_jsx("code", { style: {
+                    fontFamily: 'var(--vscode-editor-font-family, "SF Mono", Consolas, monospace)',
+                    fontSize: '0.875em',
+                    background: 'rgba(128,128,128,0.15)',
+                    borderRadius: '3px',
+                    padding: '1px 4px',
+                }, children: tok.slice(1, -1) }, k++));
+        }
+        else if (tok[0] === '[') {
+            // [label](href)
+            const lm = tok.match(/^\[([^\]]+)\]\(([^)\s]+)\)$/);
+            if (lm) {
+                parts.push(_jsx(LinkToken, { label: lm[1], href: lm[2], onNavigatePreview: onNavigatePreview }, k++));
+            }
+            else {
+                parts.push(tok);
+            }
+        }
+        else if (tok.startsWith('**')) {
+            parts.push(_jsx("strong", { children: tok.slice(2, -2) }, k++));
+        }
+        else {
+            parts.push(_jsx("em", { children: tok.slice(1, -1) }, k++));
+        }
+        last = m.index + m[0].length;
+    }
+    if (last < text.length)
+        parts.push(text.slice(last));
+    if (parts.length === 0)
+        return null;
+    if (parts.length === 1)
+        return parts[0];
+    return _jsx(_Fragment, { children: parts });
+}
+// ---------------------------------------------------------------------------
+// Prose block rendering — headers, lists, paragraphs
+// ---------------------------------------------------------------------------
+/**
+ * Renders a prose text segment as structured HTML (headers, lists, paragraphs).
+ * @param props - Component props (see {@link MarkdownContentProps}).
+ * @returns The rendered prose block element.
+ */
+function Prose({ content, segIdx, onNavigatePreview, }) {
+    const lines = content.split('\n');
+    const els = [];
+    let k = segIdx * 10000;
+    let i = 0;
+    while (i < lines.length) {
+        const line = lines[i];
+        // Blank line — paragraph separator
+        if (!line.trim()) {
+            i++;
+            continue;
+        }
+        // Headers
+        const hm = line.match(/^(#{1,3}) (.+)/);
+        if (hm) {
+            const lvl = hm[1].length;
+            els.push(_jsx("p", { style: {
+                    fontWeight: 600,
+                    fontSize: lvl === 1 ? '1.05em' : '1em',
+                    marginBottom: '4px',
+                    marginTop: i > 0 ? '10px' : 0,
+                }, children: renderInline(hm[2], onNavigatePreview) }, k++));
+            i++;
+            continue;
+        }
+        // Unordered list
+        if (/^[-*] /.test(line)) {
+            const items = [];
+            while (i < lines.length && /^[-*] /.test(lines[i])) {
+                items.push(_jsx("li", { children: renderInline(lines[i].replace(/^[-*] /, ''), onNavigatePreview) }, i));
+                i++;
+            }
+            els.push(_jsx("ul", { style: { paddingLeft: '18px', marginBottom: '6px', listStyleType: 'disc' }, children: items }, k++));
+            continue;
+        }
+        // Ordered list
+        if (/^\d+\. /.test(line)) {
+            const items = [];
+            while (i < lines.length && /^\d+\. /.test(lines[i])) {
+                items.push(_jsx("li", { children: renderInline(lines[i].replace(/^\d+\. /, ''), onNavigatePreview) }, i));
+                i++;
+            }
+            els.push(_jsx("ol", { style: { paddingLeft: '18px', marginBottom: '6px', listStyleType: 'decimal' }, children: items }, k++));
+            continue;
+        }
+        // Paragraph — collect consecutive non-special lines
+        const para = [];
+        while (i < lines.length &&
+            lines[i].trim() &&
+            !/^#{1,3} /.test(lines[i]) &&
+            !/^[-*] /.test(lines[i]) &&
+            !/^\d+\. /.test(lines[i])) {
+            para.push(lines[i]);
+            i++;
+        }
+        if (para.length) {
+            els.push(_jsx("p", { style: { whiteSpace: 'pre-wrap', marginBottom: '6px' }, children: renderInline(para.join('\n'), onNavigatePreview) }, k++));
+        }
+    }
+    return _jsx(_Fragment, { children: els });
+}
+// ---------------------------------------------------------------------------
+// Code block with language label + copy button
+// ---------------------------------------------------------------------------
+/**
+ * Renders a fenced code block with a language label and copy-to-clipboard button.
+ * @param props - Component props (see {@link MarkdownContentProps}).
+ * @returns The rendered code block element.
+ */
+function CodeBlock({ lang, content }) {
+    const cm = getClassMap();
+    const isCoarse = useCoarsePointer();
+    const [copied, setCopied] = useState(false);
+    /** Copies the code block content to clipboard and shows a brief confirmation. */
+    function handleCopy() {
+        void navigator.clipboard.writeText(content);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1500);
+    }
+    return (_jsxs("div", { className: cm.surfaceSecondary, style: { borderRadius: '6px', marginBottom: '10px', overflow: 'hidden' }, children: [_jsxs("div", { style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    padding: '3px 10px',
+                    borderBottom: '1px solid rgba(128,128,128,0.15)',
+                    fontSize: '11px',
+                    opacity: 0.75,
+                }, children: [_jsx("span", { style: {
+                            fontFamily: 'var(--vscode-editor-font-family, monospace)',
+                            letterSpacing: '0.3px',
+                        }, children: lang || 'text' }), _jsx("button", { type: "button", onClick: handleCopy, style: {
+                            background: 'none',
+                            border: 'none',
+                            cursor: 'pointer',
+                            color: 'inherit',
+                            fontSize: '11px',
+                            padding: '2px 6px',
+                            // Touch: ~17px is untappable — 32px dense-row floor, text unchanged.
+                            ...(isCoarse ? { minHeight: 32 } : {}),
+                            opacity: 0.75,
+                        }, children: copied ? '\u2713 Copied' : 'Copy' })] }), _jsx("pre", { style: {
+                    margin: 0,
+                    padding: '10px 12px',
+                    overflowX: 'auto',
+                    fontSize: '12px',
+                    lineHeight: 1.6,
+                    fontFamily: 'var(--vscode-editor-font-family, "SF Mono", Consolas, monospace)',
+                    whiteSpace: 'pre',
+                }, children: _jsx("code", { children: content }) })] }));
+}
+/**
+ * Renders a subset of Markdown as React elements.
+ * Handles fenced code blocks (with copy button), headers, lists,
+ * bold/italic, and inline code.
+ * @param props - Component props (see {@link MarkdownContentProps}).
+ * @returns The rendered markdown content element.
+ */
+export const MarkdownContent = memo(function MarkdownContent({ text, isStreaming, statusLabel, statusStartedAt, onNavigatePreview, hideStreamingIndicator, }) {
+    // Markdown is parsed + rendered LIVE while streaming (not deferred until the
+    // stream finalizes). The page freezes that originally motivated deferring it
+    // were caused by stale Vite pre-bundle caches serving a duplicate React, NOT
+    // by this parse.
+    //
+    // One real concern from that era remains: `text` grows on every ~50ms flush, so
+    // re-parsing the FULL content on every flush is O(content²) over a long stream
+    // (a big plan / file content streamed into chat) — sustained main-thread CPU.
+    // We keep it live but THROTTLE the parse input to ~120ms (≈8 renders/sec, still
+    // visually live) so the per-flush re-parse work is bounded. On finalize we parse
+    // the complete text immediately so the last tokens never lag.
+    const PARSE_THROTTLE_MS = 120;
+    const [parseText, setParseText] = useState(text);
+    const lastParseAtRef = useRef(0);
+    useEffect(() => {
+        if (!isStreaming) {
+            setParseText(text); // finalized (or non-streaming) — parse the full, stable text now
+            return;
+        }
+        const elapsed = Date.now() - lastParseAtRef.current;
+        if (elapsed >= PARSE_THROTTLE_MS) {
+            lastParseAtRef.current = Date.now();
+            setParseText(text);
+            return;
+        }
+        // Leading+trailing throttle: schedule the pending update so continuous
+        // streaming still refreshes ~every PARSE_THROTTLE_MS (a plain debounce here
+        // would defer ALL rendering to the end — the very bug we're removing).
+        const id = setTimeout(() => {
+            lastParseAtRef.current = Date.now();
+            setParseText(text);
+        }, PARSE_THROTTLE_MS - elapsed);
+        return () => clearTimeout(id);
+    }, [text, isStreaming]);
+    const segments = useMemo(() => (parseText ? splitSegments(parseText) : []), [parseText]);
+    // A real status label (verification step) makes the trailing indicator a
+    // labeled block; otherwise it's the bare end-of-text cursor used during
+    // token-by-token streaming.
+    const hasStatus = statusLabel != null && statusLabel.trim() !== '';
+    if (!text) {
+        return (_jsx(_Fragment, { children: isStreaming && !hideStreamingIndicator && (_jsx(StreamingIndicator, { label: hasStatus ? statusLabel : undefined, startedAt: statusStartedAt })) }));
+    }
+    if (isStreaming) {
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { style: { fontSize: '13px', lineHeight: 1.6, marginTop: '6px', wordBreak: 'break-word' }, children: [segments.map((seg, i) => seg.type === 'code' ? (_jsx(CodeBlock, { lang: seg.lang, content: seg.content }, i)) : (_jsx(Prose, { content: seg.content, segIdx: i, onNavigatePreview: onNavigatePreview }, i))), !hideStreamingIndicator && !hasStatus && _jsx(StreamingIndicator, { inline: true })] }), !hideStreamingIndicator && hasStatus && (_jsx(StreamingIndicator, { label: statusLabel, startedAt: statusStartedAt }))] }));
+    }
+    return (_jsx("div", { style: { fontSize: '13px', lineHeight: 1.6, marginTop: '6px', wordBreak: 'break-word' }, children: segments.map((seg, i) => seg.type === 'code' ? (_jsx(CodeBlock, { lang: seg.lang, content: seg.content }, i)) : (_jsx(Prose, { content: seg.content, segIdx: i, onNavigatePreview: onNavigatePreview }, i))) }));
+});
+//# sourceMappingURL=MarkdownContent.js.map

package/dist/components/MarkdownContent.js.map

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

package/dist/components/ModelsTable.d.ts

@@ -0,0 +1,38 @@
+/**
+ * `/models` comparison table.
+ *
+ * Renders the available models in a sortable table: name, context window,
+ * combined cost per 1M tokens, knowledge cutoff, and free-tier availability.
+ * Clicking a column header sorts ascending, then toggles to descending; every
+ * header carries a neutral SVG sort glyph (`chevrons-up-down`) that resolves to
+ * an up/down chevron on the active column — never a unicode arrow or emoji.
+ * Free-tier-available models are visually highlighted.
+ *
+ * The "Cutoff" column replaced a former "Speed" column that was fabricated from
+ * input price (it duplicated Cost and could be factually wrong). Knowledge
+ * cutoff is a real, factual axis genuinely independent of the price/size axes.
+ *
+ * Styling uses `getClassMap()` (`cm.*`) for structure/typography/spacing and the
+ * `--color-primary` theme token for the active-header accent; the only inline
+ * styles are the free-tier highlight tint and the provider accent stripe —
+ * things the ClassMap can't express.
+ *
+ * @module
+ */
+import type { JSX } from 'react';
+import type { AppModelDefinition } from '@molecule/app-ai-models';
+/**
+ * Sortable comparison table of available AI models.
+ *
+ * @param root0 - Component props.
+ * @param root0.models - Models to display (already filtered to the current catalog).
+ * @param root0.currentModelId - The id of the project's active model, badged as "current".
+ * @param root0.isLight - Whether the current theme is light mode (drives highlight tints).
+ * @returns The rendered models table.
+ */
+export declare function ModelsTable({ models, currentModelId, isLight, }: {
+    models: readonly AppModelDefinition[];
+    currentModelId?: string;
+    isLight: boolean;
+}): JSX.Element;
+//# sourceMappingURL=ModelsTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelsTable.d.ts","sourceRoot":"","sources":["../../src/components/ModelsTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AA8BjE;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,cAAc,EACd,OAAO,GACR,EAAE;IACD,MAAM,EAAE,SAAS,kBAAkB,EAAE,CAAA;IACrC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,OAAO,CAAA;CACjB,GAAG,GAAG,CAAC,OAAO,CAqLd"}