@contentful/experience-design-system-cli 2.26.1-dev-build-a852362.0 → 2.26.1-dev-build-f03f014.0

package/dist/src/analyze/select/tui/components/JsonEditor.js

@@ -1,131 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { PALETTE } from '../theme.js';
-import { Box, Text } from 'ink';
-import { useUndo } from '../hooks/useUndo.js';
-import { useImmediateInput } from '../hooks/useImmediateInput.js';
-export function JsonEditor({ value, width, height, onSave, onDiscard }) {
-    const undo = useUndo({
-        lines: value.split('\n'),
-        cursorRow: 0,
-        cursorCol: 0,
-    });
-    const [scrollRow, setScrollRow] = useState(0);
-    const [validationError, setValidationError] = useState(null);
-    const { lines, cursorRow, cursorCol } = undo.current;
-    const scrollCol = 0;
-    let effectiveScrollRow = scrollRow;
-    if (cursorRow < scrollRow)
-        effectiveScrollRow = cursorRow;
-    if (cursorRow >= scrollRow + height)
-        effectiveScrollRow = cursorRow - height + 1;
-    if (effectiveScrollRow !== scrollRow)
-        setScrollRow(effectiveScrollRow);
-    useImmediateInput((input, key) => {
-        const currentLines = undo.current.lines;
-        const currentRow = undo.current.cursorRow;
-        const currentCol = undo.current.cursorCol;
-        if (key.ctrl && input === 's') {
-            const text = currentLines.join('\n');
-            try {
-                JSON.parse(text);
-                setValidationError(null);
-                onSave(text);
-            }
-            catch (e) {
-                setValidationError(e instanceof Error ? e.message : String(e));
-            }
-            return;
-        }
-        if (key.escape) {
-            onDiscard();
-            return;
-        }
-        if (key.ctrl && input === 'z') {
-            undo.undo();
-            return;
-        }
-        let newLines = [...currentLines];
-        let newRow = currentRow;
-        let newCol = currentCol;
-        if (key.return) {
-            const before = newLines[currentRow].slice(0, currentCol);
-            const after = newLines[currentRow].slice(currentCol);
-            newLines = [...newLines.slice(0, currentRow), before, after, ...newLines.slice(currentRow + 1)];
-            newRow = currentRow + 1;
-            newCol = 0;
-        }
-        else if (key.backspace) {
-            if (currentCol > 0) {
-                newLines[currentRow] = newLines[currentRow].slice(0, currentCol - 1) + newLines[currentRow].slice(currentCol);
-                newCol = currentCol - 1;
-            }
-            else if (currentRow > 0) {
-                const prevLen = newLines[currentRow - 1].length;
-                newLines[currentRow - 1] = newLines[currentRow - 1] + newLines[currentRow];
-                newLines = [...newLines.slice(0, currentRow), ...newLines.slice(currentRow + 1)];
-                newRow = currentRow - 1;
-                newCol = prevLen;
-            }
-        }
-        else if (key.delete) {
-            if (currentCol < newLines[currentRow].length) {
-                newLines[currentRow] = newLines[currentRow].slice(0, currentCol) + newLines[currentRow].slice(currentCol + 1);
-            }
-            else if (currentRow < newLines.length - 1) {
-                newLines[currentRow] = newLines[currentRow] + newLines[currentRow + 1];
-                newLines = [...newLines.slice(0, currentRow + 1), ...newLines.slice(currentRow + 2)];
-            }
-        }
-        else if (key.leftArrow) {
-            if (currentCol > 0)
-                newCol = currentCol - 1;
-            else if (currentRow > 0) {
-                newRow = currentRow - 1;
-                newCol = newLines[currentRow - 1].length;
-            }
-        }
-        else if (key.rightArrow) {
-            if (currentCol < newLines[currentRow].length)
-                newCol = currentCol + 1;
-            else if (currentRow < newLines.length - 1) {
-                newRow = currentRow + 1;
-                newCol = 0;
-            }
-        }
-        else if (key.upArrow) {
-            if (currentRow > 0) {
-                newRow = currentRow - 1;
-                newCol = Math.min(currentCol, newLines[currentRow - 1].length);
-            }
-        }
-        else if (key.downArrow) {
-            if (currentRow < newLines.length - 1) {
-                newRow = currentRow + 1;
-                newCol = Math.min(currentCol, newLines[currentRow + 1].length);
-            }
-        }
-        else if (input && input.length === 1 && !key.ctrl && !key.meta) {
-            newLines[currentRow] =
-                newLines[currentRow].slice(0, currentCol) + input + newLines[currentRow].slice(currentCol);
-            newCol = currentCol + 1;
-        }
-        else {
-            return;
-        }
-        undo.push({ lines: newLines, cursorRow: newRow, cursorCol: newCol });
-    });
-    const innerWidth = Math.max(1, width - 2);
-    const visibleLines = lines.slice(effectiveScrollRow, effectiveScrollRow + height);
-    return (_jsxs(Box, { flexDirection: "column", width: width, borderStyle: "single", borderColor: PALETTE.inverse, children: [_jsx(Text, { bold: true, children: 'EDIT [EDITING — Ctrl+S save · Esc discard]' }), visibleLines.map((line, displayRow) => {
-                const actualRow = displayRow + effectiveScrollRow;
-                const displayLine = line.slice(scrollCol, scrollCol + innerWidth);
-                if (actualRow === cursorRow) {
-                    const beforeCursor = displayLine.slice(0, cursorCol - scrollCol);
-                    const cursorChar = displayLine[cursorCol - scrollCol] ?? ' ';
-                    const afterCursor = displayLine.slice(cursorCol - scrollCol + 1);
-                    return (_jsxs(Box, { children: [_jsx(Text, { children: beforeCursor }), _jsx(Text, { inverse: true, children: cursorChar }), _jsx(Text, { children: afterCursor })] }, displayRow));
-                }
-                return _jsx(Text, { children: displayLine }, displayRow);
-            }), validationError && _jsx(Text, { color: PALETTE.error, children: '✗ Invalid JSON: ' + validationError })] }));
-}

