@contentful/experience-design-system-cli 2.42.1-dev-build-1c5e1331.0 → 2.42.1-dev-build-774b3e20.0

package/dist/app.js

@@ -3054,6 +3054,19 @@ 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 trackFinished(previous, rows, elapsedMs) {
+  return rows.map((row, index) => previous[index] ?? (lineState(row) === "running" ? void 0 : elapsedMs));
+}
+function withTimes(rows, rowMs) {
+  return rows.map((row, index) => rowMs[index] === void 0 ? row : { ...row, ms: rowMs[index] });
+}
 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 +3102,9 @@ 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 };
+var textColor = (state2) => state2 === "warning" || state2 === "failed" ? STATE_COLOR[state2] : PALETTE.muted;
 function Line({ line }) {
   if (line.progress) {
     return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, children: [
@@ -3100,12 +3116,14 @@ function Line({ line }) {
           line.progress.total
         ] })
       ] }),
-      /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: line.text })
+      /* @__PURE__ */ jsx8(Text8, { color: textColor(lineState(line)), 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: textColor(state2), children: line.text }),
+    line.ms !== void 0 && /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: formatDuration(line.ms) })
   ] });
 }
 function RunningStep({
@@ -18751,7 +18769,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 +18790,20 @@ 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 withTimes(rows, rowMs);
 }
 function noComponentsMessage(projectPath) {
   return `No components found in ${projectPath}.
@@ -18810,13 +18832,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 +19267,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 +19281,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({
@@ -22181,23 +22207,34 @@ function describeGeneration(input) {
   return `${formatAcceptanceSummary({ accepted: input.acceptedCount, autoRejected: 0 })}
 ${agent} is reading each selected component and writing a Contentful component definition for it.${input.hasTokens ? "\nUsing your design tokens for prop resolution." : ""}`;
 }
-function progressRows2(progress, agent) {
+function componentsRow(components, name) {
+  if (!components) return { text: `Starting up ${name}...`, complete: false };
+  const { done, total, current, failed } = components;
+  if (total > 0 && done >= total) {
+    return failed > 0 ? {
+      text: `Generated ${total - failed} of ${total} components, ${failed} failed`,
+      complete: false,
+      state: "failed"
+    } : { text: `Generated ${total} component${total === 1 ? "" : "s"}`, complete: true };
+  }
+  return {
+    text: failed > 0 ? `${current} (${failed} failed so far)` : current,
+    complete: false,
+    progress: { done, total },
+    ...failed > 0 ? { state: "warning" } : {}
+  };
+}
+function progressRows2(progress, agent, rowMs = []) {
   const name = capitalize(agent);
   const { components, mapTokens } = progress;
-  const rows = [
-    {
-      text: components ? components.current : `Starting up ${name}...`,
-      complete: false,
-      ...components ? { progress: { done: components.done, total: components.total } } : {}
-    }
-  ];
+  const rows = [componentsRow(components, name)];
   if (mapTokens !== "idle") {
     rows.push({
       text: mapTokens === "running" ? `Mapping token restrictions via ${name}...` : "Token restrictions ready",
       complete: mapTokens === "complete"
     });
   }
-  return rows;
+  return withTimes(rows, rowMs);
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/screen.tsx
@@ -22206,14 +22243,15 @@ function GenerationScreen({
   progress,
   agent,
   acceptedCount,
-  hasTokens
+  hasTokens,
+  rowMs
 }) {
   return /* @__PURE__ */ jsx30(
     RunningStep,
     {
       step: "generation",
       description: describeGeneration({ acceptedCount, agent, hasTokens }),
-      lines: progressRows2(progress, agent)
+      lines: progressRows2(progress, agent, rowMs)
     }
   );
 }
@@ -22373,11 +22411,17 @@ function appendGeneratePromptOverride(input) {
   return [...input.promptOverrides, `generate=${input.generatePromptPath}`];
 }
 function applyProgressEvent2(event, previous, total) {
+  const failed = previous?.failed ?? 0;
   if (event.kind === "component:started") {
-    return { done: previous?.done ?? 0, total: event.total || total, current: event.name };
+    return { done: previous?.done ?? 0, total: event.total || total, current: event.name, failed };
   }
   if (event.kind === "component:completed" || event.kind === "component:failed" || event.kind === "component:cached") {
-    return { done: (previous?.done ?? 0) + 1, total: event.total || total, current: event.name };
+    return {
+      done: (previous?.done ?? 0) + 1,
+      total: event.total || total,
+      current: event.name,
+      failed: failed + (event.kind === "component:failed" ? 1 : 0)
+    };
   }
   return previous;
 }
@@ -22392,8 +22436,10 @@ function useGeneration(input) {
       setState(void 0);
       return;
     }
-    setState({ status: "running", progress: initialProgress2() });
+    setState({ status: "running", progress: initialProgress2(), rowMs: [] });
     let lastProgress;
+    const startedAt = Date.now();
+    let rowMs = [];
     startDebugRun({
       flow: "import/generation",
       step: "08-generation",
@@ -22402,7 +22448,8 @@ function useGeneration(input) {
     });
     void runGeneration(input, (progress) => {
       lastProgress = progress;
-      if (current.current === input) setState({ status: "running", progress });
+      rowMs = trackFinished(rowMs, progressRows2(progress, input.agent), Date.now() - startedAt);
+      if (current.current === input) setState({ status: "running", progress, rowMs });
     }).then((result) => {
       if (current.current !== input) return;
       void finishDebugRun({
@@ -28716,6 +28763,10 @@ function PushingStep({ progress, produced, counts }) {
           "/",
           progress.total,
           " entities"
+        ] }),
+        progress.failed > 0 && /* @__PURE__ */ jsxs43(Text45, { color: PALETTE.error, children: [
+          progress.failed,
+          " failed"
         ] })
       ] }) }),
       showCurrent && /* @__PURE__ */ jsxs43(Box43, { gap: 1, children: [
@@ -29782,7 +29833,9 @@ async function runPush(input, deps, onPatch) {
           const items = op.items ?? [];
           const lastDone = items.length > 0 ? items[items.length - 1] : null;
           const current = lastDone && lastDone.status === "succeeded" ? lastDone.id : null;
-          onPatch({ pushProgress: { kind: "progress", processed: done, total: summary.total, current } });
+          onPatch({
+            pushProgress: { kind: "progress", processed: done, total: summary.total, failed: summary.failed, current }
+          });
         }
         safeLog(deps, { pollTick: { attempt: pollCount, status: op.sys.status, summary: op.summary } });
       }
@@ -31828,7 +31881,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, {});
         }
@@ -31857,7 +31917,8 @@ function App({ importOptions, inkClear }) {
                 progress: generation.progress,
                 agent: scopeRun.input.agent,
                 acceptedCount: scopeFlow.decisions.accepted.length,
-                hasTokens: scopeRun.extraction.tokensPath !== ""
+                hasTokens: scopeRun.extraction.tokensPath !== "",
+                rowMs: generation.rowMs
               }
             );
           }

package/dist/index.js

@@ -20138,6 +20138,19 @@ 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 trackFinished(previous, rows, elapsedMs) {
+  return rows.map((row, index) => previous[index] ?? (lineState(row) === "running" ? void 0 : elapsedMs));
+}
+function withTimes(rows, rowMs) {
+  return rows.map((row, index) => rowMs[index] === void 0 ? row : { ...row, ms: rowMs[index] });
+}
 function progressPercent(progress) {
   if (progress.total <= 0) return 0;
   return Math.min(100, Math.max(0, Math.round(progress.done / progress.total * 100)));
@@ -20204,12 +20217,14 @@ function Line({ line }) {
           line.progress.total
         ] })
       ] }),
-      /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: line.text })
+      /* @__PURE__ */ jsx8(Text8, { color: textColor(lineState(line)), 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: textColor(state2), children: line.text }),
+    line.ms !== void 0 && /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: formatDuration(line.ms) })
   ] });
 }
 function RunningStep({
@@ -20230,6 +20245,7 @@ function RunningStep({
     ] })
   ] });
 }
+var STATE_ICON, STATE_COLOR, textColor;
 var init_running_step = __esm({
   "packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx"() {
     "use strict";
@@ -20238,6 +20254,9 @@ 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 };
+    textColor = (state2) => state2 === "warning" || state2 === "failed" ? STATE_COLOR[state2] : PALETTE.muted;
   }
 });
 
@@ -21535,7 +21554,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 +21575,20 @@ 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 withTimes(rows, rowMs);
 }
 function noComponentsMessage(projectPath) {
   return `No components found in ${projectPath}.
@@ -21596,18 +21619,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 +22116,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 +22130,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({
@@ -22122,6 +22150,7 @@ var init_use_extraction = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/06-extraction/use-extraction.ts"() {
     "use strict";
     init_debug_store();
+    init_logic4();
     init_logic9();
     init_run();
   }
@@ -25315,28 +25344,40 @@ function describeGeneration(input) {
   return `${formatAcceptanceSummary({ accepted: input.acceptedCount, autoRejected: 0 })}
 ${agent} is reading each selected component and writing a Contentful component definition for it.${input.hasTokens ? "\nUsing your design tokens for prop resolution." : ""}`;
 }
-function progressRows2(progress, agent) {
+function componentsRow(components, name) {
+  if (!components) return { text: `Starting up ${name}...`, complete: false };
+  const { done, total, current, failed } = components;
+  if (total > 0 && done >= total) {
+    return failed > 0 ? {
+      text: `Generated ${total - failed} of ${total} components, ${failed} failed`,
+      complete: false,
+      state: "failed"
+    } : { text: `Generated ${total} component${total === 1 ? "" : "s"}`, complete: true };
+  }
+  return {
+    text: failed > 0 ? `${current} (${failed} failed so far)` : current,
+    complete: false,
+    progress: { done, total },
+    ...failed > 0 ? { state: "warning" } : {}
+  };
+}
+function progressRows2(progress, agent, rowMs = []) {
   const name = capitalize(agent);
   const { components, mapTokens } = progress;
-  const rows = [
-    {
-      text: components ? components.current : `Starting up ${name}...`,
-      complete: false,
-      ...components ? { progress: { done: components.done, total: components.total } } : {}
-    }
-  ];
+  const rows = [componentsRow(components, name)];
   if (mapTokens !== "idle") {
     rows.push({
       text: mapTokens === "running" ? `Mapping token restrictions via ${name}...` : "Token restrictions ready",
       complete: mapTokens === "complete"
     });
   }
-  return rows;
+  return withTimes(rows, rowMs);
 }
 var capitalize;
 var init_logic11 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/08-generation/logic.ts"() {
     "use strict";
+    init_logic4();
     capitalize = (name) => name.charAt(0).toUpperCase() + name.slice(1);
   }
 });
@@ -25347,14 +25388,15 @@ function GenerationScreen({
   progress,
   agent,
   acceptedCount,
-  hasTokens
+  hasTokens,
+  rowMs
 }) {
   return /* @__PURE__ */ jsx30(
     RunningStep,
     {
       step: "generation",
       description: describeGeneration({ acceptedCount, agent, hasTokens }),
-      lines: progressRows2(progress, agent)
+      lines: progressRows2(progress, agent, rowMs)
     }
   );
 }
@@ -25517,11 +25559,17 @@ function appendGeneratePromptOverride(input) {
   return [...input.promptOverrides, `generate=${input.generatePromptPath}`];
 }
 function applyProgressEvent2(event, previous, total) {
+  const failed = previous?.failed ?? 0;
   if (event.kind === "component:started") {
-    return { done: previous?.done ?? 0, total: event.total || total, current: event.name };
+    return { done: previous?.done ?? 0, total: event.total || total, current: event.name, failed };
   }
   if (event.kind === "component:completed" || event.kind === "component:failed" || event.kind === "component:cached") {
-    return { done: (previous?.done ?? 0) + 1, total: event.total || total, current: event.name };
+    return {
+      done: (previous?.done ?? 0) + 1,
+      total: event.total || total,
+      current: event.name,
+      failed: failed + (event.kind === "component:failed" ? 1 : 0)
+    };
   }
   return previous;
 }
@@ -25559,8 +25607,10 @@ function useGeneration(input) {
       setState(void 0);
       return;
     }
-    setState({ status: "running", progress: initialProgress2() });
+    setState({ status: "running", progress: initialProgress2(), rowMs: [] });
     let lastProgress;
+    const startedAt = Date.now();
+    let rowMs = [];
     startDebugRun({
       flow: "import/generation",
       step: "08-generation",
@@ -25569,7 +25619,8 @@ function useGeneration(input) {
     });
     void runGeneration(input, (progress) => {
       lastProgress = progress;
-      if (current.current === input) setState({ status: "running", progress });
+      rowMs = trackFinished(rowMs, progressRows2(progress, input.agent), Date.now() - startedAt);
+      if (current.current === input) setState({ status: "running", progress, rowMs });
     }).then((result) => {
       if (current.current !== input) return;
       void finishDebugRun({
@@ -25588,6 +25639,7 @@ var init_use_generation = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/08-generation/use-generation.ts"() {
     "use strict";
     init_debug_store();
+    init_logic4();
     init_logic11();
     init_run2();
   }
@@ -32426,6 +32478,10 @@ function PushingStep({ progress, produced, counts }) {
           "/",
           progress.total,
           " entities"
+        ] }),
+        progress.failed > 0 && /* @__PURE__ */ jsxs43(Text45, { color: PALETTE.error, children: [
+          progress.failed,
+          " failed"
         ] })
       ] }) }),
       showCurrent && /* @__PURE__ */ jsxs43(Box43, { gap: 1, children: [
@@ -33554,7 +33610,9 @@ async function runPush(input, deps, onPatch) {
           const items = op.items ?? [];
           const lastDone = items.length > 0 ? items[items.length - 1] : null;
           const current = lastDone && lastDone.status === "succeeded" ? lastDone.id : null;
-          onPatch({ pushProgress: { kind: "progress", processed: done, total: summary.total, current } });
+          onPatch({
+            pushProgress: { kind: "progress", processed: done, total: summary.total, failed: summary.failed, current }
+          });
         }
         safeLog(deps, { pollTick: { attempt: pollCount, status: op.sys.status, summary: op.summary } });
       }
@@ -35685,7 +35743,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, {});
         }
