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

package/dist/app.js

@@ -313,7 +313,7 @@ async function finishDebugRun({
   if (!await isDebugModeEnabled()) return;
   const durationMs = Date.now() - run.startedAt;
   const log = {
-    flow: logFolder(run.flow, run.step),
+    folder: logFolder(run.flow, run.step),
     menuOption: run.menuOption,
     content: renderMarkdown(run, { outputs: redact(outputs), status, exitMethod, durationMs })
   };
@@ -328,7 +328,7 @@ function logFolder(flow, step) {
   return flow.startsWith("import/") && /^\d+-/.test(step) ? `import/${step}` : flow;
 }
 async function writeLog(root, log) {
-  const dir = join5(root, ...log.flow.split("/"));
+  const dir = join5(root, ...log.folder.split("/"));
   await mkdir2(dir, { recursive: true });
   const filename = nextAttemptFilename(dir, log.menuOption);
   await writeFile2(join5(dir, filename), log.content, { mode: 384 });
@@ -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({
@@ -21921,27 +21947,12 @@ var HELP_SECTIONS = [
     ]
   }
 ];
-function ScopeGateScreen(props) {
-  if (props.components.length === 0) return /* @__PURE__ */ jsx29(NoComponents, {});
-  return /* @__PURE__ */ jsx29(ScopeGateView, { ...props });
-}
-function NoComponents() {
-  useEffect14(() => {
-    startDebugRun({
-      flow: "import/scope-gate",
-      step: "07-scope-gate",
-      menuOption: "Scope gate",
-      inputs: scopeGateLogInputs([], 0)
-    });
-    void finishDebugRun({
-      outputs: { outcome: "nothing to decide", error: "No components were found for this session." },
-      status: "error",
-      exitMethod: "discarded"
-    });
-  }, []);
-  return /* @__PURE__ */ jsx29(Box25, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx29(Text26, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
-}
-function ScopeGateView({ components, tokensPath, onConfirm, onQuit }) {
+function ScopeGateScreen({
+  components,
+  tokensPath,
+  onConfirm,
+  onQuit
+}) {
   const tokens = useMemo4(() => {
     const loaded = tokensPath ? loadTokenRows(tokensPath) : void 0;
     return loaded?.ok ? loaded.rows : [];
@@ -22196,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
@@ -22221,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)
     }
   );
 }
@@ -22388,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;
 }
@@ -22407,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",
@@ -22417,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({
@@ -22627,6 +22659,14 @@ function entryErrors(node, prefix) {
     const type = value["$type"];
     const check = type === "component" ? validateComponentEntry : TOKEN_TYPE_SET3.has(type) ? validateTokenEntry : void 0;
     if (!check) {
+      if (type !== void 0) {
+        errors.push({
+          path: `${path5}/$type`,
+          message: `Unknown $type "${String(type)}"`,
+          expected: "component or a design token type",
+          actual: String(type)
+        });
+      }
       errors.push(...entryErrors(value, path5));
     } else if (!check(value)) {
       errors.push(...toValidationErrors(check.errors, path5));
@@ -26958,7 +26998,7 @@ function openReviewTrail(components, now) {
   };
 }
 function recordReviewAction(trail, label) {
-  const kind = label.split(":")[0] ?? label;
+  const kind = label.split(":")[0];
   trail.kinds[kind] = (trail.kinds[kind] ?? 0) + 1;
   if (trail.actions.length < MAX_ACTIONS) trail.actions.push(label);
 }
@@ -28723,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: [
@@ -29293,6 +29337,8 @@ function flowContext(state2) {
 }
 function arrive(trail, state2) {
   const next = { ...trail, at: state2.step };
+  delete next.failure;
+  delete next.validation;
   if (state2.step === "error") {
     next.failure = { step: state2.errorStep, message: scrub(state2.errorMessage, state2) };
   }
@@ -29787,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 } });
       }
@@ -31833,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, {});
         }
@@ -31862,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

@@ -19616,7 +19616,7 @@ async function finishDebugRun({
   if (!await isDebugModeEnabled()) return;
   const durationMs = Date.now() - run.startedAt;
   const log = {
-    flow: logFolder(run.flow, run.step),
+    folder: logFolder(run.flow, run.step),
     menuOption: run.menuOption,
     content: renderMarkdown(run, { outputs: redact(outputs), status, exitMethod, durationMs })
   };
@@ -19631,7 +19631,7 @@ function logFolder(flow, step) {
   return flow.startsWith("import/") && /^\d+-/.test(step) ? `import/${step}` : flow;
 }
 async function writeLog(root, log) {
-  const dir = join19(root, ...log.flow.split("/"));
+  const dir = join19(root, ...log.folder.split("/"));
   await mkdir7(dir, { recursive: true });
   const filename = nextAttemptFilename(dir, log.menuOption);
   await writeFile7(join19(dir, filename), log.content, { mode: 384 });
@@ -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();
   }
@@ -24978,27 +25007,12 @@ var init_use_scope_gate = __esm({
 import { useEffect as useEffect14, useMemo as useMemo4 } from "react";
 import { Box as Box25, Text as Text26 } from "ink";
 import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
-function ScopeGateScreen(props) {
-  if (props.components.length === 0) return /* @__PURE__ */ jsx29(NoComponents, {});
-  return /* @__PURE__ */ jsx29(ScopeGateView, { ...props });
-}
-function NoComponents() {
-  useEffect14(() => {
-    startDebugRun({
-      flow: "import/scope-gate",
-      step: "07-scope-gate",
-      menuOption: "Scope gate",
-      inputs: scopeGateLogInputs([], 0)
-    });
-    void finishDebugRun({
-      outputs: { outcome: "nothing to decide", error: "No components were found for this session." },
-      status: "error",
-      exitMethod: "discarded"
-    });
-  }, []);
-  return /* @__PURE__ */ jsx29(Box25, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx29(Text26, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
-}
-function ScopeGateView({ components, tokensPath, onConfirm, onQuit }) {
+function ScopeGateScreen({
+  components,
+  tokensPath,
+  onConfirm,
+  onQuit
+}) {
   const tokens = useMemo4(() => {
     const loaded = tokensPath ? loadTokenRows(tokensPath) : void 0;
     return loaded?.ok ? loaded.rows : [];
@@ -25330,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);
   }
 });
@@ -25362,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)
     }
   );
 }
@@ -25532,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;
 }
@@ -25574,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",
@@ -25584,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({
@@ -25603,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();
   }
@@ -25818,6 +25855,14 @@ function entryErrors(node, prefix) {
     const type = value["$type"];
     const check = type === "component" ? validateComponentEntry : TOKEN_TYPE_SET3.has(type) ? validateTokenEntry : void 0;
     if (!check) {
+      if (type !== void 0) {
+        errors.push({
+          path: `${path5}/$type`,
+          message: `Unknown $type "${String(type)}"`,
+          expected: "component or a design token type",
+          actual: String(type)
+        });
+      }
       errors.push(...entryErrors(value, path5));
     } else if (!check(value)) {
       errors.push(...toValidationErrors(check.errors, path5));
@@ -30527,7 +30572,7 @@ function openReviewTrail(components, now) {
   };
 }
 function recordReviewAction(trail, label) {
-  const kind = label.split(":")[0] ?? label;
+  const kind = label.split(":")[0];
   trail.kinds[kind] = (trail.kinds[kind] ?? 0) + 1;
   if (trail.actions.length < MAX_ACTIONS) trail.actions.push(label);
 }
@@ -32433,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: [
@@ -33018,6 +33067,8 @@ function flowContext(state2) {
 }
 function arrive(trail, state2) {
   const next = { ...trail, at: state2.step };
+  delete next.failure;
+  delete next.validation;
   if (state2.step === "error") {
     next.failure = { step: state2.errorStep, message: scrub(state2.errorMessage, state2) };
   }
@@ -33559,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 } });
       }
@@ -35690,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, {});
         }
@@ -35719,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-15c351c1.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/07-scope-gate/screen.d.ts

@@ -6,5 +6,5 @@ interface ScopeGateScreenProps {
     onConfirm: (decisions: ScopeDecisions) => void;
     onQuit: () => void;
 }
-export declare function ScopeGateScreen(props: ScopeGateScreenProps): React.ReactElement;
+export declare function ScopeGateScreen({ components, tokensPath, onConfirm, onQuit, }: ScopeGateScreenProps): React.ReactElement;
 export {};

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-15c351c1.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-15c351c1.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-15c351c1.0"
+    "@contentful/experience-design-system-backend-pipeline": "2.42.1-dev-build-774b3e20.0"
   },
   "repository": {
     "type": "git",