@contentful/experience-design-system-cli 2.37.1-dev-build-80337a9a.0 → 2.37.1-dev-build-2d576e63.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-80337a9a.0",
+  "version": "2.37.1-dev-build-2d576e63.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/dist/src/tui/import/shared/gate-step/gate-step.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type StepHeaderProps } from '@tui/shared/components/StepHeader.js';
 interface GateStepProps {
     message: string;
     onContinue: () => void;
@@ -9,6 +10,7 @@ interface GateStepProps {
     skipLabel?: string;
     onSkip?: () => void;
     intent?: 'success' | 'error';
+    step?: StepHeaderProps['step'];
 }
-export declare function GateStep({ message, onContinue, onQuit, summary, context, continueLabel, skipLabel, onSkip, intent, }: GateStepProps): React.ReactElement;
+export declare function GateStep({ message, onContinue, onQuit, summary, context, continueLabel, skipLabel, onSkip, intent, step, }: GateStepProps): React.ReactElement;
 export {};

package/dist/src/tui/import/shared/running-step/logic.d.ts

@@ -9,4 +9,3 @@ export interface RunningLine {
 }
 export declare function progressPercent(progress: Progress): number;
 export declare function formatElapsed(totalSeconds: number): string;
-export declare function stepLabel(stepNumber: number, totalSteps: number, title: string): string;

package/dist/src/tui/import/shared/running-step/running-step.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 import { type RunningLine } from './logic.js';
+import type { ImportStepId } from '@tui/shared/components/StepHeader.js';
 interface RunningStepProps {
-    stepNumber: number;
-    totalSteps: number;
-    title: string;
+    step: ImportStepId;
     description: string;
     lines?: readonly RunningLine[];
 }
-export declare function RunningStep({ stepNumber, totalSteps, title, description, lines, }: RunningStepProps): React.ReactElement;
+export declare function RunningStep({ step, description, lines, }: RunningStepProps): React.ReactElement;
 export {};

package/dist/src/tui/import/steps/06-extraction/logic.d.ts

@@ -20,19 +20,6 @@ export declare function progressRows(progress: ExtractionProgress, agent: string
 }>;
 /** True when every job is already done, so the screen would only flash. The wizard shows nothing in this case. */
 export declare function isFullCacheHit(progress: ExtractionProgress): boolean;
-/**
- * The wizard's step counts: three fixed steps, one more when there is a token stage, two more when components are
- * imported, and one more when the tokens can be mapped (not known yet at this stage, so it adds nothing here).
- * Extraction is step 2 when there is a token stage, otherwise step 1.
- */
-export declare function stepNumbers(input: {
-    hasRawTokens: boolean;
-    skipComponents?: boolean;
-    mapTokensEligible?: boolean | null;
-}): {
-    stepNumber: number;
-    totalSteps: number;
-};
 export declare function noComponentsMessage(projectPath: string): string;
 export declare function agentAuthMessage(agent: string, status: 'not-found' | 'unauthenticated'): string;
 /**

package/dist/src/tui/import/steps/06-extraction/screen.d.ts

@@ -3,8 +3,6 @@ import type { ExtractionProgress } from './types.js';
 interface ExtractionScreenProps {
     progress: ExtractionProgress;
     agent: string;
-    stepNumber: number;
-    totalSteps: number;
 }
-export declare function ExtractionScreen({ progress, agent, stepNumber, totalSteps, }: ExtractionScreenProps): React.ReactElement;
+export declare function ExtractionScreen({ progress, agent }: ExtractionScreenProps): React.ReactElement;
 export {};

package/dist/src/tui/import/steps/07-scope-gate/sidebar/components/windowed-panel.d.ts

@@ -25,6 +25,10 @@ export interface FixedPanelProps {
 export declare function FixedPanel({ width, height, minHeight, focused, borderStyle, borderColor, paddingLeft, clipOverflow, children, }: FixedPanelProps): ReactElement;
 /** Shared frame for panels whose viewport must not change with their contents. */
 export declare function WindowedPanel({ width, height, title, focused, children }: WindowedPanelProps): ReactElement;
+export declare function WindowFooter({ above, below }: {
+    above: number;
+    below: number;
+}): ReactElement;
 export declare function WindowIndicator({ direction, count }: {
     direction: WindowDirection;
     count: number;

package/dist/src/tui/import/steps/08-generation/screen.d.ts

@@ -5,8 +5,6 @@ interface GenerationScreenProps {
     agent: string;
     acceptedCount: number;
     hasTokens: boolean;
-    stepNumber: number;
-    totalSteps: number;
 }
-export declare function GenerationScreen({ progress, agent, acceptedCount, hasTokens, stepNumber, totalSteps, }: GenerationScreenProps): React.ReactElement;
+export declare function GenerationScreen({ progress, agent, acceptedCount, hasTokens, }: GenerationScreenProps): React.ReactElement;
 export {};

package/dist/src/tui/import/steps/10-flow/screens/PushingStep.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import type { PushProgress } from '../support/push-progress.js';
 type PushingStepProps = {
-    stepNumber: number;
-    totalSteps: number;
     progress: PushProgress;
 };
-export declare function PushingStep({ stepNumber, totalSteps, progress }: PushingStepProps): React.ReactElement;
+export declare function PushingStep({ progress }: PushingStepProps): React.ReactElement;
 export {};

package/dist/src/tui/import/steps/10-flow/screens/WizardPreviewStep.d.ts

@@ -4,11 +4,9 @@ type WizardPreviewStepProps = {
     preview: ServerPreviewResponse;
     spaceId: string;
     environmentId: string;
-    stepNumber: number;
-    totalSteps: number;
     onConfirm: (acknowledge: boolean) => void;
     onEdit?: () => void;
     onQuit: () => void;
 };
-export declare function WizardPreviewStep({ preview, spaceId, environmentId, stepNumber, totalSteps, onConfirm, onEdit, onQuit, }: WizardPreviewStepProps): React.ReactElement;
+export declare function WizardPreviewStep({ preview, spaceId, environmentId, onConfirm, onEdit, onQuit, }: WizardPreviewStepProps): React.ReactElement;
 export {};

package/dist/src/tui/import/steps/10-flow/support/preview-diff.d.ts

@@ -1,7 +1,7 @@
 import type { ChangeClassification, ComponentTypeSummary } from '@contentful/experience-design-system-types';
 export interface PropertyDiffLine {
     key: string;
-    color: 'green' | 'red' | 'yellow';
+    color: string;
     text: string;
 }
 export declare function computeComponentDiffLines(current: ComponentTypeSummary, proposed: Record<string, unknown>, changeClassification?: ChangeClassification): PropertyDiffLine[];

package/dist/src/tui/shared/components/ControlHints.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ControlHint {
+    keys: string;
+    label: string;
+    active?: boolean;
+}
+export declare function ControlHints({ hints }: {
+    hints: readonly ControlHint[];
+}): React.ReactElement;

package/dist/src/tui/shared/components/StepHeader.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+declare const IMPORT_STEPS: readonly [{
+    readonly id: "extraction";
+    readonly label: "Extract";
+}, {
+    readonly id: "scope-gate";
+    readonly label: "Select";
+}, {
+    readonly id: "generation";
+    readonly label: "Generate";
+}, {
+    readonly id: "review";
+    readonly label: "Review";
+}, {
+    readonly id: "push";
+    readonly label: "Push";
+}];
+export type ImportStepId = (typeof IMPORT_STEPS)[number]['id'];
+export interface StepHeaderProps {
+    step: ImportStepId | 'done';
+}
+export declare function StepHeader({ step }: StepHeaderProps): React.ReactElement;
+export {};

package/dist/src/tui/theme.d.ts

@@ -5,6 +5,7 @@ export declare const PALETTE: {
     readonly muted: "#aec1cc";
     readonly border: "#aec1cc";
     readonly accent: "#40a0ff";
+    readonly onAccent: "#111B2B";
     readonly error: "#ff707d";
     readonly success: "#5DB057";
     readonly warning: "#FFC835";
@@ -13,6 +14,7 @@ export declare const PALETTE: {
     readonly muted: "#5A657C";
     readonly border: "#5A657C";
     readonly accent: "#0059c8";
+    readonly onAccent: "#FFFFFF";
     readonly error: "#bd002a";
     readonly success: "#006D23";
     readonly warning: "#CC4500";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-80337a9a.0",
+  "version": "2.37.1-dev-build-2d576e63.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",
@@ -45,8 +45,8 @@
     "ts-morph": "^27.0.2",
     "typescript": "^5.9.3",
     "zod": "^4.6.5",
-    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-80337a9a.0",
-    "@contentful/experience-design-system-types": "2.37.1-dev-build-80337a9a.0"
+    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-2d576e63.0",
+    "@contentful/experience-design-system-types": "2.37.1-dev-build-2d576e63.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",

package/dist/src/tui/control-hints.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare function ControlHints({ hints }: {
-    hints: readonly {
-        keys: string;
-        label: string;
-    }[];
-}): React.ReactElement;

package/dist/src/tui/import/steps/07-scope-gate/sidebar/components/LegendEntry.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function legendEntry(keyBracket: string, label: string, active?: boolean): React.ReactElement;

package/dist/src/tui/import/steps/07-scope-gate/sidebar/theme.d.ts

@@ -1,8 +0,0 @@
-export declare const PALETTE: {
-    readonly info: "#40a0ff" | "#0059c8";
-    readonly success: "#5DB057" | "#006D23";
-    readonly error: "#ff707d" | "#bd002a";
-    readonly warning: "#FFC835" | "#CC4500";
-    readonly muted: "#aec1cc" | "#5A657C";
-    readonly border: "#aec1cc" | "#5A657C";
-};

package/dist/src/tui/import/steps/10-flow/components/StepHeader.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-type StepHeaderProps = {
-    stepNumber: number;
-    totalSteps: number;
-    title: string;
-};
-export declare function StepHeader({ stepNumber, totalSteps, title }: StepHeaderProps): React.ReactElement;
-export {};