package/dist/src/analyze/select/tui/components/JsonPanel.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-function highlightJson(line) {
-    // Simple regex-based syntax highlighting
-    const parts = [];
-    let remaining = line;
-    while (remaining.length > 0) {
-        // Object key: "key":
-        const keyMatch = remaining.match(/^("(?:[^"\\]|\\.)*"\s*:)/);
-        if (keyMatch) {
-            parts.push({ text: keyMatch[1], color: 'cyan' });
-            remaining = remaining.slice(keyMatch[1].length);
-            continue;
-        }
-        // String value
-        const strMatch = remaining.match(/^("(?:[^"\\]|\\.)*")/);
-        if (strMatch) {
-            parts.push({ text: strMatch[1], color: 'green' });
-            remaining = remaining.slice(strMatch[1].length);
-            continue;
-        }
-        // Number
-        const numMatch = remaining.match(/^(-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)/);
-        if (numMatch) {
-            parts.push({ text: numMatch[1], color: 'yellow' });
-            remaining = remaining.slice(numMatch[1].length);
-            continue;
-        }
-        // Boolean
-        const boolMatch = remaining.match(/^(true|false)/);
-        if (boolMatch) {
-            parts.push({ text: boolMatch[1], color: 'magenta' });
-            remaining = remaining.slice(boolMatch[1].length);
-            continue;
-        }
-        // Null
-        const nullMatch = remaining.match(/^(null)/);
-        if (nullMatch) {
-            parts.push({ text: nullMatch[1], color: 'red', dim: true });
-            remaining = remaining.slice(nullMatch[1].length);
-            continue;
-        }
-        // Take one character as-is (punctuation, whitespace, etc.)
-        parts.push({ text: remaining[0] });
-        remaining = remaining.slice(1);
-    }
-    return (_jsx(_Fragment, { children: parts.map((part, i) => (_jsx(Text, { color: part.color, dimColor: part.dim, children: part.text }, i))) }));
-}
-function truncateLine(line, maxWidth) {
-    if (line.length <= maxWidth)
-        return line;
-    return line.slice(0, maxWidth - 1) + '…';
-}
-export function JsonPanel({ label, value, scrollOffset, width, height, active }) {
-    const allLines = value.split('\n');
-    const visibleLines = allLines.slice(scrollOffset, scrollOffset + height);
-    const innerWidth = Math.max(1, width - 2); // subtract border
-    const totalLines = allLines.length;
-    const truncated = totalLines > height;
-    const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
-    const visibleEnd = Math.min(totalLines, scrollOffset + height);
-    return (_jsxs(Box, { flexDirection: "column", width: width, height: height + 2, borderStyle: "single", borderColor: active ? 'white' : undefined, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, dimColor: !active, children: label }), truncated && (_jsxs(_Fragment, { children: [_jsx(Box, { flexGrow: 1 }), _jsx(Text, { dimColor: !active, children: `↕ ${visibleStart}-${visibleEnd}/${totalLines}` })] }))] }), visibleLines.map((line, i) => {
-                const truncated = truncateLine(line, innerWidth);
-                return _jsx(Box, { children: highlightJson(truncated) }, i);
-            })] }));
-}