@@ -35714,7 +35779,8 @@ function App({ importOptions, inkClear }) {
                 progress: generation.progress,
                 agent: scopeRun.input.agent,
                 acceptedCount: scopeFlow.decisions.accepted.length,
-                hasTokens: scopeRun.extraction.tokensPath !== ""
+                hasTokens: scopeRun.extraction.tokensPath !== "",
+                rowMs: generation.rowMs
               }
             );
           }

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.42.1-dev-build-1c5e1331.0",
+  "version": "2.42.1-dev-build-774b3e20.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,23 @@ 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;
+/**
+ * How long each row took, by position, for the rows that have finished. 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, so a row
+ * that appears later is added at the end.
+ */
+export declare function trackFinished(previous: ReadonlyArray<number | undefined>, rows: readonly RunningLine[], elapsedMs: number): Array<number | undefined>;
+/** The rows with the time each finished row took, by position. */
+export declare function withTimes(rows: RunningLine[], rowMs: ReadonlyArray<number | undefined>): RunningLine[];
 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,11 @@ 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[];
 /** 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/dist/src/tui/import/steps/08-generation/logic.d.ts

@@ -1,3 +1,4 @@
+import { type RunningLine } from '../../shared/running-step/logic.js';
 import type { GenerationInput, GenerationProgress, GenerationResult } from './types.js';
 /** What the debug log says the stage started with. The counts are logged, not the lists of names. */
 export declare function generationLogInputs(input: GenerationInput): Record<string, unknown>;
