@molecule/app-ide-react 1.0.0

package/dist/components/StreamingIndicator.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Streaming indicator — animated molecule spinner with rotating status
+ * messages. Replaces the blinking block cursor during AI response streaming.
+ *
+ * @module
+ */
+import type { JSX } from 'react';
+/** Props for {@link StreamingIndicator} — the spinner, activity label, and the live turn metrics. */
+export interface StreamingIndicatorProps {
+    /** When true, renders only the spinner inline (no message text). */
+    inline?: boolean;
+    /**
+     * Real current-activity label (e.g. "Reading src/App.tsx", "Writing the
+     * plan"). When provided, it replaces the generic rotating messages so the
+     * user sees what's actually happening. Falls back to rotation when absent.
+     */
+    label?: string;
+    /**
+     * Turn start timestamp (ms). When provided, a live `m:ss` elapsed counter
+     * ticks beside the label so it's unambiguous the response is still alive
+     * (vs. a frozen spinner) even during long model-latency gaps.
+     */
+    startedAt?: number;
+    /**
+     * Estimated OUTPUT tokens generated so far this turn — assistant text,
+     * thinking, and tool-call arguments, at ~4 chars/token. When > 0, shown beside
+     * the timer so the user can see how much work is actually being done.
+     *
+     * Deliberately not a total: it excludes every input token, and an agentic turn
+     * re-sends the whole conversation on each iteration, so the provider's own
+     * dashboard will read far higher. That is not a discrepancy — it is a different
+     * measure, which the tooltip states (the visible label stays the plain unit to
+     * keep the row narrow). `/cost` reports the input, cached and billed figures
+     * (mid-stream too; the server folds the in-flight turn into the totals).
+     */
+    tokens?: number;
+}
+/**
+ * Animated streaming indicator with molecule spinner. Shows the real current
+ * activity (when `label` is passed) plus a live elapsed timer (when `startedAt`
+ * is passed); otherwise rotates generic status messages. Pass `inline` for a
+ * compact cursor replacement inside flowing text.
+ * @param props - Component props (see {@link StreamingIndicatorProps}).
+ * @returns The rendered streaming indicator element.
+ */
+export declare function StreamingIndicator({ inline, label, startedAt, tokens, }: StreamingIndicatorProps): JSX.Element;
+export declare namespace StreamingIndicator {
+    var displayName: string;
+}
+//# sourceMappingURL=StreamingIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingIndicator.d.ts","sourceRoot":"","sources":["../../src/components/StreamingIndicator.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAuOhC,qGAAqG;AACrG,MAAM,WAAW,uBAAuB;IACtC,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,GACP,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAuHvC;yBA5He,kBAAkB"}

package/dist/components/StreamingIndicator.js

