@contentful/experience-design-system-cli 2.14.2 → 2.15.0

package/dist/src/import/tui/steps/AtomicScopeGateStep.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ScopeGateStepProps } from './ScopeGateStep.js';
+export declare function AtomicScopeGateStep({ components, onConfirm, onQuit, aiFilterStatus, aiFilterProgress, aiFilterError, onCancelAutoFilter, }: ScopeGateStepProps): React.ReactElement;

package/dist/src/import/tui/steps/AtomicScopeGateStep.js

@@ -0,0 +1,211 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useStdout } from 'ink';
+import React, { useMemo, useState } from 'react';
+import { useImmediateInput } from '../../../analyze/select/tui/hooks/useImmediateInput.js';
+import { PALETTE } from '../../../analyze/select/tui/theme.js';
+import { AutoFilterBanner } from '../components/AutoFilterBanner.js';
+import { CounterStrip } from '../components/CounterStrip.js';
+import { isAiFlagged } from '../ai-flag.js';
+// Atomic-mode scope gate (spec T9). Recovered from the pre-composite `main`
+// implementation: a flat included/excluded list with NO hierarchy affordances
+// (no closures, cycles, cascade, lineage, grouped sidebar, or graph). Styling
+// is ported to PALETTE and the shared AutoFilterBanner/CounterStrip so it reads
+// as the same product as its composite sibling — "fewer panels, identical look."
+const VISIBLE_COUNT = 10;
+const REASON_DISPLAY_MAX = 60;
+const AI_MARKER = '*';
+const REASON_WRAP_INDENT = '      ';
+function truncateReason(reason) {
+    if (reason === null || reason === undefined || reason === '')
+        return '<no reason given>';
+    if (reason.length <= REASON_DISPLAY_MAX)
+        return reason;
+    return reason.slice(0, REASON_DISPLAY_MAX - 1).trimEnd() + '…';
+}
+export function AtomicScopeGateStep({ components, onConfirm, onQuit, aiFilterStatus = 'idle', aiFilterProgress = null, aiFilterError = null, onCancelAutoFilter, }) {
+    const { stdout } = useStdout();
+    const totalWidth = stdout?.columns ?? 80;
+    // Inverted "included" model, kept from `main` (deliberately NOT the
+    // composite step's userDecisions Map — see spec T9 "what to NOT share").
+    const [userExcluded, setUserExcluded] = useState(new Set());
+    const [userUnExcluded, setUserUnExcluded] = useState(new Set());
+    const [cursor, setCursor] = useState(0);
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const [reasonPanelOpen, setReasonPanelOpen] = useState(false);
+    const aiList = components.filter(isAiFlagged);
+    const componentsList = components.filter((c) => !isAiFlagged(c));
+    const flatList = [...aiList, ...componentsList];
+    const isIncluded = (row) => {
+        if (userExcluded.has(row.name))
+            return false;
+        if (userUnExcluded.has(row.name))
+            return true;
+        // INTEG-4318: exclude on 'rejected' AND 'failed'.
+        return row.aiDecision !== 'rejected' && row.aiDecision !== 'failed';
+    };
+    const partition = () => {
+        const accepted = [];
+        const rejected = [];
+        for (const c of flatList) {
+            if (isIncluded(c))
+                accepted.push(c.name);
+            else
+                rejected.push(c.name);
+        }
+        return { accepted, rejected };
+    };
+    const toggleFocused = () => {
+        const target = flatList[cursor];
+        if (!target)
+            return;
+        const currentlyIn = isIncluded(target);
+        if (currentlyIn) {
+            setUserExcluded((prev) => {
+                if (prev.has(target.name))
+                    return prev;
+                const next = new Set(prev);
+                next.add(target.name);
+                return next;
+            });
+            setUserUnExcluded((prev) => {
+                if (!prev.has(target.name))
+                    return prev;
+                const next = new Set(prev);
+                next.delete(target.name);
+                return next;
+            });
+        }
+        else {
+            setUserUnExcluded((prev) => {
+                if (prev.has(target.name))
+                    return prev;
+                const next = new Set(prev);
+                next.add(target.name);
+                return next;
+            });
+            setUserExcluded((prev) => {
+                if (!prev.has(target.name))
+                    return prev;
+                const next = new Set(prev);
+                next.delete(target.name);
+                return next;
+            });
+        }
+    };
+    useImmediateInput((input, key) => {
+        if (input === 'q' || key.escape) {
+            if (aiFilterStatus === 'running' && onCancelAutoFilter) {
+                onCancelAutoFilter();
+                return;
+            }
+            if (key.escape && reasonPanelOpen) {
+                setReasonPanelOpen(false);
+                return;
+            }
+            onQuit();
+            return;
+        }
+        if (input === 'f' || input === 'F') {
+            onConfirm(partition());
+            return;
+        }
+        if (input === 's') {
+            setReasonPanelOpen((prev) => !prev);
+            return;
+        }
+        if (input === 'a' || input === ' ' || input === 'r') {
+            toggleFocused();
+            return;
+        }
+        if (input === 'A') {
+            const compNames = componentsList.map((c) => c.name);
+            const anyCompExcluded = componentsList.some((c) => !isIncluded(c));
+            if (anyCompExcluded) {
+                setUserUnExcluded((prev) => {
+                    const next = new Set(prev);
+                    for (const n of compNames)
+                        next.add(n);
+                    return next;
+                });
+                setUserExcluded((prev) => {
+                    const next = new Set(prev);
+                    for (const n of compNames)
+                        next.delete(n);
+                    return next;
+                });
+            }
+            else {
+                setUserExcluded((prev) => {
+                    const next = new Set(prev);
+                    for (const n of compNames)
+                        next.add(n);
+                    return next;
+                });
+                setUserUnExcluded((prev) => {
+                    const next = new Set(prev);
+                    for (const n of compNames)
+                        next.delete(n);
+                    return next;
+                });
+            }
+            return;
+        }
+        if (key.upArrow || input === 'k') {
+            const len = flatList.length;
+            if (len === 0)
+                return;
+            setCursor((c) => {
+                const next = c <= 0 ? 0 : c - 1;
+                setScrollOffset((prev) => Math.min(prev, next));
+                return next;
+            });
+            return;
+        }
+        if (key.downArrow || input === 'j') {
+            const len = flatList.length;
+            if (len === 0)
+                return;
+            setCursor((c) => {
+                const next = c >= len - 1 ? len - 1 : c + 1;
+                setScrollOffset((prev) => (next >= prev + VISIBLE_COUNT ? next - VISIBLE_COUNT + 1 : prev));
+                return next;
+            });
+            return;
+        }
+    });
+    const total = flatList.length;
+    const includedCount = useMemo(() => flatList.filter((c) => isIncluded(c)).length, [components, userExcluded, userUnExcluded]);
+    const hasAnyAi = flatList.some(isAiFlagged);
+    const visibleEnd = Math.min(scrollOffset + VISIBLE_COUNT, total);
+    const visible = flatList.slice(scrollOffset, visibleEnd);
+    const above = scrollOffset;
+    const below = Math.max(0, total - visibleEnd);
+    const allRejected = aiFilterStatus === 'complete' && total > 0 && flatList.every((c) => !isIncluded(c));
+    // Atomic has no groups; the counter strip shows binary included/excluded.
+    const counters = {
+        accepted: includedCount,
+        rejected: total - includedCount,
+        undecided: 0,
+        groups: 0,
+        total,
+    };
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [_jsx(Text, { color: PALETTE.success, children: "\u2713 Extraction complete" }), _jsxs(Text, { dimColor: true, children: ["Found ", total, " component", total === 1 ? '' : 's', ". Pick which ones to import. Generation runs only on the included set."] }), _jsx(AutoFilterBanner, { status: aiFilterStatus, progress: aiFilterProgress, error: aiFilterError }), _jsx(CounterStrip, { counters: counters, totalWidth: totalWidth }), reasonPanelOpen && flatList[cursor] !== undefined && isAiFlagged(flatList[cursor]) && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.border, paddingX: 1, marginTop: 1, children: [_jsx(Text, { dimColor: true, bold: true, children: `AI rejection reason: ${flatList[cursor].name}` }), _jsx(Text, { children: flatList[cursor].aiReason ?? '<no reason given>' }), _jsx(Text, { dimColor: true, children: "[s] close \u00B7 [Esc] close" })] })), allRejected ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: PALETTE.warning, children: "AI excluded all components \u2014 press [a] to override or [q] to quit" }) })) : (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [above > 0 && _jsxs(Text, { dimColor: true, children: ["\u2191 ", above, " above"] }), visible.map((c, vi) => {
+                        const i = vi + scrollOffset;
+                        const isCursor = i === cursor;
+                        const included = isIncluded(c);
+                        const aiFlagged = isAiFlagged(c);
+                        const prefix = isCursor ? '›' : ' ';
+                        const stateGlyph = included ? '[✓]' : '[✗]';
+                        const stateColor = included ? PALETTE.success : PALETTE.error;
+                        const aiMarkerNode = aiFlagged ? _jsx(Text, { color: PALETTE.info, children: `${AI_MARKER} ` }) : null;
+                        const inlineReason = !isCursor && aiFlagged ? ` ${truncateReason(c.aiReason)}` : '';
+                        const showAiHeader = aiList.length > 0 && i === 0;
+                        const showComponentsHeader = componentsList.length > 0 && i === aiList.length;
+                        const header = showAiHeader ? (_jsx(Text, { bold: true, children: `AI recommended exclusions (${aiList.length})` }, `hdr-ai-${i}`)) : showComponentsHeader ? (_jsx(Text, { bold: true, children: `Components (${componentsList.length})` }, `hdr-comp-${i}`)) : null;
+                        if (isCursor) {
+                            const wrapReason = aiFlagged && c.aiReason !== null && c.aiReason !== undefined && c.aiReason.length > 0;
+                            return (_jsxs(React.Fragment, { children: [header, _jsxs(Text, { children: [_jsx(Text, { color: PALETTE.info, children: `${prefix} ` }), aiMarkerNode, _jsx(Text, { color: stateColor, children: stateGlyph }), _jsx(Text, { color: PALETTE.info, children: ` ${c.name}` })] }), wrapReason && _jsx(Text, { dimColor: true, children: `${REASON_WRAP_INDENT}${c.aiReason}` })] }, c.componentId));
+                        }
+                        return (_jsxs(React.Fragment, { children: [header, _jsxs(Text, { children: [_jsx(Text, { children: `${prefix} ` }), aiMarkerNode, _jsx(Text, { color: stateColor, children: stateGlyph }), _jsx(Text, { color: stateColor, children: ` ${c.name}` }), inlineReason !== '' && _jsx(Text, { dimColor: true, children: inlineReason })] })] }, c.componentId));
+                    }), below > 0 && _jsxs(Text, { dimColor: true, children: ["\u2193 ", below, " below"] })] })), _jsxs(Box, { gap: 3, marginTop: 1, children: [includedCount > 0 ? (_jsxs(Text, { children: [_jsx(Text, { color: PALETTE.success, children: includedCount }), _jsxs(Text, { dimColor: true, children: ["/", total, " included"] })] })) : (_jsx(Text, { color: PALETTE.warning, children: "none included" })), _jsxs(Text, { children: [_jsx(Text, { color: PALETTE.info, children: "[j/k]" }), " ", _jsx(Text, { dimColor: true, children: "move" })] }), _jsxs(Text, { children: [_jsx(Text, { color: PALETTE.info, children: "[a/space]" }), " ", _jsx(Text, { dimColor: true, children: "toggle" })] }), _jsxs(Text, { children: [_jsx(Text, { color: PALETTE.info, children: "[A]" }), " ", _jsx(Text, { dimColor: true, children: "toggle all" })] }), _jsxs(Text, { children: [_jsx(Text, { color: PALETTE.info, children: "[f]" }), " ", _jsx(Text, { dimColor: true, children: "continue" })] }), _jsxs(Text, { children: [_jsx(Text, { color: PALETTE.info, children: "[q]" }), " ", _jsx(Text, { dimColor: true, children: "quit" })] }), hasAnyAi && (_jsxs(Text, { children: [_jsx(Text, { color: PALETTE.info, children: "[s]" }), " ", _jsx(Text, { dimColor: true, children: "AI reason" })] })), hasAnyAi && (_jsxs(Text, { children: [_jsx(Text, { color: PALETTE.info, children: "*" }), " ", _jsx(Text, { dimColor: true, children: "originally excluded by AI" })] }))] })] }));
+}

