@contentful/experience-design-system-cli 2.7.1 → 2.7.2-dev-build-bc65c2b.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.7.1",
+  "version": "2.7.2-dev-build-bc65c2b.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/dist/src/analyze/select/tui/App.js

@@ -3,7 +3,6 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Box, Text, useStdout } from 'ink';
 import { readFile } from 'node:fs/promises';
 import { createReviewSessionDetail } from '../types.js';
-import { stripScoringFields } from '../../../types.js';
 import { TopBar } from './components/TopBar.js';
 import { Sidebar } from './components/Sidebar.js';
 import { ComponentDetail } from './components/ComponentDetail.js';
@@ -41,11 +40,6 @@ export function App({ sessionId, artifactsRoot, reviewRoot }) {
     const [finalizedResult, setFinalizedResult] = useState(null);
     const [sidebarScrollOffset, setSidebarScrollOffset] = useState(0);
     const [jsonScrollOffset, setJsonScrollOffset] = useState(0);
-    // Keeps the visual sort order in sync for use inside keymap handlers (which close over a stale render)
-    const sortedIdsRef = useRef([]);
-    // Source code kept separate from session state so lazy loading never mutates
-    // session.components — that would invalidate useMemo(sessionSummary) and flash the sidebar
-    const [sourceCodeById, setSourceCodeById] = useState({});
     const [previewAnnotations, setPreviewAnnotations] = useState(() => {
         const raw = process.env['EDS_PREVIEW_ANNOTATIONS'];
         if (!raw)
@@ -144,22 +138,13 @@ export function App({ sessionId, artifactsRoot, reviewRoot }) {
                 clearTimeout(previewDebounceRef.current);
         };
     }, []);
-    // Sync loaded session into local state; selectedId is set to null here
-    // and will be corrected to the first sorted item on first render via the effect below
+    // Sync loaded session into local state
     useEffect(() => {
         if (loadedSession && !session) {
             setSession(loadedSession);
-            setSelectedId(null);
+            setSelectedId(loadedSession.components[0]?.id ?? null);
         }
     }, [loadedSession]);
-    // Once the sort order is known (after first render), select the first sorted item.
-    // Runs only when session transitions from null → loaded.
-    const sessionLoaded = session !== null;
-    useEffect(() => {
-        if (sessionLoaded && selectedId === null && sortedIdsRef.current.length > 0) {
-            setSelectedId(sortedIdsRef.current[0]);
-        }
-    }, [sessionLoaded]);
     useEffect(() => {
         if (session && !previewResponse) {
             const raw = process.env['EDS_PREVIEW_COUNTS'];
@@ -187,22 +172,26 @@ export function App({ sessionId, artifactsRoot, reviewRoot }) {
             }
         }
     }, [session]);
-    // Lazy source code loading — writes to sourceCodeById, NOT session.components,
-    // so it doesn't invalidate useMemo(sessionSummary) and cause a sidebar flash
+    // Lazy source code loading
     useEffect(() => {
         if (!session || !selectedId)
             return;
-        if (sourceCodeById[selectedId] !== undefined)
-            return; // already loaded
         const selectedComponent = session.components.find((c) => c.id === selectedId);
-        if (!selectedComponent)
+        if (!selectedComponent || selectedComponent.sourceCode !== null)
             return;
         readFile(selectedComponent.resolvedSourcePath, 'utf8')
             .then((code) => {
-            setSourceCodeById((prev) => ({ ...prev, [selectedId]: code }));
+            setSession((prev) => {
+                if (!prev)
+                    return prev;
+                return {
+                    ...prev,
+                    components: prev.components.map((c) => (c.id === selectedComponent.id ? { ...c, sourceCode: code } : c)),
+                };
+            });
         })
             .catch(() => {
-            setSourceCodeById((prev) => ({ ...prev, [selectedId]: '' }));
+            // Leave as null; SourcePanel shows [No source available]
         });
     }, [selectedId]);
     // SIGINT handler
@@ -246,10 +235,9 @@ export function App({ sessionId, artifactsRoot, reviewRoot }) {
         onSidebarUp: () => {
             if (!session)
                 return;
-            const ids = sortedIdsRef.current;
-            const idx = ids.indexOf(selectedId ?? '');
+            const idx = session.components.findIndex((c) => c.id === selectedId);
             if (idx > 0) {
-                setSelectedId(ids[idx - 1]);
+                setSelectedId(session.components[idx - 1].id);
                 setJsonScrollOffset(0);
                 setSidebarScrollOffset((prev) => Math.min(prev, idx - 1));
             }
@@ -257,10 +245,9 @@ export function App({ sessionId, artifactsRoot, reviewRoot }) {
         onSidebarDown: () => {
             if (!session)
                 return;
-            const ids = sortedIdsRef.current;
-            const idx = ids.indexOf(selectedId ?? '');
-            if (idx < ids.length - 1) {
-                setSelectedId(ids[idx + 1]);
+            const idx = session.components.findIndex((c) => c.id === selectedId);
+            if (idx < session.components.length - 1) {
+                setSelectedId(session.components[idx + 1].id);
                 setJsonScrollOffset(0);
                 setSidebarScrollOffset((prev) => {
                     const newIdx = idx + 1;
@@ -286,7 +273,7 @@ export function App({ sessionId, artifactsRoot, reviewRoot }) {
             setEditMode(true);
             setDraftsByComponentId((prev) => ({
                 ...prev,
-                [selectedId]: prev[selectedId] ?? JSON.stringify(stripScoringFields(component.editedProposal), null, 2),
+                [selectedId]: prev[selectedId] ?? JSON.stringify(component.editedProposal, null, 2),
             }));
         },
         onToggleSource: () => {
@@ -328,9 +315,7 @@ export function App({ sessionId, artifactsRoot, reviewRoot }) {
         },
         onToggleHelp: () => setShowHelp((prev) => !prev),
     });
-    // Sorted order: flagged+unresolved first, then ascending confidence.
-    // Memoised above early returns (React rules of hooks) so the array reference
-    // is stable between renders — prevents Sidebar repainting on scroll/select.
+    // Must be before early returns — Rules of Hooks
     const sessionSummary = useMemo(() => (session?.components ?? [])
         .map((c) => ({
         id: c.id,
@@ -341,18 +326,12 @@ export function App({ sessionId, artifactsRoot, reviewRoot }) {
         needsReview: c.originalProposal.needsReview ?? false,
     }))
         .sort((a, b) => {
-        const aFlagged = a.needsReview && a.status === 'needs-review' ? 0 : 1;
-        const bFlagged = b.needsReview && b.status === 'needs-review' ? 0 : 1;
-        if (aFlagged !== bFlagged)
-            return aFlagged - bFlagged;
-        // null (unscored) sorts last; lower numeric score sorts first (most concerning)
-        const aConf = a.extractionConfidence ?? 6;
-        const bConf = b.extractionConfidence ?? 6;
-        return aConf - bConf;
+        const aF = a.needsReview && a.status === 'needs-review' ? 0 : 1;
+        const bF = b.needsReview && b.status === 'needs-review' ? 0 : 1;
+        if (aF !== bF)
+            return aF - bF;
+        return (a.extractionConfidence ?? 6) - (b.extractionConfidence ?? 6);
     }), [session?.components, previewAnnotations]);
-    // Stable ID order — kept in a ref for use inside keymap handlers
-    const sortedIds = useMemo(() => sessionSummary.map((c) => c.id), [sessionSummary]);
-    sortedIdsRef.current = sortedIds;
     if (loading) {
         return _jsx(Text, { children: "Loading session..." });
     }
@@ -384,17 +363,13 @@ export function App({ sessionId, artifactsRoot, reviewRoot }) {
                 { key: 'q', label: 'quit' },
             ];
     const collapsed = terminalWidth < 80;
-    // TopBar(1) + statusbar(1) + footer(1) + border padding(2) = ~5 chrome rows
-    const CHROME_ROWS = 5;
-    const terminalRows = stdout?.rows ?? 24;
-    const visibleCount = Math.max(1, terminalRows - CHROME_ROWS);
+    const visibleCount = 20;
     const longestName = session.components.reduce((max, c) => Math.max(max, c.name.length), 0);
     // icon + space + name + 2 border chars; min 14, max 22
     const sidebarWidth = collapsed ? 3 : Math.min(Math.max(longestName + 4, 14), 22);
-    const handleDraftSave = async () => {
+    const handleDraftSave = async (draft) => {
         if (!selectedId || !session || !paths)
             return;
-        const draft = draftsByComponentId[selectedId];
         if (!draft)
             return;
         try {
@@ -503,16 +478,7 @@ export function App({ sessionId, artifactsRoot, reviewRoot }) {
                 }, onCancel: () => setShowQuitDialog(false) })), !showHelp && !showFinalizeDialog && !showQuitDialog && (_jsxs(Box, { flexGrow: 1, children: [_jsx(Sidebar, { components: sessionSummary, selectedId: selectedId, focused: sidebarFocused, scrollOffset: sidebarScrollOffset, visibleCount: visibleCount, onSelect: (id) => {
                             setSelectedId(id);
                             setJsonScrollOffset(0);
-                        }, onScrollChange: setSidebarScrollOffset, collapsed: collapsed, width: sidebarWidth }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: selectedDetail ? (_jsx(ComponentDetail, { component: selectedDetail, sourceCode: selectedId ? (sourceCodeById[selectedId] ?? null) : null, draftValue: selectedId ? (draftsByComponentId[selectedId] ?? '') : '', editMode: editMode, sourceVisible: sourceVisible, jsonScrollOffset: jsonScrollOffset, sourceScrollX: 0, sourceScrollY: 0, terminalWidth: terminalWidth, previewAnnotation: selectedRecord ? previewAnnotations[selectedRecord.name] : undefined, onDraftChange: (value) => {
-                                if (!selectedId)
-                                    return;
-                                setDraftsByComponentId((prev) => ({
-                                    ...prev,
-                                    [selectedId]: value,
-                                }));
-                            }, onSaveDraft: () => {
-                                void handleDraftSave();
-                            }, onDiscardDraft: handleDraftDiscard, onScrollChange: setJsonScrollOffset })) : (_jsx(Text, { dimColor: true, children: "No component selected" })) })] })), _jsx(PreviewSummaryBar, { preview: previewResponse, loading: previewLoading }), previewError && _jsx(Text, { color: "yellow", children: '⚠ Preview: ' + previewError }), saveError && _jsx(Text, { color: "red", children: '⚠ ' + saveError }), !dialogOpen && (_jsx(StatusBar, { accepted: acceptedCount, rejected: rejectedCount, reviewed: reviewedCount, needsReview: needsReviewCount, onApproveAll: () => { }, onFinalize: () => setShowFinalizeDialog(true) }))] }));
+                        }, onScrollChange: setSidebarScrollOffset, collapsed: collapsed, width: sidebarWidth }), _jsx(Box, { flexGrow: 1, paddingLeft: 1, children: selectedDetail ? (_jsx(ComponentDetail, { component: selectedDetail, sourceCode: selectedRecord?.sourceCode ?? null, draftValue: selectedId ? (draftsByComponentId[selectedId] ?? '') : '', editMode: editMode, sourceVisible: sourceVisible, jsonScrollOffset: jsonScrollOffset, sourceScrollX: 0, sourceScrollY: 0, terminalWidth: terminalWidth, previewAnnotation: selectedRecord ? previewAnnotations[selectedRecord.name] : undefined, onSaveDraft: (value) => void handleDraftSave(value), onDiscardDraft: handleDraftDiscard, onScrollChange: setJsonScrollOffset })) : (_jsx(Text, { dimColor: true, children: "No component selected" })) })] })), _jsx(PreviewSummaryBar, { preview: previewResponse, loading: previewLoading }), previewError && _jsx(Text, { color: "yellow", children: '⚠ Preview: ' + previewError }), saveError && _jsx(Text, { color: "red", children: '⚠ ' + saveError }), !dialogOpen && (_jsx(StatusBar, { accepted: acceptedCount, rejected: rejectedCount, reviewed: reviewedCount, needsReview: needsReviewCount, onApproveAll: () => { }, onFinalize: () => setShowFinalizeDialog(true) }))] }));
 }
 function FinalizedScreen({ result, }) {
     useImmediateInput((_input, key) => {

package/dist/src/analyze/select/tui/components/ComponentDetail.d.ts

@@ -11,10 +11,9 @@ type ComponentDetailProps = {
     sourceScrollY: number;
     terminalWidth: number;
     previewAnnotation?: PreviewAnnotation;
-    onDraftChange: (value: string) => void;
-    onSaveDraft: () => void;
+    onSaveDraft: (value: string) => void;
     onDiscardDraft: () => void;
     onScrollChange: (offset: number) => void;
 };
-export declare function ComponentDetail({ component, sourceCode, draftValue, editMode, sourceVisible, jsonScrollOffset, sourceScrollX, sourceScrollY, terminalWidth, previewAnnotation, onDraftChange, onSaveDraft, onDiscardDraft, }: ComponentDetailProps): React.ReactElement;
+export declare function ComponentDetail({ component, sourceCode, draftValue, editMode, sourceVisible, jsonScrollOffset, sourceScrollX, sourceScrollY, terminalWidth, previewAnnotation, onSaveDraft, onDiscardDraft, }: ComponentDetailProps): React.ReactElement;
 export {};

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Box, Text } from 'ink';
 import { stripScoringFields } from '../../../../types.js';
 import { JsonPanel } from './JsonPanel.js';
-import { FieldEditor } from './FieldEditor.js';
+import { JsonEditor } from './JsonEditor.js';
 import { SourcePanel } from './SourcePanel.js';
 function annotationLabel(annotation) {
     switch (annotation) {
@@ -18,7 +18,7 @@ function annotationLabel(annotation) {
             return null;
     }
 }
-export function ComponentDetail({ component, sourceCode, draftValue, editMode, sourceVisible, jsonScrollOffset, sourceScrollX, sourceScrollY, terminalWidth, previewAnnotation, onDraftChange, onSaveDraft, onDiscardDraft, }) {
+export function ComponentDetail({ component, sourceCode, draftValue, editMode, sourceVisible, jsonScrollOffset, sourceScrollX, sourceScrollY, terminalWidth, previewAnnotation, onSaveDraft, onDiscardDraft, }) {
     const sidebarWidth = terminalWidth < 80 ? 5 : 20;
     const availableWidth = terminalWidth - sidebarWidth - 2;
     const panelHeight = 20;
@@ -44,5 +44,5 @@ export function ComponentDetail({ component, sourceCode, draftValue, editMode, s
     return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: component.name }), (() => {
                         const ann = annotationLabel(previewAnnotation);
                         return ann ? _jsx(Text, { color: ann.color, children: ann.text }) : null;
-                    })(), _jsx(Text, { color: confColor, children: ' — ' + confLabel }), _jsx(Box, { flexGrow: 1 }), _jsxs(Text, { dimColor: true, children: [sourceVisible ? '[s] hide src' : '[s] src', editMode ? '' : '  [e] edit'] })] }), _jsxs(Box, { children: [_jsx(JsonPanel, { label: "ORIGINAL (read-only)", value: originalJson, scrollOffset: jsonScrollOffset, width: originalWidth, height: panelHeight, active: false }), _jsx(Text, { children: " " }), editMode ? (_jsx(FieldEditor, { value: draftValue || editedJson, width: editWidth, height: panelHeight, onChange: onDraftChange, onSave: onSaveDraft, onDiscard: onDiscardDraft })) : (_jsx(JsonPanel, { label: "EDIT (draft)", value: draftValue || editedJson, scrollOffset: jsonScrollOffset, width: editWidth, height: panelHeight, active: true })), sourceVisible && sourceWidth > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(SourcePanel, { sourceCode: sourceCode, filePath: component.originalProposal.source, width: sourceWidth, height: panelHeight, scrollX: sourceScrollX, scrollY: sourceScrollY })] }))] }), !editMode && _jsx(Text, { dimColor: true, children: '  [a] accept  [r] reject  [e] edit  [A] accept all  [↑↓] scroll' })] }));
+                    })(), _jsx(Text, { color: confColor, children: ' — ' + confLabel }), _jsx(Box, { flexGrow: 1 }), _jsxs(Text, { dimColor: true, children: [sourceVisible ? '[s] hide src' : '[s] src', editMode ? '' : '  [e] edit'] })] }), _jsxs(Box, { children: [_jsx(JsonPanel, { label: "ORIGINAL (read-only)", value: originalJson, scrollOffset: jsonScrollOffset, width: originalWidth, height: panelHeight, active: false }), _jsx(Text, { children: " " }), editMode ? (_jsx(JsonEditor, { value: draftValue || editedJson, width: editWidth, height: panelHeight, onSave: onSaveDraft, onDiscard: onDiscardDraft })) : (_jsx(JsonPanel, { label: "EDIT (draft)", value: draftValue || editedJson, scrollOffset: jsonScrollOffset, width: editWidth, height: panelHeight, active: true })), sourceVisible && sourceWidth > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(SourcePanel, { sourceCode: sourceCode, filePath: component.originalProposal.source, width: sourceWidth, height: panelHeight, scrollX: sourceScrollX, scrollY: sourceScrollY })] }))] }), !editMode && _jsx(Text, { dimColor: true, children: '  [a] accept  [r] reject  [e] edit  [A] accept all  [↑↓] scroll' })] }));
 }

