@contentful/experience-design-system-cli 2.42.0 → 2.42.1-dev-build-8fa38033.0

package/dist/app.js

@@ -3054,6 +3054,13 @@ import { Box as Box8, Text as Text8 } from "ink";
 import { ProgressBar, Spinner, ThemeProvider } from "@inkjs/ui";
 
 // packages/experience-design-system-cli/src/tui/import/shared/running-step/logic.ts
+function lineState(line) {
+  if (line.state) return line.state;
+  return line.complete ? "done" : "running";
+}
+function formatDuration(ms) {
+  return ms < 1e3 ? "<1s" : formatElapsed(Math.round(ms / 1e3));
+}
 function progressPercent(progress) {
   if (progress.total <= 0) return 0;
   return Math.min(100, Math.max(0, Math.round(progress.done / progress.total * 100)));
@@ -3089,6 +3096,8 @@ function useElapsed() {
 
 // packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var STATE_ICON = { done: "\u2713", warning: "!", failed: "\u2717" };
+var STATE_COLOR = { done: PALETTE.success, warning: PALETTE.warning, failed: PALETTE.error };
 function Line({ line }) {
   if (line.progress) {
     return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, children: [
@@ -3103,9 +3112,11 @@ function Line({ line }) {
       /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: line.text })
     ] });
   }