package/dist/src/import/tui/steps/CredentialsStep.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from 'react';
+import { PALETTE } from '../../../analyze/select/tui/theme.js';
 import { Box, Text } from 'ink';
 import { useImmediateInput } from '../../../analyze/select/tui/hooks/useImmediateInput.js';
 import { DEFAULT_CONFIGURED_HOST, toConfiguredHost } from '../../../host-utils.js';
@@ -12,21 +13,12 @@ export function CredentialsStep({ summary, error: externalError, initialSpaceId
     const [activeField, setActiveField] = useState('spaceId');
     const [inlineError, setInlineError] = useState(null);
     const [cursorVisible, setCursorVisible] = useState(true);
-    // Tracks whether the operator has typed any printable character into a
-    // form field since mount. While false, the `s` keybind is interpreted as
-    // the skip-credentials shortcut. Once the operator has begun typing, `s`
-    // is routed into the active field as input (we don't want to swallow a
-    // legitimate letter in a space ID / token / host).
     const hasTypedRef = useRef(false);
     useEffect(() => {
         const interval = setInterval(() => setCursorVisible((v) => !v), 500);
         return () => clearInterval(interval);
     }, []);
     useImmediateInput((input, key) => {
-        // While we are validating credentials, the screen stays mounted but the
-        // form is locked — any input is dropped. The exception is `R` when a
-        // prefetch failed and we expose a retry hook (so the operator can recover
-        // without backing out of the wizard).
         if (validating) {
             return;
         }
@@ -47,7 +39,6 @@ export function CredentialsStep({ summary, error: externalError, initialSpaceId
                 setActiveField('host');
                 return;
             }
-            // Submit
             if (!spaceId.trim() || !environmentId.trim() || !cmaToken.trim()) {
                 setInlineError('All fields are required.');
                 return;
@@ -74,10 +65,6 @@ export function CredentialsStep({ summary, error: externalError, initialSpaceId
             onQuit();
             return;
         }
-        // Skip-credentials shortcut. Gated against text-entry mode so the letter
-        // 's' can still be typed into a form field once the operator has begun
-        // editing. The legend hint is always rendered (see below) so operators
-        // know the escape hatch exists from the moment the screen mounts.
         if ((input === 's' || input === 'S') && onSkip && !hasTypedRef.current) {
             onSkip();
             return;
@@ -110,12 +97,12 @@ export function CredentialsStep({ summary, error: externalError, initialSpaceId
         const isActive = activeField === field;
         const display = masked ? '•'.repeat(value.length) : value;
         const fallback = field === 'host' ? DEFAULT_CONFIGURED_HOST : _jsx(Text, { dimColor: true, children: "(empty)" });
-        return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: isActive ? 'cyan' : undefined, children: '?' }), _jsxs(Text, { bold: isActive, children: [label, ":"] }), _jsx(Text, { children: isActive ? display + cursor : display || fallback })] }));
+        return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: isActive ? PALETTE.info : undefined, children: '?' }), _jsxs(Text, { bold: isActive, children: [label, ":"] }), _jsx(Text, { children: isActive ? display + cursor : display || fallback })] }));
     }
     const displayError = inlineError ?? externalError ?? null;
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [summary && _jsxs(Text, { color: "green", children: ["\u2713 ", summary] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: initialSpaceId && initialCmaToken
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [summary && _jsxs(Text, { color: PALETTE.success, children: ["\u2713 ", summary] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: initialSpaceId && initialCmaToken
                         ? 'Credentials pre-filled from experiences setup. Press Enter to continue or edit any field to update.'
-                        : 'Enter your Contentful credentials to continue.' }) }), !(initialSpaceId && initialCmaToken) && (_jsx(Text, { dimColor: true, children: "Tip: run experiences setup to save these to ~/.config/experiences/credentials.json so they pre-fill here automatically." })), _jsxs(Box, { flexDirection: "column", gap: 0, marginTop: 1, children: [renderField('Space ID', spaceId, 'spaceId'), renderField('Environment', environmentId, 'environmentId'), renderField('CMA Token', cmaToken, 'cmaToken', true), renderField('API Host', host, 'host')] }), activeField === 'host' && _jsx(Text, { dimColor: true, children: "Default: api.contentful.com \u00B7 EU spaces: api.eu.contentful.com" }), displayError && _jsxs(Text, { color: "red", children: ["\u2717 ", displayError] }), validating && (_jsx(Text, { color: "cyan", children: generatePrefetchStatus === 'running'
+                        : 'Enter your Contentful credentials to continue.' }) }), !(initialSpaceId && initialCmaToken) && (_jsx(Text, { dimColor: true, children: "Tip: run experiences setup to save these to ~/.config/experiences/credentials.json so they pre-fill here automatically." })), _jsxs(Box, { flexDirection: "column", gap: 0, marginTop: 1, children: [renderField('Space ID', spaceId, 'spaceId'), renderField('Environment', environmentId, 'environmentId'), renderField('CMA Token', cmaToken, 'cmaToken', true), renderField('API Host', host, 'host')] }), activeField === 'host' && _jsx(Text, { dimColor: true, children: "Default: api.contentful.com \u00B7 EU spaces: api.eu.contentful.com" }), displayError && _jsxs(Text, { color: PALETTE.error, children: ["\u2717 ", displayError] }), validating && (_jsx(Text, { color: PALETTE.info, children: generatePrefetchStatus === 'running'
                     ? 'Validating credentials & finishing component generation...'
-                    : 'Validating credentials...' })), !validating && generatePrefetchStatus === 'running' && _jsx(Text, { dimColor: true, children: "Component generation in progress..." }), !validating && generatePrefetchStatus === 'complete' && (_jsx(Text, { color: "green", children: "Component generation complete." })), !validating && generatePrefetchStatus === 'failed' && (_jsxs(Text, { color: "yellow", children: ["Component generation failed", generatePrefetchError ? `: ${generatePrefetchError}` : '', ". Will retry after credential validation.", onRetryPrefetch ? ' Press R to retry now.' : ''] })), _jsxs(Box, { gap: 3, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "[Enter] Next field / Submit" }), _jsx(Text, { dimColor: true, children: "[Tab] Switch field" }), _jsx(Text, { dimColor: true, children: "[q] Quit" })] }), onSkip && (_jsx(Box, { marginTop: 0, children: _jsx(Text, { dimColor: true, children: "[s] Skip \u2014 review locally only (no push, no live preview)" }) }))] }));
+                    : 'Validating credentials...' })), !validating && generatePrefetchStatus === 'running' && _jsx(Text, { dimColor: true, children: "Component generation in progress..." }), !validating && generatePrefetchStatus === 'complete' && (_jsx(Text, { color: PALETTE.success, children: "Component generation complete." })), !validating && generatePrefetchStatus === 'failed' && (_jsxs(Text, { color: PALETTE.warning, children: ["Component generation failed", generatePrefetchError ? `: ${generatePrefetchError}` : '', ". Will retry after credential validation.", onRetryPrefetch ? ' Press R to retry now.' : ''] })), _jsxs(Box, { gap: 3, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "[Enter] Next field / Submit" }), _jsx(Text, { dimColor: true, children: "[Tab] Switch field" }), _jsx(Text, { dimColor: true, children: "[q] Quit" })] }), onSkip && (_jsx(Box, { marginTop: 0, children: _jsx(Text, { dimColor: true, children: "[s] Skip \u2014 review locally only (no push, no live preview)" }) }))] }));
 }

