@contentful/experience-design-system-cli 2.37.1-dev-build-e9daa6a1.0 → 2.37.1-dev-build-634a9990.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-e9daa6a1.0",
+  "version": "2.37.1-dev-build-634a9990.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/00-preflight/logic.d.ts

@@ -4,8 +4,7 @@ export declare const IMPORT_TARGET_OPTIONS: ReadonlyArray<{
     target: ImportTarget;
     label: string;
 }>;
-export declare const TOKENS_ONLY_OVERVIEW: readonly OverviewStep[];
-export declare const TOKENS_ONLY_STEP_COUNT: number;
+export declare function overviewFor(target: ImportTarget): readonly OverviewStep[];
 export type ImportStepId = 'project' | 'token-file' | 'path-validation' | 'credentials' | 'component-extraction' | 'token-generation' | 'scope-gate' | 'generation' | 'review' | 'save-push';
 export declare function stepsFor(target: ImportTarget): readonly ImportStepId[];
 export interface InputAnswers {

package/dist/src/tui/import/steps/02-token-input/screen.d.ts

@@ -1,11 +1,8 @@
 import React from 'react';
-import { type OverviewStep } from '../../shared/index.js';
 interface TokenInputScreenProps {
     onConfirm: (tokensPath: string) => void;
     onBack: () => void;
     initialPath?: string;
-    /** The steps of the import, shown above the prompt when this is the first screen the user sees (tokens only). */
-    overview?: readonly OverviewStep[];
 }
-export declare function TokenInputScreen({ onConfirm, onBack, initialPath, overview, }: TokenInputScreenProps): React.ReactElement;
+export declare function TokenInputScreen({ onConfirm, onBack, initialPath }: TokenInputScreenProps): React.ReactElement;
 export {};

package/dist/src/tui/import/steps/04-credentials/logic.d.ts

@@ -1,4 +1,4 @@
-export declare const FIELDS: readonly ["spaceId", "environmentId", "cmaToken", "host"];
+declare const FIELDS: readonly ["spaceId", "environmentId", "cmaToken", "host"];
 export type CredentialField = (typeof FIELDS)[number];
 export type CredentialValues = Record<CredentialField, string>;
 /**
@@ -6,14 +6,6 @@ export type CredentialValues = Record<CredentialField, string>;
  * unless the import only generates tokens, which has nothing to look up.
  */
 export declare function credentialsPurpose(tokensOnly: boolean): string;
-interface Key {
-    escape: boolean;
-    tab: boolean;
-    ctrl: boolean;
-}
-export type KeyAction = 'back' | 'next-field' | 'skip' | null;
-export declare function keyAction(input: string, key: Key): KeyAction;
-export declare function nextField(field: CredentialField): CredentialField;
 export declare function normalize(values: CredentialValues): CredentialValues;
 export declare function missingField(values: CredentialValues): boolean;
 export declare function isUnchanged(current: CredentialValues, initial: CredentialValues): boolean;

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

@@ -18,19 +18,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

@@ -2,10 +2,8 @@ import React from 'react';
 import type { PushProgress } from '../support/push-progress.js';
 import { type Produced } from '../support/produced.js';
 type PushingStepProps = {
-    stepNumber: number;
-    totalSteps: number;
     progress: PushProgress;
     produced: Produced;
 };
-export declare function PushingStep({ stepNumber, totalSteps, progress, produced }: PushingStepProps): React.ReactElement;
+export declare function PushingStep({ progress, produced }: 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/{settings/shared → shared/components}/FieldForm.d.ts

@@ -24,6 +24,8 @@ export type FormNotice = {
     text: string;
 };
 interface FieldFormProps<K extends string> {
+    /** Shown above the form, outside its padding, such as the import's step header. */
+    header?: React.ReactNode;
     title: string;
     /** What this form is for, shown dimmed under the title. */
     subtitle?: string;
@@ -31,8 +33,14 @@ interface FieldFormProps<K extends string> {
     values: Record<K, string>;
     onChange: (key: K, value: string) => void;
     onSave: () => void;
+    saveLabel?: string;
+    enterAdvances?: boolean;
+    onSkip?: () => void;
+    skipLabel?: string;
     /** Leaves without saving. */
     onQuit: () => void;
+    /** What Esc does, in the control hints. */
+    quitLabel?: string;
     /** Rows after the fields that are run, not edited. They share the cursor with the fields. */
     actions?: readonly FormAction[];
     notice?: FormNotice | null;
@@ -59,5 +67,5 @@ export declare function FormReadOnlyRow({ label, labelWidth, children, }: {
  * While one is open, keys type into it (so a "q" in a path is just a "q"), and Esc closes it and restores the old value.
  * Actions sit after the fields and take the same cursor: Enter runs one, and `c` does nothing on it.
  */
-export declare function FieldForm<K extends string>({ title, subtitle, fields, values, onChange, onSave, onQuit, actions, notice, busy, children, }: FieldFormProps<K>): React.ReactElement;
+export declare function FieldForm<K extends string>({ header, title, subtitle, fields, values, onChange, onSave, saveLabel, enterAdvances, onSkip, skipLabel, onQuit, quitLabel, actions, notice, busy, children, }: FieldFormProps<K>): React.ReactElement;
 export {};

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

@@ -0,0 +1,26 @@
+import React from 'react';
+declare const IMPORT_STEPS: readonly [{
+    readonly id: "setup";
+    readonly label: "Setup";
+}, {
+    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-e9daa6a1.0",
+  "version": "2.37.1-dev-build-634a9990.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-e9daa6a1.0",
-    "@contentful/experience-design-system-types": "2.37.1-dev-build-e9daa6a1.0"
+    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-634a9990.0",
+    "@contentful/experience-design-system-types": "2.37.1-dev-build-634a9990.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/04-credentials/controls.d.ts

@@ -1,21 +0,0 @@
-export declare const CREDENTIALS_CONTROLS: readonly [{
-    readonly keys: "Enter";
-    readonly label: "Next field / Continue";
-}, {
-    readonly keys: "Tab";
-    readonly label: "Switch field";
-}, {
-    readonly keys: "Ctrl+S";
-    readonly label: "Skip (no push)";
-}, {
-    readonly keys: "Esc";
-    readonly label: "Back";
-}];
-interface CredentialsHandlers {
-    disabled: boolean;
-    onBack: () => void;
-    onNextField: () => void;
-    onSkip: () => void;
-}
-export declare function useCredentialsControls(handlers: CredentialsHandlers): void;
-export {};

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 {};