@@ -0,0 +1,142 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { t } from '@molecule/app-i18n';
+import { Tooltip } from '@molecule/app-ui-react/components/Tooltip.js';
+import { useNarrowViewport } from '../hooks/useViewport.js';
+// ---------------------------------------------------------------------------
+// Molecule spinner — inline SVG (3-phase atom-swapping animation)
+// ---------------------------------------------------------------------------
+const DUR = '1.5s';
+const EASE = '0.42 0 0.58 1';
+const LIN = '0 0 1 1';
+/**
+ * Animated molecule logo spinner (pure SVG, no external deps).
+ * @param props - Component props (see {@link StreamingIndicatorProps}).
+ * @returns The rendered SVG spinner element.
+ */
+function MolSpinner({ size = 16 }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 32 32", "aria-hidden": "true", style: { color: 'var(--mol-color-primary, #4070e0)', flexShrink: 0 }, children: _jsxs("g", { children: [_jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 16 16", to: "360 16 16", dur: "3s", repeatCount: "indefinite" }), _jsxs("g", { transform: "matrix(.86229 0 0 .86229 -.78879 2.2034)", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 10, strokeWidth: 2.4737, fill: "none", children: [_jsx("line", { x1: "16.494", x2: "8.563", y1: "16", y2: "16", children: _jsx("animate", { attributeName: "opacity", dur: DUR, repeatCount: "indefinite", values: "1;0;0;1;1", keyTimes: "0;0.033;0.167;0.217;1", calcMode: "spline", keySplines: [EASE, LIN, EASE, LIN].join(';') }) }), _jsx("line", { x1: "20.959", x2: "24.924", y1: "18.579", y2: "25.446", children: _jsx("animate", { attributeName: "opacity", dur: DUR, repeatCount: "indefinite", values: "1;1;0;0;1;1", keyTimes: "0;0.333;0.367;0.500;0.550;1", calcMode: "spline", keySplines: [LIN, EASE, LIN, EASE, LIN].join(';') }) }), _jsx("line", { x1: "20.959", x2: "24.924", y1: "13.422", y2: "6.555", children: _jsx("animate", { attributeName: "opacity", dur: DUR, repeatCount: "indefinite", values: "1;1;0;0;1;1", keyTimes: "0;0.667;0.700;0.833;0.883;1", calcMode: "spline", keySplines: [LIN, EASE, LIN, EASE, LIN].join(';') }) }), _jsx("circle", { cx: "19.47", cy: "16", r: "2.976", children: _jsx("animate", { attributeName: "cx", dur: DUR, repeatCount: "indefinite", values: "19.47;19.47;5.587;5.587", keyTimes: "0;0.033;0.167;1", calcMode: "spline", keySplines: [LIN, EASE, LIN].join(';') }) }), _jsxs("circle", { cx: "5.587", cy: "16", r: "2.976", children: [_jsx("animate", { attributeName: "cx", dur: DUR, repeatCount: "indefinite", values: "5.587;5.587;19.47;19.47;26.412;26.412", keyTimes: "0;0.033;0.167;0.367;0.500;1", calcMode: "spline", keySplines: [LIN, EASE, LIN, EASE, LIN].join(';') }), _jsx("animate", { attributeName: "cy", dur: DUR, repeatCount: "indefinite", values: "16;16;16;16;28.023;28.023", keyTimes: "0;0.033;0.167;0.367;0.500;1", calcMode: "spline", keySplines: [LIN, EASE, LIN, EASE, LIN].join(';') })] }), _jsxs("circle", { cx: "26.412", cy: "28.023", r: "2.976", children: [_jsx("animate", { attributeName: "cx", dur: DUR, repeatCount: "indefinite", values: "26.412;26.412;19.47;19.47;26.412;26.412", keyTimes: "0;0.367;0.500;0.700;0.833;1", calcMode: "spline", keySplines: [LIN, EASE, LIN, EASE, LIN].join(';') }), _jsx("animate", { attributeName: "cy", dur: DUR, repeatCount: "indefinite", values: "28.023;28.023;16;16;3.977;3.977", keyTimes: "0;0.367;0.500;0.700;0.833;1", calcMode: "spline", keySplines: [LIN, EASE, LIN, EASE, LIN].join(';') })] }), _jsxs("circle", { cx: "26.412", cy: "3.977", r: "2.976", children: [_jsx("animate", { attributeName: "cx", dur: DUR, repeatCount: "indefinite", values: "26.412;26.412;19.47;19.47", keyTimes: "0;0.700;0.833;1", calcMode: "spline", keySplines: [LIN, EASE, LIN].join(';') }), _jsx("animate", { attributeName: "cy", dur: DUR, repeatCount: "indefinite", values: "3.977;3.977;16;16", keyTimes: "0;0.700;0.833;1", calcMode: "spline", keySplines: [LIN, EASE, LIN].join(';') })] })] })] }) }));
+}
+// ---------------------------------------------------------------------------
+// Rotating status messages
+// ---------------------------------------------------------------------------
+// Molecule-themed status phrases. The agent, Synthase, is named after ATP synthase —
+// the enzyme that synthesizes the cell's energy — so the spinner rotates through a
+// biochemical reaction (synthesize → analyze structure → trace pathway → compose →
+// react → catalyze → bond → crystallize) instead of generic "Thinking…/Working…". It
+// reads with personality while still clearly signaling "actively working", and echoes
+// the preview overlay's themed phrases (PreviewPanel). The keys are unchanged so the
+// existing per-locale translations stay valid — the theme is an English flourish in
+// these defaults (the same convention the preview phrases use).
+const MESSAGES = [
+    { key: 'ide.chat.streaming.thinking', defaultValue: 'Synthesizing...' },
+    { key: 'ide.chat.streaming.analyzing', defaultValue: 'Analyzing the structure...' },
+    { key: 'ide.chat.streaming.reasoning', defaultValue: 'Tracing the pathway...' },
+    { key: 'ide.chat.streaming.crafting', defaultValue: 'Composing the response...' },
+    { key: 'ide.chat.streaming.working', defaultValue: 'Reacting to your request...' },
+    { key: 'ide.chat.streaming.processing', defaultValue: 'Catalyzing...' },
+    { key: 'ide.chat.streaming.connecting', defaultValue: 'Bonding the concepts...' },
+    { key: 'ide.chat.streaming.almostThere', defaultValue: 'Crystallizing the answer...' },
+];
+const ROTATE_INTERVAL_MS = 3000;
+/**
+ * Format elapsed milliseconds as `m:ss` (or `s.s` under 10s for liveliness).
+ * @param ms - Elapsed time in milliseconds.
+ * @returns The formatted elapsed string.
+ */
+function formatElapsed(ms) {
+    const totalSec = ms / 1000;
+    if (totalSec < 10)
+        return `${totalSec.toFixed(1)}s`;
+    const sec = Math.floor(totalSec);
+    return `${Math.floor(sec / 60)}:${String(sec % 60).padStart(2, '0')}`;
+}
+/**
+ * Format a token count compactly (e.g. 1234 → "1.2k").
+ * @param n - The token count.
+ * @returns The compact string.
+ */
+function formatTokens(n) {
+    if (n < 1000)
+        return String(n);
+    return `${(n / 1000).toFixed(1)}k`;
+}
+/**
+ * Minimum estimated tokens before the counter is shown. Below this the number
+ * is noise — e.g. a `set_mode` tool input is ~4 tokens, which looked silly
+ * flashing at the plan switch. Real generation crosses this within a fraction
+ * of a second, so the counter still appears effectively immediately.
+ */
+const MIN_TOKENS_SHOWN = 20;
+/**
+ * Animated streaming indicator with molecule spinner. Shows the real current
+ * activity (when `label` is passed) plus a live elapsed timer (when `startedAt`
+ * is passed); otherwise rotates generic status messages. Pass `inline` for a
+ * compact cursor replacement inside flowing text.
+ * @param props - Component props (see {@link StreamingIndicatorProps}).
+ * @returns The rendered streaming indicator element.
+ */
+export function StreamingIndicator({ inline, label, startedAt, tokens, }) {
+    const [msgIdx, setMsgIdx] = useState(0);
+    const [now, setNow] = useState(() => Date.now());
+    const isNarrow = useNarrowViewport();
+    // A real, non-empty label (current activity / verification step) takes over;
+    // otherwise rotate generic phrases. Guard on a TRIMMED non-empty string so the
+    // spinner is NEVER text-less — there should always be some signal of what's
+    // happening, even if it's just "Working on it…".
+    const hasLabel = label != null && label.trim() !== '';
+    useEffect(() => {
+        if (inline || hasLabel)
+            return;
+        const id = setInterval(() => {
+            setMsgIdx((prev) => (prev + 1) % MESSAGES.length);
+        }, ROTATE_INTERVAL_MS);
+        return () => clearInterval(id);
+    }, [inline, hasLabel]);
+    // Live elapsed time. Tick sub-second while the wait is short so the tenths
+    // are real (and it reads as actively working), then drop to once per second
+    // past 10s to bound re-renders on long turns.
+    const elapsedMs = startedAt !== undefined ? Math.max(0, now - startedAt) : 0;
+    const tickFast = startedAt !== undefined && elapsedMs < 10_000;
+    useEffect(() => {
+        if (inline || startedAt === undefined)
+            return;
+        const id = setInterval(() => setNow(Date.now()), tickFast ? 100 : 1000);
+        return () => clearInterval(id);
+    }, [inline, startedAt, tickFast]);
+    if (inline) {
+        return _jsx(MolSpinner, { size: 14 });
+    }
+    const generic = MESSAGES[msgIdx];
+    const text = hasLabel && label ? label : t(generic.key, undefined, { defaultValue: generic.defaultValue });
+    const elapsed = startedAt !== undefined ? formatElapsed(elapsedMs) : null;
+    return (_jsxs("div", { role: "status", "aria-label": text, style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '8px',
+            padding: '6px 0',
+            width: '100%',
+            minWidth: 0,
+        }, children: [_jsx(MolSpinner, { size: 16 }), _jsx("span", { style: {
+                    fontSize: '13px',
+                    opacity: 0.7,
+                    fontStyle: 'italic',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                }, children: text }), (elapsed || (!isNarrow && tokens != null && tokens >= MIN_TOKENS_SHOWN)) && (_jsxs("span", { style: {
+                    marginLeft: 'auto',
+                    display: 'inline-flex',
+                    alignItems: 'baseline',
+                    gap: '8px',
+                    fontSize: '13px',
+                    opacity: 0.7,
+                    fontVariantNumeric: 'tabular-nums',
+                    whiteSpace: 'nowrap',
+                    flexShrink: 0,
+                }, "aria-hidden": "true", children: [!isNarrow && tokens != null && tokens >= MIN_TOKENS_SHOWN && (_jsx(Tooltip, { content: t('ide.chat.streamingOutputTokensHint', undefined, {
+                            defaultValue: 'Estimated output tokens this turn — /cost shows input and cached.',
+                        }), placement: "top", children: _jsx("span", { children: t('ide.chat.streamingOutputTokens', { count: formatTokens(tokens) }, { defaultValue: '~{{count}} tokens' }) }) })), !isNarrow && tokens != null && tokens >= MIN_TOKENS_SHOWN && elapsed && _jsx("span", { children: "\u00B7" }), elapsed && _jsx("span", { children: elapsed })] }))] }));
+}
+StreamingIndicator.displayName = 'StreamingIndicator';
+//# sourceMappingURL=StreamingIndicator.js.map