package/dist/src/analyze/select/tui/components/JsonEditor.d.ts

@@ -3,9 +3,8 @@ type JsonEditorProps = {
     value: string;
     width: number;
     height: number;
-    onChange: (value: string) => void;
-    onSave: () => void;
+    onSave: (value: string) => void;
     onDiscard: () => void;
 };
-export declare function JsonEditor({ value, width, height, onChange, onSave, onDiscard }: JsonEditorProps): React.ReactElement;
+export declare function JsonEditor({ value, width, height, onSave, onDiscard }: JsonEditorProps): React.ReactElement;
 export {};

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

@@ -1,43 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { Box, Text } from 'ink';
 import { useUndo } from '../hooks/useUndo.js';
 import { useImmediateInput } from '../hooks/useImmediateInput.js';
-export function JsonEditor({ value, width, height, onChange, onSave, onDiscard }) {
+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 [scrollCol] = useState(0);
     const [validationError, setValidationError] = useState(null);
-    const [cursorVisible, setCursorVisible] = useState(true);
-    // Blinking cursor
-    useEffect(() => {
-        const interval = setInterval(() => setCursorVisible((v) => !v), 500);
-        return () => clearInterval(interval);
-    }, []);
     const { lines, cursorRow, cursorCol } = undo.current;
-    // Keep scroll in sync with cursor
-    useEffect(() => {
-        if (cursorRow < scrollRow)
-            setScrollRow(cursorRow);
-        if (cursorRow >= scrollRow + height)
-            setScrollRow(cursorRow - height + 1);
-    }, [cursorRow, scrollRow, height]);
+    const scrollCol = 0;
+    // Sync scroll with cursor — pure derivation, no setState needed when within bounds
+    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') {
-            // Validate and save
             const text = currentLines.join('\n');
             try {
                 JSON.parse(text);
                 setValidationError(null);
-                onChange(text);
-                onSave();
+                onSave(text);
             }
             catch (e) {
                 setValidationError(e instanceof Error ? e.message : String(e));
@@ -50,7 +43,6 @@ export function JsonEditor({ value, width, height, onChange, onSave, onDiscard }
         }
         if (key.ctrl && input === 'z') {
             undo.undo();
-            onChange(undo.current.lines.join('\n'));
             return;
         }
         let newLines = [...currentLines];
@@ -63,44 +55,39 @@ export function JsonEditor({ value, width, height, onChange, onSave, onDiscard }
             newRow = currentRow + 1;
             newCol = 0;
         }
-        else if (key.backspace || key.delete) {
-            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.backspace) {
+            if (currentCol > 0) {
+                newLines[currentRow] = newLines[currentRow].slice(0, currentCol - 1) + newLines[currentRow].slice(currentCol);
+                newCol = currentCol - 1;
             }
-            else {
-                // Delete key
-                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 (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) {
+            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) {
+            if (currentCol < newLines[currentRow].length)
                 newCol = currentCol + 1;
-            }
             else if (currentRow < newLines.length - 1) {
                 newRow = currentRow + 1;
                 newCol = 0;
@@ -118,36 +105,26 @@ export function JsonEditor({ value, width, height, onChange, onSave, onDiscard }
                 newCol = Math.min(currentCol, newLines[currentRow + 1].length);
             }
         }
-        else if (input === '\x1b[H' || input === '\x1b[1~') {
-            // Home key
-            newCol = 0;
-        }
-        else if (input === '\x1b[F' || input === '\x1b[4~') {
-            // End key
-            newCol = newLines[currentRow].length;
-        }
         else if (input && input.length === 1 && !key.ctrl && !key.meta) {
-            // Printable character
-            newLines[currentRow] = newLines[currentRow].slice(0, currentCol) + input + newLines[currentRow].slice(currentCol);
+            newLines[currentRow] =
+                newLines[currentRow].slice(0, currentCol) + input + newLines[currentRow].slice(currentCol);
             newCol = currentCol + 1;
         }
         else {
-            return; // No change
+            return;
         }
         undo.push({ lines: newLines, cursorRow: newRow, cursorCol: newCol });
-        onChange(newLines.join('\n'));
     });
     const innerWidth = Math.max(1, width - 2);
-    const visibleLines = lines.slice(scrollRow, scrollRow + height);
+    const visibleLines = lines.slice(effectiveScrollRow, effectiveScrollRow + height);
     return (_jsxs(Box, { flexDirection: "column", width: width, borderStyle: "single", borderColor: "white", children: [_jsx(Text, { bold: true, children: 'EDIT [EDITING — Ctrl+S save · Esc discard]' }), visibleLines.map((line, displayRow) => {
-                const actualRow = displayRow + scrollRow;
+                const actualRow = displayRow + effectiveScrollRow;
                 const displayLine = line.slice(scrollCol, scrollCol + innerWidth);
                 if (actualRow === cursorRow) {
-                    // Render cursor on this line
                     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: cursorVisible, children: cursorChar }), _jsx(Text, { children: afterCursor })] }, displayRow));
+                    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: "red", children: '✗ Invalid JSON: ' + validationError })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.7.1",
+  "version": "2.7.2-dev-build-bc65c2b.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",
@@ -36,7 +36,7 @@
     "react-dom": "^18.3.1",
     "ts-morph": "^27.0.2",
     "typescript": "^5.9.3",
-    "@contentful/experience-design-system-types": "2.7.1"
+    "@contentful/experience-design-system-types": "2.7.2-dev-build-bc65c2b.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.3",