package/dist/src/import/tui/steps/DoneStep.d.ts

@@ -15,9 +15,7 @@ type DoneStepProps = {
     };
     spaceId: string;
     environmentId: string;
-    /** Configured API host (e.g. `api.contentful.com`). Used to derive the webapp URL. */
     host?: string;
-    /** Task 8 — pre-formatted run teaser; rendered dim below the space link. */
     runTeaser?: string;
     onExit: () => void;
 };

package/dist/src/import/tui/steps/DoneStep.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { PALETTE } from '../../../analyze/select/tui/theme.js';
 import { Box, Text } from 'ink';
 import { useImmediateInput } from '../../../analyze/select/tui/hooks/useImmediateInput.js';
 import { buildPostPushUrl } from '../../../lib/contentful-urls.js';
@@ -17,7 +18,7 @@ export function DoneStep({ componentTypes, designTokens, summary, spaceId, envir
         designTokens.removed;
     const success = totalFailed === 0;
     function EntityRows({ entity, label }) {
-        return (_jsxs(_Fragment, { children: [entity.created > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { children: [entity.created, " ", label, entity.created !== 1 ? 's' : '', " created"] })] })), entity.updated > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { children: [entity.updated, " ", label, entity.updated !== 1 ? 's' : '', " updated"] })] })), entity.removed > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { children: [entity.removed, " ", label, entity.removed !== 1 ? 's' : '', " removed"] })] })), entity.failed > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "red", children: "\u2717" }), _jsxs(Text, { color: "red", children: [entity.failed, " ", label, entity.failed !== 1 ? 's' : '', " failed \u2014 check logs above"] })] }))] }));
+        return (_jsxs(_Fragment, { children: [entity.created > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.success, children: "\u2713" }), _jsxs(Text, { children: [entity.created, " ", label, entity.created !== 1 ? 's' : '', " created"] })] })), entity.updated > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.success, children: "\u2713" }), _jsxs(Text, { children: [entity.updated, " ", label, entity.updated !== 1 ? 's' : '', " updated"] })] })), entity.removed > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.success, children: "\u2713" }), _jsxs(Text, { children: [entity.removed, " ", label, entity.removed !== 1 ? 's' : '', " removed"] })] })), entity.failed > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.error, children: "\u2717" }), _jsxs(Text, { color: PALETTE.error, children: [entity.failed, " ", label, entity.failed !== 1 ? 's' : '', " failed \u2014 check logs above"] })] }))] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [success ? (_jsx(Text, { bold: true, color: "green", children: "Done!" })) : (_jsx(Text, { bold: true, color: "yellow", children: "\u26A0 Finished with errors" })), totalPushed === 0 && totalFailed === 0 && !summary ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Nothing was pushed \u2014 everything was already up to date." }) })) : (_jsxs(Box, { flexDirection: "column", gap: 0, marginTop: 1, children: [_jsx(EntityRows, { entity: componentTypes, label: "Component Type" }), _jsx(EntityRows, { entity: designTokens, label: "Design Token" }), summary && (_jsxs(Box, { gap: 1, marginTop: 1, children: [_jsxs(Text, { dimColor: true, children: ["Server: ", summary.succeeded, "/", summary.total, " succeeded"] }), summary.failed > 0 && _jsxs(Text, { color: "red", children: [", ", summary.failed, " failed"] })] }))] })), _jsxs(Box, { gap: 1, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Space:" }), _jsx(Text, { children: spaceId }), _jsx(Text, { dimColor: true, children: "/" }), _jsx(Text, { dimColor: true, children: "Environment:" }), _jsx(Text, { children: environmentId })] }), success && totalPushed > 0 && (_jsxs(Box, { flexDirection: "column", gap: 1, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Your design system is now in Contentful ExO." }), _jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsx(Text, { dimColor: true, children: "View it here:" }), _jsx(Text, { color: "cyan", children: buildPostPushUrl({ host: host ?? 'api.contentful.com', spaceId, environmentId }) })] })] })), runTeaser && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: runTeaser }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "[Enter / q] Exit" }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [success ? (_jsx(Text, { bold: true, color: PALETTE.success, children: "Done!" })) : (_jsx(Text, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" })), totalPushed === 0 && totalFailed === 0 && !summary ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Nothing was pushed \u2014 everything was already up to date." }) })) : (_jsxs(Box, { flexDirection: "column", gap: 0, marginTop: 1, children: [_jsx(EntityRows, { entity: componentTypes, label: "Component Type" }), _jsx(EntityRows, { entity: designTokens, label: "Design Token" }), summary && (_jsxs(Box, { gap: 1, marginTop: 1, children: [_jsxs(Text, { dimColor: true, children: ["Server: ", summary.succeeded, "/", summary.total, " succeeded"] }), summary.failed > 0 && _jsxs(Text, { color: PALETTE.error, children: [", ", summary.failed, " failed"] })] }))] })), _jsxs(Box, { gap: 1, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Space:" }), _jsx(Text, { children: spaceId }), _jsx(Text, { dimColor: true, children: "/" }), _jsx(Text, { dimColor: true, children: "Environment:" }), _jsx(Text, { children: environmentId })] }), success && totalPushed > 0 && (_jsxs(Box, { flexDirection: "column", gap: 1, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Your design system is now in Contentful ExO." }), _jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsx(Text, { dimColor: true, children: "View it here:" }), _jsx(Text, { color: PALETTE.info, children: buildPostPushUrl({ host: host ?? 'api.contentful.com', spaceId, environmentId }) })] })] })), runTeaser && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: runTeaser }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "[Enter / q] Exit" }) })] }));
 }

package/dist/src/import/tui/steps/ErrorStep.js

@@ -1,4 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { PALETTE } from '../../../analyze/select/tui/theme.js';
 import { Box, Text } from 'ink';
 import { useImmediateInput } from '../../../analyze/select/tui/hooks/useImmediateInput.js';
 export function ErrorStep({ stepName, message, onExit, onRetryCredentials }) {
@@ -11,5 +12,5 @@ export function ErrorStep({ stepName, message, onExit, onRetryCredentials }) {
             onExit();
         }
     });
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [_jsxs(Text, { bold: true, color: "red", children: ["\u2717 ", stepName, " failed"] }), _jsx(Text, { color: "red", children: message }), _jsxs(Box, { gap: 3, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "[Enter / q] Exit" }), onRetryCredentials && _jsx(Text, { dimColor: true, children: "[r] Re-enter credentials" })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [_jsxs(Text, { bold: true, color: PALETTE.error, children: ["\u2717 ", stepName, " failed"] }), _jsx(Text, { color: PALETTE.error, children: message }), _jsxs(Box, { gap: 3, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "[Enter / q] Exit" }), onRetryCredentials && _jsx(Text, { dimColor: true, children: "[r] Re-enter credentials" })] })] }));
 }