package/dist/components/StreamingIndicator.js.map

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

package/dist/components/TabBar.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Horizontal scrollable editor tab bar.
+ *
+ * @module
+ */
+import type { JSX } from 'react';
+import type { TabBarProps } from '../types.js';
+/** Props for a single editor tab. */
+export interface TabItemProps {
+    path: string;
+    isDirty?: boolean;
+    isActive: boolean;
+    isPreview?: boolean;
+    isDiff?: boolean;
+    gitStatus?: string;
+    diagnostics?: {
+        errors: number;
+        warnings: number;
+    };
+    onSelect: (path: string) => void;
+    onClose: (path: string) => void;
+    onDoubleClick?: (path: string) => void;
+    statusColors: Record<string, string>;
+    diagnosticColors: Record<string, string>;
+    /** Touch-first device — taller tab (40px) + larger, always-visible close target. */
+    isCoarse: boolean;
+}
+/**
+ * Horizontally scrollable tab bar for open editor files.
+ * @param props - Component props (see {@link TabItemProps}).
+ * @returns The rendered tab bar element, or null if no tabs are open.
+ */
+export declare function TabBar({ tabs, activeFile, onSelect, onClose, onDoubleClick, fileStatuses, className, }: TabBarProps): JSX.Element | null;
+export declare namespace TabBar {
+    var displayName: string;
+}
+//# sourceMappingURL=TabBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../src/components/TabBar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAQhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAoF9C,qCAAqC;AACrC,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC,oFAAoF;IACpF,QAAQ,EAAE,OAAO,CAAA;CAClB;AAgJD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,OAAO,EACP,aAAa,EACb,YAAY,EACZ,SAAS,GACV,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAwDlC;yBAhEe,MAAM"}