package/dist/src/analyze/select/tui/components/LineagePanel.js

@@ -1,22 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { PALETTE } from '../theme.js';
-import { Text } from 'ink';
-import { GotoBanner } from './GotoBanner.js';
-const LINEAGE_FOOTER_HINT = '[↑/↓] move · [Enter] jump · [l/Esc] close';
-export function LineagePanel({ focusedComponentKey, entries, cursor, jumpables, maxRows, width, }) {
-    const rows = entries.map((e) => ({
-        label: e.label,
-        jumpTarget: e.kind === 'ancestor' || e.kind === 'descendant' ? e.jumpTarget : '',
-        kind: e.kind,
-    }));
-    const cursorRowIndex = jumpables[cursor]?.i ?? 0;
-    return (_jsx(GotoBanner, { title: `Lineage: ${focusedComponentKey}`, rows: rows, cursor: cursor, cursorRowIndex: cursorRowIndex, maxRows: maxRows, width: width, footerHint: LINEAGE_FOOTER_HINT, renderRow: (row, i, isCursor) => {
-            if (row.kind === 'section') {
-                return (_jsxs(Text, { bold: true, children: ['  ', row.label] }, i));
-            }
-            if (row.kind === 'empty') {
-                return (_jsxs(Text, { children: [_jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: ' ' + row.label })] }, i));
-            }
-            return (_jsxs(Text, { children: [isCursor ? (_jsx(Text, { color: PALETTE.info, bold: true, children: '▶' })) : (_jsx(Text, { children: " " })), _jsx(Text, { inverse: isCursor, children: ' ' + row.label })] }, i));
-        } }));
-}

package/dist/src/analyze/select/tui/components/PreviewSummaryBar.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-export function PreviewSummaryBar({ preview, loading }) {
-    if (!preview && !loading) {
-        return _jsx(Box, {});
-    }
-    if (loading && !preview) {
-        return (_jsx(Box, { gap: 1, children: _jsx(Text, { dimColor: true, children: "\u21BB Loading preview..." }) }));
-    }
-    const comp = preview.components;
-    const tok = preview.tokens;
-    const parts = [];
-    const newCount = comp.new.length + tok.new.length;
-    const changedCount = comp.changed.length + tok.changed.length;
-    const removedCount = comp.removed.length + tok.removed.length;
-    const unchangedCount = comp.unchanged.length + tok.unchanged.length;
-    if (newCount > 0)
-        parts.push({ label: `${newCount} new`, color: 'green' });
-    if (changedCount > 0)
-        parts.push({ label: `${changedCount} changed`, color: 'yellow' });
-    if (removedCount > 0)
-        parts.push({ label: `${removedCount} removed`, color: 'red' });
-    if (unchangedCount > 0)
-        parts.push({ label: `${unchangedCount} unchanged`, color: 'gray' });
-    if (parts.length === 0 && !loading) {
-        return (_jsx(Box, { gap: 1, children: _jsx(Text, { dimColor: true, children: "Preview: no changes detected" }) }));
-    }
-    return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { dimColor: true, children: "Preview:" }), parts.map((part, i) => (_jsx(Text, { color: part.color, children: part.label }, i))), loading && _jsx(Text, { dimColor: true, children: "\u21BB" })] }));
-}