package/dist/src/import/tui/steps/GenerateReviewStep.d.ts

@@ -1,42 +1,36 @@
 import React from 'react';
-import type { CDFComponentEntry } from '@contentful/experience-design-system-types';
+import type { BreakingChange, CDFComponentEntry, ComponentTypeSummary, DownstreamImpact, ServerPreviewResponse } from '@contentful/experience-design-system-types';
 type GenerateReviewStepProps = {
     extractSessionId: string;
     onFinalize: (accepted: number, rejected: number, unresolved: number) => void;
     onQuit: () => void;
-    /**
-     * Feature 2 (live preview after every save). When `true` (default), the
-     * wizard re-runs `previewImport` after each successful FieldEditor Ctrl+S
-     * (debounced 500ms) and refreshes the sidebar's previewAnnotation badges.
-     * Operator opts out via `experiences import --no-live-preview`.
-     */
     livePreview?: boolean;
     spaceId?: string;
     environmentId?: string;
     cmaToken?: string;
     host?: string;
     tokensPath?: string;
-    /**
-     * INTEG-4411 refined: initial value for the inline `finalizeError` banner.
-     * The wizard sets this when it routes back to `final-review` after the
-     * preview API returned an empty diff (pure no-op push). Cleared on the
-     * next `a` / `A` keystroke.
-     */
     initialFinalizeError?: string | null;
 };