+  const state2 = lineState(line);
   return /* @__PURE__ */ jsxs8(Box8, { gap: 1, children: [
-    line.complete ? /* @__PURE__ */ jsx8(Text8, { color: PALETTE.success, children: "\u2713" }) : /* @__PURE__ */ jsx8(Spinner, {}),
-    /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: line.text })
+    state2 === "running" ? /* @__PURE__ */ jsx8(Spinner, {}) : /* @__PURE__ */ jsx8(Text8, { color: STATE_COLOR[state2], children: STATE_ICON[state2] }),
+    /* @__PURE__ */ jsx8(Text8, { color: state2 === "warning" || state2 === "failed" ? STATE_COLOR[state2] : PALETTE.muted, children: line.text }),
+    line.ms !== void 0 && /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: formatDuration(line.ms) })
   ] });
 }
 function RunningStep({
@@ -18751,7 +18762,7 @@ function plural(count, noun) {
 function compositionDone(progress) {
   return progress.composition === "done" || progress.composition === "cache-hit";
 }
-function progressRows(progress, agent) {
+function progressRows(progress, agent, rowMs = []) {
   const { scan, composition, selection, existingEntities, tokens } = progress;
   const scanned = scan?.scanned ?? 0;
   const scanComplete = (scan?.total ?? 0) > 0;
@@ -18772,16 +18783,23 @@ function progressRows(progress, agent) {
   if (existingEntities !== "idle") {
     rows.push({
       text: existingEntities === "running" ? "Fetching existing components and tokens..." : existingEntities === "complete" ? "Existing components and tokens ready" : "Existing entities unavailable; continuing without them",
-      complete: existingEntities !== "running"
+      complete: existingEntities !== "running",
+      // The import carries on without them, so this is not shown as a success.
+      ...existingEntities === "failed" ? { state: "warning" } : {}
     });
   }
   if (tokens !== "idle") {
     rows.push({
       text: tokens === "complete" ? "Token definitions ready" : tokens === "failed" ? "Token definition generation failed" : `Generating token definitions via ${agent}...`,
-      complete: tokens === "complete"
+      complete: tokens === "complete",
+      // A failed job is not still running.
+      ...tokens === "failed" ? { state: "failed" } : {}
     });
   }
-  return rows;
+  return rows.map((row, index) => rowMs[index] === void 0 ? row : { ...row, ms: rowMs[index] });
+}
+function trackFinished(previous, rows, elapsedMs) {
+  return rows.map((row, index) => previous[index] ?? (lineState(row) === "running" ? void 0 : elapsedMs));
 }
 function noComponentsMessage(projectPath) {
   return `No components found in ${projectPath}.
@@ -18810,13 +18828,13 @@ function resolveAgentChoice(flag, stored) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/screen.tsx
 import { jsx as jsx16 } from "react/jsx-runtime";
-function ExtractionScreen({ progress, agent }) {
+function ExtractionScreen({ progress, agent, rowMs }) {
   return /* @__PURE__ */ jsx16(
     RunningStep,
     {
       step: "extraction",
       description: "Extracting context from your source files.",
-      lines: progressRows(progress, agent)
+      lines: progressRows(progress, agent, rowMs)
     }
   );
 }
@@ -19245,9 +19263,12 @@ function useExtraction(input) {
       progress: initialProgress({
         hasCredentials: input.credentials !== null,
         hasRawTokens: input.rawTokensPath !== ""
-      })
+      }),
+      rowMs: []
     });
     let lastProgress;
+    const startedAt = Date.now();
+    let rowMs = [];
     startDebugRun({
       flow: "import/extraction",
       step: "06-extraction",
@@ -19256,7 +19277,8 @@ function useExtraction(input) {
     });
     void runExtraction(input, (progress) => {
       lastProgress = progress;
-      if (current.current === input) setState({ status: "running", progress });
+      rowMs = trackFinished(rowMs, progressRows(progress, input.agent), Date.now() - startedAt);
+      if (current.current === input) setState({ status: "running", progress, rowMs });
     }).then((result) => {
       if (current.current !== input) return;
       void finishDebugRun({
@@ -31833,7 +31855,14 @@ function App({ importOptions, inkClear }) {
             return /* @__PURE__ */ jsx66(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
           }
           if (extraction?.status === "running") {
-            return /* @__PURE__ */ jsx66(ExtractionScreen, { progress: extraction.progress, agent: extractionRun.input.agent });
+            return /* @__PURE__ */ jsx66(
+              ExtractionScreen,
+              {
+                progress: extraction.progress,
+                agent: extractionRun.input.agent,
+                rowMs: extraction.rowMs
+              }
+            );
           }
           return /* @__PURE__ */ jsx66(Fragment22, {});
         }

package/dist/index.js

@@ -20138,6 +20138,13 @@ var init_overview_box = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/shared/running-step/logic.ts
+function lineState(line) {
+  if (line.state) return line.state;
+  return line.complete ? "done" : "running";
+}
+function formatDuration(ms) {
+  return ms < 1e3 ? "<1s" : formatElapsed(Math.round(ms / 1e3));
+}
 function progressPercent(progress) {
   if (progress.total <= 0) return 0;
   return Math.min(100, Math.max(0, Math.round(progress.done / progress.total * 100)));
@@ -20207,9 +20214,11 @@ function Line({ line }) {
       /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: line.text })
     ] });
   }
+  const state2 = lineState(line);
   return /* @__PURE__ */ jsxs8(Box8, { gap: 1, children: [
-    line.complete ? /* @__PURE__ */ jsx8(Text8, { color: PALETTE.success, children: "\u2713" }) : /* @__PURE__ */ jsx8(Spinner, {}),
-    /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: line.text })
+    state2 === "running" ? /* @__PURE__ */ jsx8(Spinner, {}) : /* @__PURE__ */ jsx8(Text8, { color: STATE_COLOR[state2], children: STATE_ICON[state2] }),
+    /* @__PURE__ */ jsx8(Text8, { color: state2 === "warning" || state2 === "failed" ? STATE_COLOR[state2] : PALETTE.muted, children: line.text }),
+    line.ms !== void 0 && /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: formatDuration(line.ms) })
   ] });
 }
 function RunningStep({
@@ -20230,6 +20239,7 @@ function RunningStep({
     ] })
   ] });
 }
+var STATE_ICON, STATE_COLOR;
 var init_running_step = __esm({
   "packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx"() {
     "use strict";
@@ -20238,6 +20248,8 @@ var init_running_step = __esm({
     init_theme2();
     init_StepHeader();
     init_use_elapsed();
+    STATE_ICON = { done: "\u2713", warning: "!", failed: "\u2717" };
+    STATE_COLOR = { done: PALETTE.success, warning: PALETTE.warning, failed: PALETTE.error };
   }
 });
 
@@ -21535,7 +21547,7 @@ function plural(count, noun) {
 function compositionDone(progress) {
   return progress.composition === "done" || progress.composition === "cache-hit";
 }
-function progressRows(progress, agent) {
+function progressRows(progress, agent, rowMs = []) {
   const { scan, composition, selection, existingEntities, tokens } = progress;
   const scanned = scan?.scanned ?? 0;
   const scanComplete = (scan?.total ?? 0) > 0;
@@ -21556,16 +21568,23 @@ function progressRows(progress, agent) {
   if (existingEntities !== "idle") {
     rows.push({
       text: existingEntities === "running" ? "Fetching existing components and tokens..." : existingEntities === "complete" ? "Existing components and tokens ready" : "Existing entities unavailable; continuing without them",
-      complete: existingEntities !== "running"
+      complete: existingEntities !== "running",
+      // The import carries on without them, so this is not shown as a success.
+      ...existingEntities === "failed" ? { state: "warning" } : {}
     });
   }
   if (tokens !== "idle") {
     rows.push({
       text: tokens === "complete" ? "Token definitions ready" : tokens === "failed" ? "Token definition generation failed" : `Generating token definitions via ${agent}...`,
-      complete: tokens === "complete"
+      complete: tokens === "complete",
+      // A failed job is not still running.
+      ...tokens === "failed" ? { state: "failed" } : {}
     });
   }
-  return rows;
+  return rows.map((row, index) => rowMs[index] === void 0 ? row : { ...row, ms: rowMs[index] });
+}
+function trackFinished(previous, rows, elapsedMs) {
+  return rows.map((row, index) => previous[index] ?? (lineState(row) === "running" ? void 0 : elapsedMs));
 }
 function noComponentsMessage(projectPath) {
   return `No components found in ${projectPath}.
@@ -21596,18 +21615,19 @@ var init_logic9 = __esm({
     "use strict";
     init_src3();
     init_debug_trail();
+    init_logic4();
   }
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/screen.tsx
 import { jsx as jsx16 } from "react/jsx-runtime";
-function ExtractionScreen({ progress, agent }) {
+function ExtractionScreen({ progress, agent, rowMs }) {
   return /* @__PURE__ */ jsx16(
     RunningStep,
     {
       step: "extraction",
       description: "Extracting context from your source files.",
-      lines: progressRows(progress, agent)
+      lines: progressRows(progress, agent, rowMs)
     }
   );
 }
@@ -22092,9 +22112,12 @@ function useExtraction(input) {
       progress: initialProgress({
         hasCredentials: input.credentials !== null,
         hasRawTokens: input.rawTokensPath !== ""
-      })
+      }),
+      rowMs: []
     });
     let lastProgress;
+    const startedAt = Date.now();
+    let rowMs = [];
     startDebugRun({
       flow: "import/extraction",
       step: "06-extraction",
@@ -22103,7 +22126,8 @@ function useExtraction(input) {
     });
     void runExtraction(input, (progress) => {
       lastProgress = progress;
-      if (current.current === input) setState({ status: "running", progress });
+      rowMs = trackFinished(rowMs, progressRows(progress, input.agent), Date.now() - startedAt);
+      if (current.current === input) setState({ status: "running", progress, rowMs });
     }).then((result) => {
       if (current.current !== input) return;
       void finishDebugRun({
@@ -35690,7 +35714,14 @@ function App({ importOptions, inkClear }) {
             return /* @__PURE__ */ jsx66(ErrorStep, { stepName: extraction.result.step, message: extraction.result.message, onExit: leaveImport });
           }
           if (extraction?.status === "running") {
-            return /* @__PURE__ */ jsx66(ExtractionScreen, { progress: extraction.progress, agent: extractionRun.input.agent });
+            return /* @__PURE__ */ jsx66(
+              ExtractionScreen,
+              {
+                progress: extraction.progress,
+                agent: extractionRun.input.agent,
+                rowMs: extraction.rowMs
+              }
+            );
           }
           return /* @__PURE__ */ jsx66(Fragment22, {});
         }

package/dist/package.json

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

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

@@ -5,7 +5,15 @@ export interface Progress {
 export interface RunningLine {
     text: string;
     complete?: boolean;
+    /** Set for a row that ended badly. A warning carries on without it; a failure does not. Otherwise `complete` decides. */
+    state?: 'warning' | 'failed';
     progress?: Progress;
+    /** How long the row took, once it has finished. */
+    ms?: number;
 }
+export type LineState = 'running' | 'done' | 'warning' | 'failed';
+/** What a row looks like. A row that ended badly is never shown as running or as done. */
+export declare function lineState(line: RunningLine): LineState;
+export declare function formatDuration(ms: number): string;
 export declare function progressPercent(progress: Progress): number;
 export declare function formatElapsed(totalSeconds: number): string;

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

@@ -1,4 +1,5 @@
 import type { ExtractAndComposeProgress } from '@contentful/experience-design-system-backend-pipeline';
+import { type RunningLine } from '../../shared/running-step/logic.js';
 import type { ExtractionInput, ExtractionProgress, ExtractionResult } from './types.js';
 /** Structured progress events emitted by the orchestrator (extraction + composition). */
 export type ProgressEvent = ExtractAndComposeProgress;
@@ -24,11 +25,17 @@ export declare function initialProgress(input: {
     hasRawTokens: boolean;
 }): ExtractionProgress;
 export declare function applyProgressEvent(progress: ExtractionProgress, event: ProgressEvent): ExtractionProgress;
-/** The rows the screen shows, in the order the wizard showed them. Rows that do not apply are left out. */
-export declare function progressRows(progress: ExtractionProgress, agent: string): Array<{
-    text: string;
-    complete: boolean;
-}>;
+/**
+ * The rows the screen shows, in the order the wizard showed them. Rows that do not apply are left out. `rowMs` is how long
+ * each finished row took, by position (see `trackFinished`).
+ */
+export declare function progressRows(progress: ExtractionProgress, agent: string, rowMs?: ReadonlyArray<number | undefined>): RunningLine[];
+/**
+ * How long each row took, by position, for the rows that have finished. The jobs all start together, so a row's time is how
+ * long the run had been going when it was first seen finished, and it does not change after that. Rows keep their position
+ * for the whole run, since every job that applies is started up front.
+ */
+export declare function trackFinished(previous: ReadonlyArray<number | undefined>, rows: readonly RunningLine[], elapsedMs: number): Array<number | undefined>;
 /** 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;
 export declare function noComponentsMessage(projectPath: string): string;

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

@@ -3,6 +3,8 @@ import type { ExtractionProgress } from './types.js';
 interface ExtractionScreenProps {
     progress: ExtractionProgress;
     agent: string;
+    /** How long each finished row took, by position. */
+    rowMs?: ReadonlyArray<number | undefined>;
 }
-export declare function ExtractionScreen({ progress, agent }: ExtractionScreenProps): React.ReactElement;
+export declare function ExtractionScreen({ progress, agent, rowMs }: ExtractionScreenProps): React.ReactElement;
 export {};

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

@@ -2,6 +2,7 @@ import type { ExtractionInput, ExtractionProgress, ExtractionResult } from './ty
 export type ExtractionState = {
     status: 'running';
     progress: ExtractionProgress;
+    rowMs: Array<number | undefined>;
 } | {
     status: 'done';
     result: ExtractionResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.42.0",
+  "version": "2.42.1-dev-build-8fa38033.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",
@@ -45,7 +45,7 @@
     "ts-morph": "^27.0.2",
     "typescript": "^5.9.3",
     "zod": "^4.6.5",
-    "@contentful/experience-design-system-types": "2.42.0"
+    "@contentful/experience-design-system-types": "2.42.1-dev-build-8fa38033.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",
@@ -59,7 +59,7 @@
     "ink-testing-library": "^4.0.0",
     "typescript-eslint": "^8.67.0",
     "vitest": "^4.0.16",
-    "@contentful/experience-design-system-backend-pipeline": "2.42.0"
+    "@contentful/experience-design-system-backend-pipeline": "2.42.1-dev-build-8fa38033.0"
   },
   "repository": {
     "type": "git",