package/dist/src/analyze/select/tui/components/QuitDialog.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { useImmediateInput } from '../hooks/useImmediateInput.js';
-export function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
-    useImmediateInput((input, key) => {
-        if (input === 'y' || key.return) {
-            onConfirm();
-        }
-        else if (input === 'n' || key.escape) {
-            onCancel();
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [_jsx(Text, { bold: true, children: '─'.repeat(19) + ' Quit ' + '─'.repeat(19) }), _jsx(Text, { children: " " }), hasUnsavedDrafts ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: "You have unsaved draft edits." }), _jsx(Text, { children: 'Session state is preserved — you can resume' }), _jsx(Text, { children: 'by running the same review command again.' })] })) : (_jsx(Text, { children: "Session is saved. Quit without finalizing?" })), _jsx(Text, { children: " " }), _jsx(Text, { children: '  [y / Enter]  Quit    [n / Esc]  Stay' })] }));
-}

package/dist/src/analyze/select/tui/components/RationalePanel.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { PALETTE } from '../theme.js';
-import { Box, Text } from 'ink';
-function wrapText(text, innerWidth) {
-    if (!text)
-        return [''];
-    const width = Math.max(1, innerWidth);
-    const words = text.split(/\s+/).filter((w) => w.length > 0);
-    if (words.length === 0)
-        return [''];
-    const lines = [];
-    let current = '';
-    for (const w of words) {
-        if (current.length === 0) {
-            if (w.length > width) {
-                let rest = w;
-                while (rest.length > width) {
-                    lines.push(rest.slice(0, width));
-                    rest = rest.slice(width);
-                }
-                current = rest;
-            }
-            else {
-                current = w;
-            }
-            continue;
-        }
-        if (current.length + 1 + w.length <= width) {
-            current += ' ' + w;
-        }
-        else {
-            lines.push(current);
-            if (w.length > width) {
-                let rest = w;
-                while (rest.length > width) {
-                    lines.push(rest.slice(0, width));
-                    rest = rest.slice(width);
-                }
-                current = rest;
-            }
-            else {
-                current = w;
-            }
-        }
-    }
-    if (current.length > 0)
-        lines.push(current);
-    return lines.length > 0 ? lines : [''];
-}
-export function renderRationaleLines(rows, innerWidth) {
-    const out = [];
-    rows.forEach((row, idx) => {
-        out.push({ kind: 'name', text: row.name, isSlot: row.kind === 'slot' });
-        for (const line of wrapText(row.rationale, innerWidth)) {
-            out.push({ kind: 'text', text: line });
-        }
-        if (idx < rows.length - 1) {
-            out.push({ kind: 'blank' });
-        }
-    });
-    return out;
-}
-export function RationalePanel({ componentName, rows, scrollOffset, width, height, active, }) {
-    const innerWidth = Math.max(1, width - 2); // subtract border
-    const allLines = renderRationaleLines(rows, innerWidth);
-    const totalLines = allLines.length;
-    const visible = allLines.slice(scrollOffset, scrollOffset + height);
-    const overflowed = totalLines > height;
-    const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
-    const visibleEnd = Math.min(totalLines, scrollOffset + height);
-    return (_jsxs(Box, { flexDirection: "column", width: width, height: height + 2, borderStyle: "single", borderColor: active ? PALETTE.inverse : undefined, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, dimColor: !active, children: `RATIONALE — ${componentName}` }), overflowed && (_jsxs(_Fragment, { children: [_jsx(Box, { flexGrow: 1 }), _jsx(Text, { dimColor: !active, children: `↕ ${visibleStart}-${visibleEnd}/${totalLines}` })] }))] }), visible.map((line, i) => {
-                if (line.kind === 'blank') {
-                    return (_jsx(Box, { children: _jsx(Text, { children: " " }) }, i));
-                }
-                if (line.kind === 'name') {
-                    return (_jsxs(Box, { children: [_jsx(Text, { bold: true, color: PALETTE.info, dimColor: !active, children: line.text }), line.isSlot && _jsx(Text, { dimColor: true, children: " (slot)" })] }, i));
-                }
-                return (_jsx(Box, { children: _jsx(Text, { dimColor: !active, children: line.text }) }, i));
-            })] }));
-}

package/dist/src/analyze/select/tui/components/Sidebar.js