-/**
- * Sort components for the final-review sidebar so the underlying data array
- * matches the visual order. Empty components (zero classified $properties)
- * surface at the top via the warning-tier path in Sidebar.tsx; we mirror that
- * here so `selectedIdx` indexes into the same order the user sees. Without
- * this, j/k navigation lands on different rows than the visually-selected
- * one (INTEG-4259).
- *
- * Within each tier (empty / non-empty) we tie-break alphabetically by `key`.
- */
 export declare function sortComponentsForSidebar<T extends {
     key: string;
     entry: CDFComponentEntry;
-}>(components: T[]): T[];
+}>(components: T[], cycleParticipants?: Set<string>): T[];
+export { computeCycleAutoRejectTargets } from '../../cycle-auto-reject.js';
+export interface BreakingComponent {
+    componentName: string;
+    changes: BreakingChange[];
+    impact?: DownstreamImpact;
+    current?: ComponentTypeSummary;
+}
+export interface BreakingRow {
+    label: string;
+    componentName: string;
+    focusTarget?: {
+        kind: 'prop' | 'slot';
+        name: string;
+    };
+}
+export declare function buildBreakingRows(breakingChanges: BreakingComponent[]): BreakingRow[];
+export declare function deriveBreakingChanges(response: ServerPreviewResponse): BreakingComponent[];
 export declare function GenerateReviewStep({ extractSessionId, onFinalize, onQuit, livePreview, spaceId, environmentId, cmaToken, host, tokensPath, initialFinalizeError, }: GenerateReviewStepProps): React.ReactElement;
-export {};