@molecule/app-ide-react 1.0.0

package/dist/components/ModelsTable.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { formatTokenCount, PROVIDER_BRAND_COLORS } from '@molecule/app-ai-models';
+import { t } from '@molecule/app-i18n';
+import { getClassMap } from '@molecule/app-ui';
+import { Tooltip } from '@molecule/app-ui-react/components/Tooltip.js';
+import { modelTotalCost, sortModels } from './chat-models-utilities.js';
+import { Icon } from './Icon.js';
+/**
+ * Picks the SVG sort glyph for a header: the neutral `chevrons-up-down` when the
+ * column is not the active sort, or a single up/down chevron matching the active
+ * direction. Keeps one consistent icon family across every header.
+ *
+ * @param active - Whether this column is the current sort column.
+ * @param direction - The current sort direction (only meaningful when `active`).
+ * @returns The icon-set glyph name to render.
+ */
+function sortGlyph(active, direction) {
+    if (!active)
+        return 'chevrons-up-down';
+    return direction === 'asc' ? 'chevron-up' : 'chevron-down';
+}
+/**
+ * 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 function ModelsTable({ models, currentModelId, isLight, }) {
+    const cm = getClassMap();
+    const [sort, setSort] = useState({
+        column: 'name',
+        direction: 'asc',
+    });
+    const sorted = useMemo(() => sortModels(models, sort.column, sort.direction), [models, sort.column, sort.direction]);
+    const columns = [
+        { key: 'name', label: t('ide.chat.models.colName', undefined, { defaultValue: 'Model' }) },
+        {
+            key: 'context',
+            label: t('ide.chat.models.colContext', undefined, { defaultValue: 'Context' }),
+        },
+        {
+            key: 'cost',
+            label: t('ide.chat.models.colCost', undefined, { defaultValue: 'Cost / 1M' }),
+        },
+        {
+            key: 'cutoff',
+            label: t('ide.chat.models.colCutoff', undefined, { defaultValue: 'Cutoff' }),
+        },
+        { key: 'free', label: t('ide.chat.models.colFree', undefined, { defaultValue: 'Free' }) },
+    ];
+    const freeHighlightBg = isLight ? 'rgba(34,197,94,0.10)' : 'rgba(34,197,94,0.14)';
+    const freeBadgeFg = isLight ? 'rgb(21,128,61)' : 'rgb(74,222,128)';
+    const cellPad = cm.sp('px', 2);
+    const cellPadY = cm.sp('py', 1);
+    return (_jsx("div", { "data-mol-id": "models-table", className: cm.cn(cm.surfaceSecondary, cm.textSize('xs')), style: {
+            margin: '6px 0',
+            borderRadius: 6,
+            overflowX: 'auto',
+        }, children: _jsxs("table", { style: { width: '100%', borderCollapse: 'collapse', textAlign: 'left' }, children: [_jsx("thead", { children: _jsx("tr", { children: columns.map((col) => {
+                            const active = sort.column === col.key;
+                            return (_jsx("th", { className: cm.cn(cellPad, cellPadY, cm.fontWeight('medium')), style: { whiteSpace: 'nowrap' }, children: _jsxs("button", { type: "button", "data-mol-id": `models-sort-${col.key}`, "aria-label": t('ide.chat.models.sortBy', { column: col.label }, { defaultValue: 'Sort by {{column}}' }), onClick: () => setSort((prev) => prev.column === col.key
+                                        ? {
+                                            column: col.key,
+                                            direction: prev.direction === 'asc' ? 'desc' : 'asc',
+                                        }
+                                        : { column: col.key, direction: 'asc' }), className: cm.cn(cm.fontWeight('medium'), active ? undefined : cm.textMuted), style: {
+                                        display: 'inline-flex',
+                                        alignItems: 'center',
+                                        gap: 3,
+                                        background: 'none',
+                                        border: 'none',
+                                        cursor: 'pointer',
+                                        color: active ? 'var(--color-primary)' : 'inherit',
+                                        font: 'inherit',
+                                        padding: 0,
+                                    }, children: [col.label, _jsx(Icon, { name: sortGlyph(active, sort.direction), size: 12, "aria-hidden": "true", "data-mol-id": `models-sort-glyph-${col.key}`, style: { flexShrink: 0, opacity: active ? 1 : 0.6 } })] }) }, col.key));
+                        }) }) }), _jsx("tbody", { children: sorted.map((model) => {
+                        const accent = PROVIDER_BRAND_COLORS[model.provider] ?? '#888';
+                        const isCurrent = model.id === currentModelId;
+                        return (_jsxs("tr", { className: cm.borderT, style: model.freeTier ? { background: freeHighlightBg } : undefined, children: [_jsxs("td", { className: cm.cn(cellPad, cellPadY), style: { borderLeft: `3px solid ${accent}` }, children: [_jsx("span", { className: cm.fontWeight('medium'), children: model.label }), ' ', _jsx("span", { className: cm.textMuted, style: { fontSize: 10 }, children: model.provider }), isCurrent && (_jsx("span", { className: cm.textMuted, style: {
+                                                marginLeft: 4,
+                                                fontSize: 10,
+                                                background: 'rgba(128,128,128,0.2)',
+                                                padding: '0 4px',
+                                                borderRadius: 3,
+                                            }, children: t('ide.chat.currentBadge', undefined, { defaultValue: 'current' }) }))] }), _jsx("td", { className: cm.cn(cellPad, cellPadY), style: { whiteSpace: 'nowrap' }, children: formatTokenCount(model.contextWindow) }), _jsx("td", { className: cm.cn(cellPad, cellPadY), style: { whiteSpace: 'nowrap' }, children: _jsx(Tooltip, { content: t('ide.chat.models.costBreakdown', {
+                                            input: model.inputPricePerMTok.toFixed(2),
+                                            output: model.outputPricePerMTok.toFixed(2),
+                                        }, { defaultValue: 'Input ${{input}} + output ${{output}} per 1M tokens' }), placement: "top", children: _jsxs("span", { "data-mol-id": `models-cost-${model.id}`, children: ["$", modelTotalCost(model).toFixed(2)] }) }) }), _jsx("td", { className: cm.cn(cellPad, cellPadY), style: { whiteSpace: 'nowrap' }, children: model.knowledgeCutoff }), _jsx("td", { className: cm.cn(cellPad, cellPadY), children: model.freeTier ? (_jsx("span", { style: { color: freeBadgeFg, fontWeight: 600 }, children: t('ide.chat.models.freeYes', undefined, { defaultValue: '✓ Free' }) })) : (_jsx("span", { className: cm.textMuted, children: t('ide.chat.models.freeNo', undefined, { defaultValue: '—' }) })) })] }, model.id));
+                    }) })] }) }));
+}
+//# sourceMappingURL=ModelsTable.js.map

package/dist/components/ModelsTable.js.map

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

package/dist/components/PreviewPanel.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Live preview panel with iframe and device frame selection.
+ *
+ * Two states:
+ * 1. "Loading preview" — polling until the first successful fetch
+ * 2. "Loading preview" — server was up before but fetch is now failing
+ *
+ * The iframe is always mounted (behind the overlay) once we have a URL. The overlay REVEAL is
+ * driven by TWO regimes, keyed on whether this load target has rendered before this session
+ * (`hasEverRendered`):
+ *  - FIRST cold boot (never rendered yet): reveal ONLY on the `molecule:ready` handshake. A fresh
+ *    project's cold Vite server can take many seconds to pre-bundle deps + compile the app before
+ *    React mounts; `onLoad` fires on the shell HTML long BEFORE that, so revealing on `onLoad`
+ *    here would flash a white, still-compiling iframe and then let a naive timer falsely accuse it
+ *    of being "blank"/"unable to load" (with an "Open in new tab" button) — the exact reason a
+ *    fresh preview "wouldn't load until I opened it in a new tab and refreshed the IDE". Instead we
+ *    keep an honest "Starting your app…" overlay until the scaffold's inline bridge posts
+ *    `molecule:ready` the instant #root mounts (reliable — verified to fire even while the overlay
+ *    occludes the cross-origin iframe; the old "rAF frozen under occlusion" deadlock was actually
+ *    the overlay's `backdrop-filter` freezing the whole renderer, since removed).
+ *  - RELOAD of an app that already rendered (`hasEverRendered`): reveal on `onLoad` (+ a short
+ *    grace) as a flash-free fast path, with `molecule:ready` faster still.
+ * A genuinely blank/broken app is surfaced by the app's OWN signals — an explicit `molecule:blank`,
+ * a crash, a dead (no-heartbeat) document, or an alive-but-never-mounts backstop — never by a
+ * timer that can't tell "still cold-compiling" from "rendered nothing".
+ *
+ * Recovery features:
+ * - Never-give-up polling with exponential backoff, single-chain (epoch-guarded +
+ *   AbortController) so leaked poll chains can't starve the preview's connections
+ * - onLoad grace fallback: clears the overlay when the document loaded but the
+ *   ready handshake never came (and no crash fired)
+ * - Stuck-load detection: gated on the document NOT having loaded (so it never
+ *   interrupts a progressing load), backs off, and is CAPPED — after the cap it
+ *   stops thrashing and shows a themed "Preview can't load here" loop-breaker
+ *   panel (Reload + Open in new tab) instead of remounting forever
+ * - Last-good-frame: stores the sandbox's `molecule:snapshot` data-URL and shows
+ *   it blurred behind the overlay while the app is rebuilding / blank
+ * - Pre-render error forwarding: module/import errors sent to the agent for auto-fix
+ * - Freeze watchdog: the scaffold heartbeats every ~3s; if its thread locks up the
+ *   beats stop, so we surface a reload banner (the IDE stays responsive because the
+ *   preview origin is isolated via Origin-Agent-Cluster)
+ * - Blank page detection: catches pages that render but show nothing
+ * - Wake patience: when the preview server restarts (detected by the load-target URL
+ *   changing — a wake always reassigns the sandbox's docker port — or the host's `wakeAt`
+ *   hint), the fast blank accusations stand down and the patient cold-boot regime governs
+ *   for WAKE_PATIENCE_MS: a post-wake reload that renders nothing for a while is expected,
+ *   not blank; only the generous never-rendered ceiling may accuse
+ * - Trust boundary: inbound `molecule:*` postMessages are accepted only from the
+ *   preview iframe's own window (`event.source === iframe.contentWindow`) — a window-
+ *   identity check, robust to origin-string divergence (Origin-Agent-Cluster, IP host,
+ *   cache-buster, redirect) and unforgeable by any other window
+ *
+ * @module
+ */
+import { type JSX } from 'react';
+import type { PreviewPanelProps } from '../types.js';
+/**
+ * Live preview panel with iframe, device frame selector, and URL bar.
+ * @param props - Component props.
+ * @returns The rendered preview panel element.
+ */
+export declare function PreviewPanel({ loadingIndicator, restartingIndicator, className, onPreviewError, onPreviewStuck, onRenderState, uiCommand, onUiResult, fileChangeTick, buildingHint, isBuilding, wakeAt, }: PreviewPanelProps): JSX.Element;
+export declare namespace PreviewPanel {
+    var displayName: string;
+}
+//# sourceMappingURL=PreviewPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPanel.d.ts","sourceRoot":"","sources":["../../src/components/PreviewPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA4C,MAAM,OAAO,CAAA;AAW1E,OAAO,KAAK,EAAE,iBAAiB,EAAuC,MAAM,aAAa,CAAA;AA8NzF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,gBAAgB,EAChB,mBAAmB,EACnB,SAAS,EACT,cAAc,EACd,cAAc,EACd,aAAa,EACb,SAAS,EACT,UAAU,EACV,cAAc,EACd,YAAY,EACZ,UAAU,EACV,MAAM,GACP,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA+lDjC;yBA5mDe,YAAY"}