@@ -1,92 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { PALETTE } from '../theme.js';
-export function previewBadge(annotation) {
-    switch (annotation) {
-        case 'new':
-            return { char: '+', color: PALETTE.success };
-        case 'changed':
-            return { char: '~', color: PALETTE.warning };
-        case 'removed':
-            return { char: '-', color: PALETTE.error, dim: true };
-        case 'breaking':
-            return { char: '!', color: PALETTE.error, bold: true };
-        default:
-            return null;
-    }
-}
-export function statusIcon(status, validationErrorCount, 
-// Warnings deliberately do NOT override the icon — the user's accept/reject
-// decision must remain visible. Color is already yellow via statusColor for
-// warning-only components, so the warning cue is preserved.
-_validationWarningCount) {
-    if (validationErrorCount > 0)
-        return '⚠';
-    switch (status) {
-        case 'accepted':
-            return '✓';
-        case 'rejected':
-            return '✗';
-        case 'reviewed':
-            return '~';
-        case 'needs-review':
-            return '·';
-    }
-}
-export function statusColor(status, validationErrorCount, validationWarningCount) {
-    if (validationErrorCount > 0)
-        return PALETTE.error;
-    if (validationWarningCount > 0)
-        return PALETTE.warning;
-    switch (status) {
-        case 'accepted':
-            return PALETTE.success;
-        case 'rejected':
-            return PALETTE.error;
-        case 'reviewed':
-            return PALETTE.warning;
-        case 'needs-review':
-            return PALETTE.muted;
-    }
-}
-function truncateName(name, maxLen) {
-    if (name.length <= maxLen)
-        return name;
-    return name.slice(0, maxLen) + '…';
-}
-function withinTierComparator(a, b) {
-    const aPending = a.needsReview && a.status === 'needs-review' ? 0 : 1;
-    const bPending = b.needsReview && b.status === 'needs-review' ? 0 : 1;
-    if (aPending !== bPending)
-        return aPending - bPending;
-    return (a.extractionConfidence ?? 6) - (b.extractionConfidence ?? 6);
-}
-export function sortComponentsForSidebar(components) {
-    const withErrors = components.filter((c) => c.validationErrorCount > 0);
-    const withWarnings = components.filter((c) => c.validationErrorCount === 0 && c.validationWarningCount > 0);
-    const clean = components.filter((c) => c.validationErrorCount === 0 && c.validationWarningCount === 0);
-    return [
-        ...[...withErrors].sort(withinTierComparator),
-        ...[...withWarnings].sort(withinTierComparator),
-        ...[...clean].sort(withinTierComparator),
-    ];
-}
-export function Sidebar({ components, selectedId, focused, scrollOffset, visibleCount, collapsed = false, width: widthProp, }) {
-    const sorted = sortComponentsForSidebar(components);
-    const visible = sorted.slice(scrollOffset, scrollOffset + visibleCount);
-    const showScrollUp = scrollOffset > 0;
-    const showScrollDown = scrollOffset + visibleCount < sorted.length;
-    const width = collapsed ? 3 : (widthProp ?? 18);
-    return (_jsxs(Box, { flexDirection: "column", width: width, flexShrink: 0, borderStyle: "single", borderColor: focused ? 'white' : undefined, children: [showScrollUp && !collapsed && _jsx(Text, { dimColor: true, children: "\u25B2" }), visible.map((component) => {
-                const isSelected = component.id === selectedId;
-                const icon = statusIcon(component.status, component.validationErrorCount, component.validationWarningCount);
-                const color = statusColor(component.status, component.validationErrorCount, component.validationWarningCount);
-                const badge = previewBadge(component.previewAnnotation);
-                const maxNameLen = Math.max(1, width - 5);
-                const name = truncateName(component.name, maxNameLen);
-                if (collapsed) {
-                    return (_jsx(Box, { children: _jsx(Text, { color: color, inverse: isSelected && focused, underline: isSelected && !focused, children: icon }) }, component.id));
-                }
-                return (_jsxs(Box, { children: [_jsx(Text, { color: color, inverse: isSelected && focused, underline: isSelected && !focused, children: icon }), badge ? (_jsx(Text, { color: badge.color, bold: badge.bold, dimColor: badge.dim, children: badge.char })) : (_jsx(Text, { children: " " })), _jsx(Text, { color: color, inverse: isSelected && focused, underline: isSelected && !focused, wrap: "truncate", children: ' ' + name })] }, component.id));
-            }), showScrollDown && !collapsed && _jsx(Text, { dimColor: true, children: "\u25BC" })] }));
-}