package/dist/components/TabBar.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Horizontal scrollable editor tab bar.
+ *
+ * @module
+ */
+import { getIcon } from 'material-file-icons';
+import { useEffect, useRef, useState } from 'react';
+import { t } from '@molecule/app-i18n';
+import { useThemeMode } from '@molecule/app-react';
+import { getClassMap } from '@molecule/app-ui';
+import { useCoarsePointer } from '../hooks/useViewport.js';
+// ---------------------------------------------------------------------------
+// Status colors — dark/light variants for readability
+// ---------------------------------------------------------------------------
+const DARK_STATUS_COLORS = {
+    modified: '#e2c08d',
+    added: '#73c991',
+    untracked: '#73c991',
+    deleted: '#c74e39',
+};
+const LIGHT_STATUS_COLORS = {
+    modified: '#8a6010',
+    added: '#1a7030',
+    untracked: '#1a7030',
+    deleted: '#a03020',
+};
+const DARK_DIAGNOSTIC = {
+    error: '#f14c4c',
+    deleted: '#c74e39',
+    warning: '#cca700',
+};
+const LIGHT_DIAGNOSTIC = {
+    error: '#c02020',
+    deleted: '#a03020',
+    warning: '#806000',
+};
+/**
+ * Resolve filename color based on diagnostics (highest priority) then git status.
+ * @param statusColors - Map of git status names to CSS color values.
+ * @param diagnosticColors - Map of diagnostic severity to CSS color values.
+ * @param diagnostics - Diagnostic counts for the file.
+ * @param diagnostics.errors - Number of error-level diagnostics.
+ * @param diagnostics.warnings - Number of warning-level diagnostics.
+ * @param gitStatus - The git status string (e.g. "modified", "added").
+ * @returns The resolved CSS color string, or undefined for default color.
+ */
+function resolveFileColor(statusColors, diagnosticColors, diagnostics, gitStatus) {
+    if (diagnostics?.errors)
+        return diagnosticColors.error;
+    if (gitStatus === 'deleted')
+        return diagnosticColors.deleted;
+    if (diagnostics?.warnings)
+        return diagnosticColors.warning;
+    if (gitStatus)
+        return statusColors[gitStatus];
+    return undefined;
+}
+// ---------------------------------------------------------------------------
+// FileTypeIcon — mirrors the one in FileExplorer
+// ---------------------------------------------------------------------------
+/**
+ * File type icon resolved from material-file-icons.
+ * @param props - Component props (see {@link TabItemProps}).
+ * @returns The rendered file type icon element.
+ */
+function FileTypeIcon({ name }) {
+    const { svg } = getIcon(name);
+    return (_jsx("span", { style: {
+            display: 'inline-block',
+            width: '14px',
+            height: '14px',
+            flexShrink: 0,
+            verticalAlign: 'middle',
+        }, dangerouslySetInnerHTML: { __html: svg } }));
+}
+/**
+ * Individual tab item with hover-gated close button and status coloring.
+ * @param props - Component props (see {@link TabItemProps}).
+ * @returns The rendered tab item element.
+ */
+function TabItem({ path, isDirty, isActive, isPreview, isDiff, gitStatus, diagnostics, onSelect, onClose, onDoubleClick, statusColors, diagnosticColors, isCoarse, }) {
+    const cm = getClassMap();
+    const [isHovered, setIsHovered] = useState(false);
+    const fileName = path.split('/').pop() || path;
+    const fileColor = resolveFileColor(statusColors, diagnosticColors, diagnostics, gitStatus);
+    // For diff tabs, suppress the single-click during a double-click so that
+    // setActiveTab (which destroys the diff) doesn't fire before onDoubleClick.
+    const clickTimerRef = useRef(null);
+    const handleClick = isDiff
+        ? () => {
+            // Delay single-click; cancel if double-click fires first
+            clickTimerRef.current = setTimeout(() => {
+                clickTimerRef.current = null;
+                onSelect(path);
+            }, 250);
+        }
+        : () => onSelect(path);
+    const handleDoubleClick = isDiff
+        ? () => {
+            if (clickTimerRef.current) {
+                clearTimeout(clickTimerRef.current);
+                clickTimerRef.current = null;
+            }
+            onDoubleClick?.(path);
+        }
+        : () => onDoubleClick?.(path);
+    return (_jsxs("div", { role: "tab", title: path, tabIndex: 0, "aria-selected": isActive, onClick: handleClick, onDoubleClick: handleDoubleClick, onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ')
+                onSelect(path);
+        }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), 
+        // 40px tall on touch-first devices — the WCAG-acceptable floor for a dense
+        // toolbar row; 32px compact height on pointer devices (unchanged).
+        style: { userSelect: 'none', height: isCoarse ? '40px' : '32px' }, className: cm.cn(cm.flex({ direction: 'row', align: 'center', gap: 'xs' }), cm.sp('px', 3), cm.textSize('sm'), cm.shrink0, cm.cursorPointer, cm.borderR, isActive && cm.surface, isActive && cm.borderBPrimary), children: [_jsx(FileTypeIcon, { name: fileName }), _jsxs("span", { style: {
+                    fontStyle: isPreview ? 'italic' : undefined,
+                    color: fileColor,
+                    textDecoration: gitStatus === 'deleted' ? 'line-through' : undefined,
+                }, children: [fileName, isDirty && _jsxs("span", { className: cm.textWarning, children: [" ", '\u2022'] })] }), _jsx("button", { type: "button", onClick: (e) => {
+                    e.stopPropagation();
+                    onClose(path);
+                }, onMouseEnter: (e) => {
+                    e.currentTarget.style.background = 'rgba(128,128,128,0.25)';
+                    e.currentTarget.style.color = 'var(--color-foreground, #e0e0e0)';
+                }, onMouseLeave: (e) => {
+                    e.currentTarget.style.background = 'transparent';
+                    e.currentTarget.style.color = '';
+                }, className: cm.cn(cm.textMuted, cm.textSize('xs'), cm.cursorPointer), style: {
+                    // Square button (equal width/height) with the glyph centered on both
+                    // axes — no asymmetric padding, so the ✕ sits dead-center in the tab.
+                    // Touch-first devices get a 32px hit area (hover-reveal doesn't exist
+                    // there, so the close is also always visible, dimmed).
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    flexShrink: 0,
+                    width: isCoarse ? '32px' : '16px',
+                    height: isCoarse ? '32px' : '16px',
+                    border: 'none',
+                    padding: 0,
+                    background: 'transparent',
+                    lineHeight: 1,
+                    borderRadius: '3px',
+                    marginLeft: '4px',
+                    marginRight: isCoarse ? '-8px' : '-4px',
+                    opacity: isHovered ? 1 : isCoarse ? 0.6 : 0,
+                    transition: 'opacity 100ms, background 80ms, color 80ms',
+                }, "aria-label": t('ide.tabs.close', { fileName }), children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 3l10 10M13 3L3 13", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) }) })] }));
+}
+// ---------------------------------------------------------------------------
+// TabBar
+// ---------------------------------------------------------------------------
+/**
+ * Horizontally scrollable tab bar for open editor files.
+ * @param props - Component props (see {@link TabItemProps}).
+ * @returns The rendered tab bar element, or null if no tabs are open.
+ */
+export function TabBar({ tabs, activeFile, onSelect, onClose, onDoubleClick, fileStatuses, className, }) {
+    const cm = getClassMap();
+    const isLight = useThemeMode() === 'light';
+    const isCoarse = useCoarsePointer();
+    const statusColors = isLight ? LIGHT_STATUS_COLORS : DARK_STATUS_COLORS;
+    const diagnosticColors = isLight ? LIGHT_DIAGNOSTIC : DARK_DIAGNOSTIC;
+    const scrollRef = useRef(null);
+    // Scroll the active tab into view whenever it changes
+    useEffect(() => {
+        if (!scrollRef.current || !activeFile)
+            return;
+        const el = scrollRef.current.querySelector('[aria-selected="true"]');
+        el?.scrollIntoView({ behavior: 'smooth', inline: 'nearest', block: 'nearest' });
+    }, [activeFile]);
+    if (tabs.length === 0)
+        return null;
+    return (_jsx("div", { className: cm.cn(cm.shrink0, cm.surfaceSecondary, cm.borderB, className), children: _jsx("div", { ref: scrollRef, className: cm.flex({ direction: 'row', align: 'center' }), style: {
+                overflowX: 'auto',
+                scrollbarWidth: 'none',
+                height: isCoarse ? '40px' : '32px',
+                // Momentum scrolling on legacy iOS; keep a horizontal fling on the tab
+                // strip from turning into browser back/forward navigation.
+                WebkitOverflowScrolling: 'touch',
+                overscrollBehaviorX: 'contain',
+            }, role: "tablist", children: tabs.map((tab) => (_jsx(TabItem, { path: tab.path, isDirty: tab.isDirty, isActive: tab.path === activeFile, isPreview: tab.isPreview, isDiff: tab.isDiff, gitStatus: fileStatuses?.[tab.path], 
+                // Diff tabs show historical content — error/warning coloring from the
+                // live file's diagnostics would misread as "the diff has errors".
+                diagnostics: tab.isDiff ? undefined : tab.diagnostics, onSelect: onSelect, onClose: onClose, onDoubleClick: onDoubleClick, statusColors: statusColors, diagnosticColors: diagnosticColors, isCoarse: isCoarse }, tab.path))) }) }));
+}
+TabBar.displayName = 'TabBar';
+//# sourceMappingURL=TabBar.js.map

package/dist/components/TabBar.js.map

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

package/dist/components/TipCard.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Auto-tip card.
+ *
+ * A dismissable, non-interrupting info card surfaced on a fresh conversation
+ * and periodically thereafter. It is NOT a chat message — it never triggers the
+ * model and never blocks the input. The user can dismiss it with the close
+ * button.
+ *
+ * @module
+ */
+import type { JSX } from 'react';
+/**
+ * Renders a single dismissable onboarding tip.
+ *
+ * @param props - Component props.
+ * @returns The rendered tip card.
+ */
+export declare function TipCard({ text, onDismiss }: {
+    text: string;
+    onDismiss: () => void;
+}): JSX.Element;
+//# sourceMappingURL=TipCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TipCard.d.ts","sourceRoot":"","sources":["../../src/components/TipCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAiB,GAAG,EAAa,MAAM,OAAO,CAAA;AAyC1D;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAuEjG"}

package/dist/components/TipCard.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from '@molecule/app-i18n';
+import { getClassMap } from '@molecule/app-ui';
+import { CHAT_CARD_ICON_SIZE, chatCardStyle } from './chat-card-style.js';
+import { Icon } from './Icon.js';
+/** Inline monospace code style for command/`@file` tokens in a tip (mvp #10). */
+const TIP_CODE_STYLE = {
+    fontFamily: 'var(--mol-font-mono, monospace)',
+    fontSize: '0.92em',
+    padding: '1px 5px',
+    borderRadius: 4,
+    background: 'rgba(128,128,128,0.16)',
+    border: '1px solid rgba(128,128,128,0.18)',
+    whiteSpace: 'nowrap',
+};
+/** Matches a slash-command or `@file` token (`/plan`, `@filename`, or a bare `/` or `@`). */
+const TIP_TOKEN_RE = /([@/][\w-]*)/g;
+/**
+ * Render tip text with command / `@file` tokens as inline monospace code so they
+ * stand out (mvp #10) — e.g. "type `/` to browse, or `@filename` to attach".
+ *
+ * @param text - The (already-localized) tip text.
+ * @returns The text split into plain spans + monospace code tokens.
+ */
+function renderTipText(text) {
+    return text.split(TIP_TOKEN_RE).map((part, i) => part && /^[@/]/.test(part) ? (_jsx("code", { style: TIP_CODE_STYLE, children: part }, i)) : (_jsx("span", { children: part }, i)));
+}
+/**
+ * Renders a single dismissable onboarding tip.
+ *
+ * @param props - Component props.
+ * @returns The rendered tip card.
+ */
+export function TipCard({ text, onDismiss }) {
+    const cm = getClassMap();
+    return (_jsxs("div", { "data-mol-id": "chat-tip-card", className: cm.cn(cm.textSize('xs'), cm.textMuted), style: {
+            display: 'flex',
+            alignItems: 'flex-start',
+            gap: 8,
+            // One chat-timeline rhythm: bottom margin only, never a top margin (matches
+            // ChatPanel's TIMELINE_ITEM_GAP so adjacent items never collide — P4-05).
+            marginBottom: 16,
+            // Shared card chrome: subtle primary tint + a uniform 1px border on all
+            // sides. One source of truth with the other chat info cards (chat-card-style).
+            ...chatCardStyle(),
+            lineHeight: 1.5,
+        }, children: [_jsx(Icon, { name: "lightbulb", size: CHAT_CARD_ICON_SIZE, "aria-hidden": "true", style: {
+                    flexShrink: 0,
+                    marginTop: 1,
+                    color: 'var(--mol-color-primary, #6366f1)',
+                } }), _jsx("span", { style: { flex: 1 }, children: renderTipText(text) }), _jsx("button", { type: "button", "data-mol-id": "chat-tip-dismiss", onClick: onDismiss, "aria-label": t('ide.chat.tip.dismiss', undefined, { defaultValue: 'Dismiss tip' }), title: t('ide.chat.tip.dismiss', undefined, { defaultValue: 'Dismiss tip' }), style: {
+                    flexShrink: 0,
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    width: 18,
+                    height: 18,
+                    borderRadius: 4,
+                    border: 'none',
+                    background: 'transparent',
+                    color: 'inherit',
+                    cursor: 'pointer',
+                    opacity: 0.6,
+                    transition: 'opacity 100ms, background 100ms',
+                }, onMouseEnter: (e) => {
+                    e.currentTarget.style.opacity = '1';
+                    e.currentTarget.style.background = 'rgba(128,128,128,0.2)';
+                }, onMouseLeave: (e) => {
+                    e.currentTarget.style.opacity = '0.6';
+                    e.currentTarget.style.background = 'transparent';
+                }, children: _jsx("svg", { width: "11", height: "11", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 3l10 10M13 3L3 13", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) }) })] }));
+}
+//# sourceMappingURL=TipCard.js.map

package/dist/components/TipCard.js.map

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

package/dist/components/ToolCallCard.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Tool call display row — compact, Claude Code-style.
+ *
+ * Shows a colored status dot, a human-readable action label, and a
+ * one-line result summary. Expands on click to reveal formatted IN / OUT
+ * sections: diffs for file edits, terminal output for commands, etc.
+ *
+ * @module
+ */
+import type { JSX } from 'react';
+import type { ToolCallCardProps } from '../types.js';
+/**
+ * Compact tool-call row with status dot, label, summary, and expandable detail pane.
+ * @param props - Component props.
+ * @returns The rendered tool call card element.
+ */
+export declare const ToolCallCard: import("react").MemoExoticComponent<({ id, name, input, output, status, fileDiff, isUndone: isUndoneProp, onUndoToggle, onFileOpen, onFileDoubleClick, onFileDiff, onFileRevert, onAskUserResponse, className, }: ToolCallCardProps) => JSX.Element | null>;
+//# sourceMappingURL=ToolCallCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCallCard.d.ts","sourceRoot":"","sources":["../../src/components/ToolCallCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,OAAO,CAAA;AAQ3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAklBpD;;;;GAIG;AACH,eAAO,MAAM,YAAY,oNAetB,iBAAiB,KAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAyvBvC,CAAA"}