@@ -20,11 +21,5 @@ export declare function describeGeneration(input: {
     agent: string;
     hasTokens: boolean;
 }): string;
-export declare function progressRows(progress: GenerationProgress, agent: string): Array<{
-    text: string;
-    complete: boolean;
-    progress?: {
-        done: number;
-        total: number;
-    };
-}>;
+/** `rowMs` is how long each finished row took, by position (see `trackFinished`). */
+export declare function progressRows(progress: GenerationProgress, agent: string, rowMs?: ReadonlyArray<number | undefined>): RunningLine[];

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

@@ -5,6 +5,8 @@ interface GenerationScreenProps {
     agent: string;
     acceptedCount: number;
     hasTokens: boolean;
+    /** How long each finished row took, by position. */
+    rowMs?: ReadonlyArray<number | undefined>;
 }
-export declare function GenerationScreen({ progress, agent, acceptedCount, hasTokens, }: GenerationScreenProps): React.ReactElement;
+export declare function GenerationScreen({ progress, agent, acceptedCount, hasTokens, rowMs, }: GenerationScreenProps): React.ReactElement;
 export {};

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

@@ -26,11 +26,15 @@ export interface GenerationInput {
 }
 /** One line per thing the screen shows, in the order it shows them. */
 export interface GenerationProgress {
-    /** Components finished, out of the total, and the one being worked on. Null until the first progress line. */
+    /**
+     * Components finished, out of the total, and the one being worked on. `failed` counts the finished ones that failed: the
+     * run carries on through the rest and only fails at the end. Null until the first progress line.
+     */
     components: {
         done: number;
         total: number;
         current: string;
+        failed: number;
     } | null;
     mapTokens: 'idle' | 'running' | 'complete';
     /** Whether token mapping will run at all; unknown until the generated components have been looked at. */

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

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

package/dist/src/tui/import/steps/10-flow/support/push-progress.d.ts

@@ -5,5 +5,6 @@ export type PushProgress = {
     kind: 'progress';
     processed: number;
     total: number;
+    failed: number;
     current: string | null;
 } | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.42.1-dev-build-1c5e1331.0",
+  "version": "2.42.1-dev-build-774b3e20.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.1-dev-build-1c5e1331.0"
+    "@contentful/experience-design-system-types": "2.42.1-dev-build-774b3e20.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.1-dev-build-1c5e1331.0"
+    "@contentful/experience-design-system-backend-pipeline": "2.42.1-dev-build-774b3e20.0"
   },
   "repository": {
     "type": "git",