package/dist/src/analyze/select/tui/components/SourcePanel.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-const KEYWORDS = /\b(function|export|const|let|import|return|interface|type|default|class|extends|implements|from|async|await)\b/;
-function highlightSourceLine(line) {
-    const parts = [];
-    let remaining = line;
-    while (remaining.length > 0) {
-        // String literal
-        const strMatch = remaining.match(/^("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|`(?:[^`\\]|\\.)*`)/);
-        if (strMatch) {
-            parts.push({ text: strMatch[1], color: 'green' });
-            remaining = remaining.slice(strMatch[1].length);
-            continue;
-        }
-        // Keyword
-        const kwMatch = remaining.match(KEYWORDS);
-        if (kwMatch && kwMatch.index === 0) {
-            parts.push({ text: kwMatch[0], color: 'cyan' });
-            remaining = remaining.slice(kwMatch[0].length);
-            continue;
-        }
-        parts.push({ text: remaining[0] });
-        remaining = remaining.slice(1);
-    }
-    return (_jsx(_Fragment, { children: parts.map((part, i) => (_jsx(Text, { color: part.color, children: part.text }, i))) }));
-}
-function truncateFilePath(filePath, maxWidth) {
-    if (filePath.length <= maxWidth)
-        return filePath;
-    const filename = filePath.split('/').pop() ?? filePath;
-    if (filename.length >= maxWidth)
-        return filename.slice(0, maxWidth - 1) + '…';
-    return '…' + filePath.slice(filePath.length - (maxWidth - 1));
-}
-export function SourcePanel({ sourceCode, filePath, width, height, scrollX, scrollY, }) {
-    const innerWidth = Math.max(1, width - 2);
-    const header = truncateFilePath(filePath, innerWidth);
-    if (!sourceCode) {
-        return (_jsxs(Box, { flexDirection: "column", width: width, height: height + 2, borderStyle: "single", children: [_jsx(Text, { dimColor: true, children: header }), _jsx(Box, { justifyContent: "center", alignItems: "center", height: height, children: _jsx(Text, { dimColor: true, children: "[No source available]" }) })] }));
-    }
-    const allLines = sourceCode.split('\n');
-    const visibleLines = allLines.slice(scrollY, scrollY + height);
-    const showScrollUp = scrollY > 0;
-    const showScrollDown = scrollY + height < allLines.length;
-    const maxLineWidth = Math.max(...visibleLines.map((l) => l.length));
-    const showScrollLeft = scrollX > 0;
-    const showScrollRight = scrollX + innerWidth < maxLineWidth;
-    return (_jsxs(Box, { flexDirection: "column", width: width, height: height + 2, borderStyle: "single", children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { dimColor: true, children: header }), _jsxs(Text, { dimColor: true, children: [showScrollUp ? '▲' : ' ', showScrollDown ? '▼' : ' ', showScrollLeft ? '◀' : ' ', showScrollRight ? '▶' : ' '] })] }), visibleLines.map((line, i) => {
-                const sliced = line.slice(scrollX, scrollX + innerWidth);
-                return _jsx(Box, { children: highlightSourceLine(sliced) }, i);
-            })] }));
-}

package/dist/src/analyze/select/tui/components/StatusBar.js

@@ -1,7 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { PALETTE } from '../theme.js';
-export function StatusBar({ accepted, rejected, reviewed, needsReview }) {
-    const allResolved = needsReview === 0;
-    return (_jsxs(Box, { gap: 2, flexWrap: "wrap", children: [_jsxs(Text, { color: PALETTE.success, children: [accepted, " accepted"] }), _jsxs(Text, { color: PALETTE.error, children: [rejected, " rejected"] }), _jsxs(Text, { dimColor: true, children: [needsReview, " pending"] }), _jsxs(Text, { color: PALETTE.info, children: [reviewed, " reviewed"] }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: "[A] accept all" }), _jsx(Text, { bold: allResolved, color: allResolved ? PALETTE.success : PALETTE.fg, children: "[F] finalize" })] }));
-}

package/dist/src/analyze/select/tui/components/TopBar.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createRequire } from 'node:module';
-import { Box, Text } from 'ink';
-// createRequire is needed because this is an ESM package — require() doesn't
-// exist natively, but it's the simplest way to read a JSON file at runtime.
-const _require = createRequire(import.meta.url);
-const VERSION = _require('../../../../../package.json').version;
-export function TopBar({ subcommand, hints }) {
-    return (_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, children: 'experience-design-system-cli  ' + subcommand }), _jsxs(Text, { dimColor: true, children: [hints.map((h) => `[${h.key}] ${h.label}`).join('  '), '  v' + VERSION] })] }));
-}

package/dist/src/analyze/select/tui/components/removed-components-text.js

@@ -1,11 +0,0 @@
-/** Header line for the removed-components surfaces (deletion panel + finalize
- *  dialog). Kept in one place so both read identically. `withExpandHint` adds
- *  the panel's "[d] to expand/collapse" affordance, which the dialog omits. */
-export function removedComponentsHeader(count, withExpandHint) {
-    const hint = withExpandHint ? '  (press [d] to expand/collapse)' : '';
-    return `Removed components (${count}) — will be DELETED from target space${hint}`;
-}
-/** One bullet line per removed component, matching the deletion panel. */
-export function removedComponentLine(rc) {
-    return `- ${rc.name}${rc.id ? `  (${rc.id})` : ''}`;
-}

package/dist/src/analyze/select/tui/hooks/scroll-offset.js

@@ -1,26 +0,0 @@
-export function computeNextScrollOffset(current, input, key, totalLines, panelHeight) {
-    const maxOffset = Math.max(0, totalLines - panelHeight);
-    const halfPage = Math.max(1, Math.floor(panelHeight / 2));
-    if (key.ctrl && input === 'd') {
-        return Math.min(maxOffset, current + halfPage);
-    }
-    if (key.ctrl && input === 'u') {
-        return Math.max(0, current - halfPage);
-    }
-    if (key.downArrow || input === 'j') {
-        return Math.min(maxOffset, current + 1);
-    }
-    if (key.upArrow || input === 'k') {
-        return Math.max(0, current - 1);
-    }
-    if (key.pageDown) {
-        return Math.min(maxOffset, current + panelHeight);
-    }
-    if (key.pageUp) {
-        return Math.max(0, current - panelHeight);
-    }
-    if (input === 'G') {
-        return maxOffset;
-    }
-    return null;
-}

package/dist/src/analyze/select/tui/hooks/useImmediateInput.js

@@ -1,66 +0,0 @@
-import { useLayoutEffect, useRef } from 'react';
-import { useStdin } from 'ink';
-function parseInput(data) {
-    // Shift-Tab in most terminals emits CSI Z (\x1b[Z). We surface it as both
-    // `tab` and `shiftTab` so callers that already branch on `tab` still fire,
-    // and new callers can distinguish direction via `shiftTab`.
-    const isShiftTab = data === '\x1b[Z';
-    const key = {
-        upArrow: data === '\x1b[A',
-        downArrow: data === '\x1b[B',
-        leftArrow: data === '\x1b[D',
-        rightArrow: data === '\x1b[C',
-        pageDown: data === '\x1b[6~',
-        pageUp: data === '\x1b[5~',
-        return: data === '\r' || data === '\n',
-        escape: data === '\x1b',
-        ctrl: false,
-        shift: isShiftTab,
-        tab: data === '\t' || isShiftTab,
-        shiftTab: isShiftTab,
-        backspace: data === '\x7f' || data === '\b',
-        delete: data === '\x1b[3~',
-        meta: data === '\x1b',
-    };
-    let input = data;
-    if (data.length === 1) {
-        const code = data.charCodeAt(0);
-        if (code >= 1 && code <= 26) {
-            key.ctrl = true;
-            input = String.fromCharCode(code + 96);
-        }
-    }
-    if (key.upArrow ||
-        key.downArrow ||
-        key.leftArrow ||
-        key.rightArrow ||
-        key.pageUp ||
-        key.pageDown ||
-        key.return ||
-        key.escape ||
-        key.tab ||
-        key.backspace ||
-        key.delete) {
-        if (!key.ctrl)
-            input = '';
-    }
-    return { input, key };
-}
-export function useImmediateInput(handler) {
-    const { stdin, setRawMode } = useStdin();
-    const handlerRef = useRef(handler);
-    handlerRef.current = handler;
-    useLayoutEffect(() => {
-        setRawMode(true);
-        const handleData = (data) => {
-            const str = Buffer.isBuffer(data) ? data.toString('utf8') : data;
-            const { input, key } = parseInput(str);
-            handlerRef.current(input, key);
-        };
-        stdin.on('data', handleData);
-        return () => {
-            stdin.off('data', handleData);
-            setRawMode(false);
-        };
-    }, [stdin, setRawMode]);
-}