@contentful/experience-design-system-cli 2.37.1-dev-build-8a9493aa.0 → 2.37.1-dev-build-c5c89a0c.0

package/dist/app.js

@@ -821,6 +821,16 @@ var init_parse_map_token_prop_tool_calls = __esm({
 
 // packages/experience-design-system-backend-pipeline/dist/src/agents/services/run-agent.js
 import { spawn } from "node:child_process";
+function killProcessTree(pid, signal) {
+  try {
+    process.kill(-pid, signal);
+  } catch {
+    try {
+      process.kill(pid, signal);
+    } catch {
+    }
+  }
+}
 async function runAgent(options) {
   const { agent, prompt, timeoutMs, model, onOutput, promptViaStdin, onDebugEvent } = options;
   const bedrock = options.bedrock ?? process.env.EDS_BEDROCK === "1";
@@ -837,10 +847,11 @@ async function runAgent(options) {
     promptLen: prompt.length,
     promptHead: prompt.slice(0, 500)
   });
-  return new Promise((resolve28) => {
+  return new Promise((resolve29) => {
     const bedrockEnv = bedrock ? BEDROCK_ENV_BY_AGENT[agent] : void 0;
     const child = spawn(binary, args, {
       stdio: ["pipe", "pipe", "pipe"],
+      detached: true,
       ...bedrockEnv ? { env: { ...process.env, ...bedrockEnv } } : {}
     });
     if (useStdin2 && child.stdin) {
@@ -852,50 +863,87 @@ async function runAgent(options) {
     } else {
       child.stdin?.end();
     }
-    let stdout = "";
-    let stderr = "";
+    const stdoutChunks = [];
+    const stderrChunks = [];
     let timedOut = false;
-    const timer = setTimeout(() => {
+    let settled = false;
+    const pid = child.pid;
+    const settle = (result) => {
+      if (settled)
+        return;
+      settled = true;
+      clearTimeout(softTimer);
+      clearTimeout(hardTimer);
+      onDebugEvent?.("run.end", {
+        agent,
+        model,
+        durationMs: Date.now() - startedAt,
+        exitCode: result.exitCode,
+        timedOut: result.timedOut,
+        stdoutLen: result.stdout.length,
+        stderrLen: result.stderr.length,
+        stderrTail: result.stderr.slice(-1e3)
+      });
+      resolve29(result);
+    };
+    const softTimer = setTimeout(() => {
       timedOut = true;
-      child.kill("SIGTERM");
+      if (pid)
+        killProcessTree(pid, "SIGTERM");
     }, timeoutMs);
+    const hardTimer = setTimeout(() => {
+      if (settled)
+        return;
+      if (pid)
+        killProcessTree(pid, "SIGKILL");
+      try {
+        child.stdout?.destroy();
+        child.stderr?.destroy();
+        child.stdin?.destroy();
+      } catch {
+      }
+      settle({
+        exitCode: 1,
+        stdout: Buffer.concat(stdoutChunks).toString("utf8"),
+        stderr: Buffer.concat(stderrChunks).toString("utf8"),
+        timedOut: true
+      });
+    }, timeoutMs + WATCHDOG_GRACE_MS);
     child.stdout?.on("data", (chunk) => {
-      const text = chunk.toString();
-      stdout += text;
-      onOutput?.(text);
+      stdoutChunks.push(chunk);
+      if (onOutput)
+        onOutput(chunk.toString("utf8"));
     });
     child.stderr?.on("data", (chunk) => {
-      stderr += chunk.toString();
+      stderrChunks.push(chunk);
+    });
+    child.on("error", (err) => {
+      settle({
+        exitCode: 1,
+        stdout: Buffer.concat(stdoutChunks).toString("utf8"),
+        stderr: `${err instanceof Error ? err.message : String(err)}
+${Buffer.concat(stderrChunks).toString("utf8")}`,
+        timedOut
+      });
     });
     child.on("close", (code, signal) => {
-      clearTimeout(timer);
-      const result = {
+      settle({
         exitCode: signal ? 1 : code ?? 1,
-        stdout,
-        stderr,
+        stdout: Buffer.concat(stdoutChunks).toString("utf8"),
+        stderr: Buffer.concat(stderrChunks).toString("utf8"),
         timedOut
-      };
-      onDebugEvent?.("run.end", {
-        agent,
-        model,
-        durationMs: Date.now() - startedAt,
-        exitCode: result.exitCode,
-        signal,
-        timedOut,
-        stdoutLen: stdout.length,
-        stderrLen: stderr.length,
-        stderrTail: stderr.slice(-1e3)
       });
-      resolve28(result);
     });
   });
 }
+var WATCHDOG_GRACE_MS;
 var init_run_agent = __esm({
   "packages/experience-design-system-backend-pipeline/dist/src/agents/services/run-agent.js"() {
     "use strict";
     init_bedrock();
     init_build_agent_args();
     init_resolve_binary();
+    WATCHDOG_GRACE_MS = 10 * 1e3;
   }
 });
 
@@ -908,7 +956,7 @@ async function checkAgentAuth(agent) {
     return "not-found";
   if (agent !== "claude")
     return "ok";
-  return new Promise((resolve28) => {
+  return new Promise((resolve29) => {
     const child = spawn2(binary, ["auth", "status", "--json"], { stdio: ["ignore", "pipe", "pipe"] });
     let stdout = "";
     let done = false;
@@ -917,7 +965,7 @@ async function checkAgentAuth(agent) {
         return;
       done = true;
       child.kill("SIGTERM");
-      resolve28("unauthenticated");
+      resolve29("unauthenticated");
     }, 5e3);
     child.stdout?.on("data", (chunk) => {
       stdout += chunk.toString();
@@ -928,14 +976,14 @@ async function checkAgentAuth(agent) {
       done = true;
       clearTimeout(timer);
       if (code !== 0) {
-        resolve28("unauthenticated");
+        resolve29("unauthenticated");
         return;
       }
       try {
         const status = JSON.parse(stdout);
-        resolve28(status.loggedIn ? "ok" : "unauthenticated");
+        resolve29(status.loggedIn ? "ok" : "unauthenticated");
       } catch {
-        resolve28("unauthenticated");
+        resolve29("unauthenticated");
       }
     });
   });
@@ -945,9 +993,9 @@ async function binaryIsOnPath(binary) {
     const fs = await import("node:fs/promises");
     return fs.access(binary).then(() => true, () => false);
   }
-  return new Promise((resolve28) => {
+  return new Promise((resolve29) => {
     const child = spawn2(process.platform === "win32" ? "where" : "which", [binary], { stdio: "ignore" });
-    child.on("close", (code) => resolve28(code === 0));
+    child.on("close", (code) => resolve29(code === 0));
   });
 }
 var init_check_agent_auth = __esm({
@@ -1584,7 +1632,8 @@ var init_infer_fence_lang = __esm({
       sass: "scss",
       css: "css",
       json: "json",
-      json5: "json"
+      json5: "json",
+      html: "html"
     };
   }
 });
@@ -2083,22 +2132,22 @@ var init_cache_keys = __esm({
 
 // packages/experience-design-system-types/dist/src/config/index.js
 import { randomBytes as randomBytes4 } from "node:crypto";
-import { mkdir as mkdir6, readFile as readFile18, rename as rename2, writeFile as writeFile6 } from "node:fs/promises";
+import { mkdir as mkdir6, readFile as readFile20, rename as rename2, writeFile as writeFile6 } from "node:fs/promises";
 import { homedir as homedir3 } from "node:os";
-import { dirname as dirname13, join as join16 } from "node:path";
+import { dirname as dirname14, join as join16 } from "node:path";
 function configRoot2() {
   return process.env["EDS_HOME"] || join16(homedir3(), ".contentful", "experience-design-system-cli");
 }
 async function readSettings2() {
   try {
-    return JSON.parse(await readFile18(configFilePath2(), "utf8"));
+    return JSON.parse(await readFile20(configFilePath2(), "utf8"));
   } catch {
     return {};
   }
 }
 async function writeSettings2(settings) {
   const path5 = configFilePath2();
-  await mkdir6(dirname13(path5), { recursive: true });
+  await mkdir6(dirname14(path5), { recursive: true });
   const tmp = `${path5}.${process.pid}.${randomBytes4(4).toString("hex")}.tmp`;
   await writeFile6(tmp, `${JSON.stringify(settings, null, 2)}
 `, { mode: 384 });
@@ -2142,7 +2191,7 @@ var init_debug_mode_store = __esm({
 
 // packages/experience-design-system-cli/src/tui/debug-prune.ts
 import { readdir as readdir2, rm, rmdir, stat as stat4 } from "node:fs/promises";
-import { dirname as dirname16, join as join23 } from "node:path";
+import { dirname as dirname17, join as join23 } from "node:path";
 async function logFilesIn(dir) {
   const entries = await readdir2(dir, { withFileTypes: true });
   const nested = await Promise.all(
@@ -2165,7 +2214,7 @@ async function removeEmptyFolders(from, stop) {
     }
     removed += 1;
     if (dir === stop) return removed;
-    dir = dirname16(dir);
+    dir = dirname17(dir);
   }
 }
 async function pruneExpiredLogs(base, retentionDays, now = Date.now()) {
@@ -2181,7 +2230,7 @@ async function pruneExpiredLogs(base, retentionDays, now = Date.now()) {
           if ((await stat4(file)).mtimeMs >= cutoff) continue;
           await rm(file);
           result.logs += 1;
-          result.folders += await removeEmptyFolders(dirname16(file), join23(contentfulDir, session));
+          result.folders += await removeEmptyFolders(dirname17(file), join23(contentfulDir, session));
         } catch {
         }
       }
@@ -2211,7 +2260,7 @@ __export(debug_store_exports, {
 });
 import { mkdir as mkdir9, writeFile as writeFile8 } from "node:fs/promises";
 import { existsSync as existsSync9, readdirSync as readdirSync4 } from "node:fs";
-import { join as join24, resolve as resolve26 } from "node:path";
+import { join as join24, resolve as resolve27 } from "node:path";
 function generateRunId() {
   const now = /* @__PURE__ */ new Date();
   const pad = (n) => String(n).padStart(2, "0");
@@ -2227,7 +2276,7 @@ function slugify(value) {
 async function readBaseDir() {
   try {
     const dir = (await readSettings2())["contentfulBaseDir"];
-    return typeof dir === "string" && dir !== "" ? resolve26(dir) : void 0;
+    return typeof dir === "string" && dir !== "" ? resolve27(dir) : void 0;
   } catch {
     return void 0;
   }
@@ -2256,7 +2305,7 @@ function currentSessionDir() {
 async function startDebugSessionIn(base, { replace = false } = {}) {
   try {
     if (!await isDebugModeEnabled()) return;
-    await mkdir9(join24(startSession(resolve26(base), { replace }), "debug"), { recursive: true });
+    await mkdir9(join24(startSession(resolve27(base), { replace }), "debug"), { recursive: true });
   } catch {
   }
 }
@@ -2270,7 +2319,7 @@ function nextImportRunDir(session) {
 }
 async function startImportRun(projectPath) {
   await startDebugSessionIn(projectPath);
-  if (!sessionDir) return join24(resolve26(projectPath), ".contentful");
+  if (!sessionDir) return join24(resolve27(projectPath), ".contentful");
   const dir = nextImportRunDir(sessionDir);
   await mkdir9(dir, { recursive: true });
   return dir;
@@ -2519,7 +2568,7 @@ function ControlHints({ hints }) {
 // packages/experience-design-system-cli/src/tui/home/home.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var VERSION = readPackageVersion();
-var HEADING = "Contentful Experiences";
+var HEADING = "Design System Import";
 var MIN_TERMINAL_WIDTH = 164;
 var START_ITEMS = [
   { label: "Import", screen: "import" },
@@ -2849,6 +2898,7 @@ function StepHeader({ step }) {
     {
       justifyContent: "space-between",
       paddingX: 2,
+      paddingTop: 1,
       marginBottom: 1,
       borderStyle: "single",
       borderColor: PALETTE.border,
@@ -3120,17 +3170,19 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
     const path5 = toProjectPath(value);
     if (path5) onContinue(path5);
   };
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx11(Text10, { bold: true, color: PALETTE.accent, children: "Let's import your design system into Contentful." }),
-    /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx11(Text10, { children: "Where is your component library?" }),
-      /* @__PURE__ */ jsxs10(Box10, { children: [
-        /* @__PURE__ */ jsx11(Text10, { color: PALETTE.accent, children: "? " }),
-        /* @__PURE__ */ jsx11(Text10, { children: "Project path: " }),
-        /* @__PURE__ */ jsx11(ClearableTextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx11(Box10, { children: /* @__PURE__ */ jsx11(ControlHints, { hints: WELCOME_CONTROLS }) })
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx11(StepHeader, { step: "setup" }),
+    /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, children: [
+        /* @__PURE__ */ jsx11(Text10, { color: PALETTE.text, children: "Where is your component library?" }),
+        /* @__PURE__ */ jsxs10(Box10, { children: [
+          /* @__PURE__ */ jsx11(Text10, { color: PALETTE.accent, children: "? " }),
+          /* @__PURE__ */ jsx11(Text10, { children: "Project path: " }),
+          /* @__PURE__ */ jsx11(ClearableTextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx11(Box10, { children: /* @__PURE__ */ jsx11(ControlHints, { hints: WELCOME_CONTROLS }) })
+    ] })
   ] });
 }
 
@@ -11979,6 +12031,690 @@ function mergeSlots2(fromSnippetProps, fromTemplate) {
   return { slots: [...byName.values()], mixedWarning: mixed };
 }
 
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/extract-angular-components.js
+import { readFile as readFile8 } from "node:fs/promises";
+import { ModuleKind as ModuleKind2, Project as Project7, ScriptTarget as ScriptTarget2 } from "ts-morph";
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/find-component-decorator.js
+import { Node as Node10 } from "ts-morph";
+function resolveToObjectLiteral(expr, depth = 0) {
+  if (!expr || depth > 3)
+    return null;
+  if (Node10.isObjectLiteralExpression(expr))
+    return expr;
+  if (Node10.isIdentifier(expr)) {
+    const defs = expr.getDefinitions();
+    for (const def of defs) {
+      const node = def.getDeclarationNode();
+      if (node && Node10.isVariableDeclaration(node)) {
+        const init = node.getInitializer();
+        const resolved = resolveToObjectLiteral(init, depth + 1);
+        if (resolved)
+          return resolved;
+      }
+    }
+  }
+  return null;
+}
+function findComponentDecorator(cls) {
+  const decorator = cls.getDecorator("Component");
+  if (!decorator)
+    return null;
+  const [arg] = decorator.getArguments();
+  return resolveToObjectLiteral(arg);
+}
+function hasComponentDecorator(cls) {
+  return cls.getDecorator("Component") !== void 0;
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/props/extract-decorator-input.js
+import { Node as Node12 } from "ts-morph";
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/props/resolve-prop-type.js
+import { Node as Node11 } from "ts-morph";
+function resolvePropType(typeNode) {
+  if (!typeNode) {
+    return { text: "any", allowedValues: null, isTemplateRef: false };
+  }
+  const text = typeNode.getText();
+  const members = extractStringLiteralUnion(typeNode);
+  const isTemplateRef = containsTemplateRef(typeNode);
+  return {
+    text,
+    allowedValues: members.length > 0 ? members : null,
+    isTemplateRef
+  };
+}
+function extractStringLiteralUnion(typeNode) {
+  if (Node11.isLiteralTypeNode(typeNode)) {
+    const lit = typeNode.getLiteral();
+    if (Node11.isStringLiteral(lit) || Node11.isNoSubstitutionTemplateLiteral(lit)) {
+      return [lit.getLiteralText()];
+    }
+    return [];
+  }
+  if (Node11.isUnionTypeNode(typeNode)) {
+    const out = [];
+    for (const member of typeNode.getTypeNodes()) {
+      const sub = extractStringLiteralUnion(member);
+      if (sub.length === 0 && !isNullOrUndefinedLiteral(member)) {
+        return [];
+      }
+      out.push(...sub);
+    }
+    return out;
+  }
+  return [];
+}
+function isNullOrUndefinedLiteral(typeNode) {
+  if (Node11.isLiteralTypeNode(typeNode)) {
+    const lit = typeNode.getLiteral();
+    if (Node11.isNullLiteral(lit))
+      return true;
+  }
+  const t = typeNode.getText();
+  return t === "null" || t === "undefined";
+}
+function containsTemplateRef(typeNode) {
+  const text = typeNode.getText();
+  return /\bTemplateRef\b/.test(text);
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/props/extract-decorator-input.js
+function extractDecoratorInput(field) {
+  const decorator = field.getDecorator("Input");
+  if (!decorator)
+    return null;
+  const fieldName = field.getName();
+  const args = decorator.getArguments();
+  let alias = null;
+  let required = false;
+  let transformIsBoolean = false;
+  let transformIsNumber = false;
+  if (args.length === 1) {
+    const arg = args[0];
+    if (Node12.isStringLiteral(arg) || Node12.isNoSubstitutionTemplateLiteral(arg)) {
+      alias = arg.getLiteralText();
+    } else if (Node12.isObjectLiteralExpression(arg)) {
+      const aliasProp = arg.getProperty("alias");
+      if (aliasProp && Node12.isPropertyAssignment(aliasProp)) {
+        const init = aliasProp.getInitializer();
+        if (init && (Node12.isStringLiteral(init) || Node12.isNoSubstitutionTemplateLiteral(init))) {
+          alias = init.getLiteralText();
+        }
+      }
+      const requiredProp = arg.getProperty("required");
+      if (requiredProp && Node12.isPropertyAssignment(requiredProp)) {
+        const init = requiredProp.getInitializer();
+        if (init?.getText() === "true")
+          required = true;
+      }
+      const transformProp = arg.getProperty("transform");
+      if (transformProp && Node12.isPropertyAssignment(transformProp)) {
+        const transformText = transformProp.getInitializer()?.getText() ?? "";
+        if (/\bbooleanAttribute\b/.test(transformText))
+          transformIsBoolean = true;
+        if (/\bnumberAttribute\b/.test(transformText))
+          transformIsNumber = true;
+      }
+    }
+  }
+  let typeNode;
+  let defaultValue;
+  if (Node12.isSetAccessorDeclaration(field)) {
+    const param = field.getParameters()[0];
+    typeNode = param?.getTypeNode();
+  } else if (Node12.isGetAccessorDeclaration(field)) {
+    const parent = field.getParent();
+    const companionSetter = parent && Node12.isClassDeclaration(parent) ? parent.getSetAccessor(fieldName) : void 0;
+    if (companionSetter) {
+      typeNode = companionSetter.getParameters()[0]?.getTypeNode();
+    }
+    if (!typeNode)
+      typeNode = field.getReturnTypeNode();
+  } else {
+    typeNode = field.getTypeNode();
+    const initializer = field.getInitializer();
+    if (initializer)
+      defaultValue = initializer.getText();
+  }
+  const resolved = resolvePropType(typeNode);
+  const typeText = transformIsBoolean ? "boolean" : transformIsNumber ? "number" : resolved.text;
+  const name = alias ?? fieldName;
+  const prop = {
+    name,
+    type: typeText,
+    required,
+    sourceStartLine: field.getStartLineNumber(),
+    sourceEndLine: field.getEndLineNumber()
+  };
+  if (defaultValue !== void 0)
+    prop.defaultValue = defaultValue;
+  if (resolved.allowedValues && !transformIsBoolean && !transformIsNumber) {
+    prop.allowedValues = resolved.allowedValues;
+  }
+  return prop;
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/props/extract-signal-input.js
+import { Node as Node13 } from "ts-morph";
+function extractSignalInput(field) {
+  const init = field.getInitializer();
+  if (!init || !Node13.isCallExpression(init))
+    return null;
+  const callee = init.getExpression();
+  let required = false;
+  if (Node13.isIdentifier(callee)) {
+    if (callee.getText() !== "input")
+      return null;
+  } else if (Node13.isPropertyAccessExpression(callee)) {
+    const left = callee.getExpression();
+    const right = callee.getName();
+    if (!Node13.isIdentifier(left) || left.getText() !== "input" || right !== "required")
+      return null;
+    required = true;
+  } else {
+    return null;
+  }
+  const fieldName = field.getName();
+  const args = init.getArguments();
+  let defaultValue;
+  let configArg;
+  if (required) {
+    configArg = args[0];
+  } else {
+    const first = args[0];
+    if (first) {
+      defaultValue = first.getText();
+      configArg = args[1];
+    }
+  }
+  let alias = null;
+  let transformIsBoolean = false;
+  let transformIsNumber = false;
+  if (configArg && Node13.isObjectLiteralExpression(configArg)) {
+    const aliasProp = configArg.getProperty("alias");
+    if (aliasProp && Node13.isPropertyAssignment(aliasProp)) {
+      const aliasInit = aliasProp.getInitializer();
+      if (aliasInit && (Node13.isStringLiteral(aliasInit) || Node13.isNoSubstitutionTemplateLiteral(aliasInit))) {
+        alias = aliasInit.getLiteralText();
+      }
+    }
+    const transformProp = configArg.getProperty("transform");
+    if (transformProp && Node13.isPropertyAssignment(transformProp)) {
+      const transformText = transformProp.getInitializer()?.getText() ?? "";
+      if (/\bbooleanAttribute\b/.test(transformText))
+        transformIsBoolean = true;
+      if (/\bnumberAttribute\b/.test(transformText))
+        transformIsNumber = true;
+    }
+  }
+  const typeArg = init.getTypeArguments()[0];
+  const resolved = resolvePropType(typeArg);
+  const typeText = transformIsBoolean ? "boolean" : transformIsNumber ? "number" : resolved.text;
+  const name = alias ?? fieldName;
+  const prop = {
+    name,
+    type: typeText,
+    required,
+    sourceStartLine: field.getStartLineNumber(),
+    sourceEndLine: field.getEndLineNumber()
+  };
+  if (defaultValue !== void 0)
+    prop.defaultValue = defaultValue;
+  if (resolved.allowedValues && !transformIsBoolean && !transformIsNumber) {
+    prop.allowedValues = resolved.allowedValues;
+  }
+  return prop;
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/props/parse-inputs-array-entry.js
+function parseInputsArrayEntry(entry) {
+  const trimmed = entry.trim();
+  if (!trimmed)
+    return null;
+  const parts = trimmed.split(":");
+  if (parts.length === 1) {
+    return { fieldName: parts[0].trim(), alias: null };
+  }
+  if (parts.length === 2) {
+    const field = parts[0].trim();
+    const alias = parts[1].trim();
+    if (!field || !alias)
+      return null;
+    return { fieldName: field, alias };
+  }
+  return null;
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/props/extract-props.js
+var MAX_BASE_CHAIN = 10;
+function collectClassChain(cls) {
+  const chain = [cls];
+  const seen = /* @__PURE__ */ new Set([cls]);
+  let current = cls;
+  for (let i = 0; i < MAX_BASE_CHAIN; i++) {
+    let base;
+    try {
+      base = current.getBaseClass();
+    } catch {
+      break;
+    }
+    if (!base || seen.has(base))
+      break;
+    chain.push(base);
+    seen.add(base);
+    current = base;
+  }
+  return chain;
+}
+function extractProps2(cls, meta) {
+  const byName = /* @__PURE__ */ new Map();
+  const chain = collectClassChain(cls);
+  for (const klass of chain) {
+    for (const field of klass.getProperties()) {
+      const prop = extractDecoratorInput(field);
+      if (prop && !byName.has(prop.name))
+        byName.set(prop.name, prop);
+    }
+    for (const setter of klass.getSetAccessors()) {
+      const prop = extractDecoratorInput(setter);
+      if (prop && !byName.has(prop.name))
+        byName.set(prop.name, prop);
+    }
+    for (const getter of klass.getGetAccessors()) {
+      const prop = extractDecoratorInput(getter);
+      if (prop && !byName.has(prop.name))
+        byName.set(prop.name, prop);
+    }
+    for (const field of klass.getProperties()) {
+      const prop = extractSignalInput(field);
+      if (prop && !byName.has(prop.name))
+        byName.set(prop.name, prop);
+    }
+  }
+  for (const entry of meta.inputsArray) {
+    const parsed = parseInputsArrayEntry(entry);
+    if (!parsed)
+      continue;
+    const name = parsed.alias ?? parsed.fieldName;
+    if (byName.has(name))
+      continue;
+    byName.set(name, { name, type: "any", required: false });
+  }
+  return [...byName.values()];
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/read-component-metadata.js
+import { dirname as dirname10, resolve as resolve12 } from "node:path";
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/resolution/normalize-component-name.js
+var SUFFIXES = ["Component", "Directive"];
+function normalizeComponentName2(className) {
+  for (const suffix of SUFFIXES) {
+    if (className.endsWith(suffix) && className.length > suffix.length) {
+      return className.slice(0, -suffix.length);
+    }
+  }
+  return className;
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/read-decorator-string.js
+import { Node as Node14 } from "ts-morph";
+function readDecoratorString(obj, propName) {
+  const prop = obj.getProperty(propName);
+  if (!prop || !Node14.isPropertyAssignment(prop))
+    return null;
+  const init = prop.getInitializer();
+  if (!init)
+    return null;
+  if (Node14.isStringLiteral(init) || Node14.isNoSubstitutionTemplateLiteral(init)) {
+    return init.getLiteralText();
+  }
+  return null;
+}
+function readDecoratorStringArray(obj, propName) {
+  const prop = obj.getProperty(propName);
+  if (!prop || !Node14.isPropertyAssignment(prop))
+    return [];
+  const init = prop.getInitializer();
+  if (!init || !Node14.isArrayLiteralExpression(init))
+    return [];
+  const out = [];
+  for (const el of init.getElements()) {
+    if (Node14.isStringLiteral(el) || Node14.isNoSubstitutionTemplateLiteral(el)) {
+      out.push(el.getLiteralText());
+    }
+  }
+  return out;
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/read-component-metadata.js
+function readComponentMetadata(cls, sourceFilePath) {
+  const obj = findComponentDecorator(cls);
+  if (!obj)
+    return null;
+  const className = cls.getName();
+  if (!className)
+    return null;
+  const rawSelector = readDecoratorString(obj, "selector");
+  const inlineTemplate = readDecoratorString(obj, "template");
+  const templateUrlRel = readDecoratorString(obj, "templateUrl");
+  const inputsArray = readDecoratorStringArray(obj, "inputs");
+  const templatePath = templateUrlRel ? resolve12(dirname10(sourceFilePath), templateUrlRel) : null;
+  const decorator = cls.getDecorator("Component");
+  const decoratorLine = decorator?.getStartLineNumber() ?? cls.getStartLineNumber();
+  return {
+    className,
+    normalizedName: normalizeComponentName2(className),
+    rawSelector,
+    inlineTemplate,
+    templatePath,
+    inputsArray,
+    decoratorLine
+  };
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/template/parse-ng-content-elements.js
+function parseNgContentElements(templateHtml) {
+  const out = [];
+  const tagRe = /<ng-content\b([^>]*?)\/?>/gi;
+  for (const match2 of templateHtml.matchAll(tagRe)) {
+    const attrs = match2[1] ?? "";
+    const selectMatch = attrs.match(/\bselect\s*=\s*(?:"([^"]*)"|'([^']*)')/);
+    const rawSelect = selectMatch ? selectMatch[1] ?? selectMatch[2] ?? null : null;
+    const sourceLine = countLines(templateHtml, match2.index ?? 0);
+    out.push({ rawSelect, sourceLine });
+  }
+  return out;
+}
+function countLines(text, offset) {
+  let line = 1;
+  for (let i = 0; i < offset && i < text.length; i++) {
+    if (text.charCodeAt(i) === 10)
+      line++;
+  }
+  return line;
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/template/resolve-template-source.js
+import { readFile as readFile7 } from "node:fs/promises";
+async function resolveTemplateSource(meta) {
+  if (meta.inlineTemplate !== null)
+    return meta.inlineTemplate;
+  if (meta.templatePath === null)
+    return null;
+  try {
+    return await readFile7(meta.templatePath, "utf8");
+  } catch {
+    return null;
+  }
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/resolution/strip-library-prefix.js
+var KNOWN_PREFIXES = ["Mat", "Cdk", "Nz", "Cds", "Ibm", "Clr", "Hlm", "Brn", "Tui", "Nb", "Fd", "P", "Ng"];
+function stripLibraryPrefix(name) {
+  for (const prefix of KNOWN_PREFIXES) {
+    if (name.startsWith(prefix) && name.length > prefix.length) {
+      const rest = name.slice(prefix.length);
+      if (rest[0] && rest[0] === rest[0].toUpperCase()) {
+        return rest;
+      }
+    }
+  }
+  return name;
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/slots/derive-slot-name.js
+function deriveSlotName(rawSelect, parentNormalizedName) {
+  if (!rawSelect || rawSelect.trim() === "")
+    return "children";
+  if (rawSelect.includes(",")) {
+    const first = rawSelect.split(",")[0].trim();
+    return deriveSingleSelectorName(first, parentNormalizedName);
+  }
+  return deriveSingleSelectorName(rawSelect.trim(), parentNormalizedName);
+}
+function deriveSingleSelectorName(sel, parentNormalizedName) {
+  const slotAttrMatch = sel.match(/^\[\s*slot\s*=\s*['"]?([^'"\]]+)['"]?\s*\]$/);
+  if (slotAttrMatch)
+    return slotAttrMatch[1].trim();
+  if (sel.startsWith(".")) {
+    const last = sel.slice(1).split("-").pop() ?? sel.slice(1);
+    return kebabToCamel2(last);
+  }
+  const attrMatch = sel.match(/^\[([^=\]]+)\]$/);
+  if (attrMatch) {
+    const attr = attrMatch[1].trim();
+    const stripped = tryStripSubComponentOrLibraryPrefix(attr, parentNormalizedName);
+    return stripped || kebabToCamel2(attr);
+  }
+  const elMatch = sel.match(/^([a-zA-Z][a-zA-Z0-9-]*)/);
+  if (elMatch) {
+    const tag = elMatch[1];
+    const stripped = tryStripSubComponentOrLibraryPrefix(tag, parentNormalizedName);
+    return stripped || kebabToCamel2(tag);
+  }
+  return sel.replace(/\s+/g, "");
+}
+function tryStripSubComponentOrLibraryPrefix(ident, parentNormalizedName) {
+  const parentKebab = pascalToKebab(parentNormalizedName);
+  if (parentKebab && ident.startsWith(`${parentKebab}-`)) {
+    return kebabToCamel2(ident.slice(parentKebab.length + 1));
+  }
+  const asPascal = kebabToPascal2(ident);
+  const stripped = stripLibraryPrefix(asPascal);
+  if (stripped !== asPascal) {
+    return stripped.charAt(0).toLowerCase() + stripped.slice(1);
+  }
+  return null;
+}
+function kebabToCamel2(s) {
+  return s.replace(/-([a-z])/g, (_, c2) => c2.toUpperCase());
+}
+function kebabToPascal2(s) {
+  const camel = kebabToCamel2(s);
+  return camel.charAt(0).toUpperCase() + camel.slice(1);
+}
+function pascalToKebab(s) {
+  return s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/slots/extract-content-child-queries.js
+import { Node as Node15 } from "ts-morph";
+function extractContentChildQueries(cls) {
+  const out = [];
+  for (const field of cls.getProperties()) {
+    const fieldName = field.getName();
+    const init = field.getInitializer();
+    if (init && Node15.isCallExpression(init)) {
+      const callee = init.getExpression();
+      if (Node15.isIdentifier(callee)) {
+        const name = callee.getText();
+        if (name === "contentChild" || name === "contentChildren") {
+          const first = init.getArguments()[0];
+          const allowed = resolveClassIdentifierArg(first);
+          out.push(buildSlot(fieldName, allowed));
+          continue;
+        }
+      }
+    }
+    for (const decName of ["ContentChild", "ContentChildren"]) {
+      const dec = field.getDecorator(decName);
+      if (dec) {
+        const first = dec.getArguments()[0];
+        const allowed = resolveClassIdentifierArg(first);
+        out.push(buildSlot(fieldName, allowed));
+        break;
+      }
+    }
+  }
+  return out;
+}
+function resolveClassIdentifierArg(arg) {
+  if (!arg)
+    return [];
+  if (Node15.isStringLiteral(arg) || Node15.isNoSubstitutionTemplateLiteral(arg))
+    return [];
+  if (Node15.isIdentifier(arg))
+    return [arg.getText()];
+  return [];
+}
+function buildSlot(name, allowed) {
+  const slot = {
+    name,
+    isDefault: false
+  };
+  if (allowed.length > 0)
+    slot.allowedComponents = allowed;
+  return slot;
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/slots/extract-template-ref-slots.js
+function extractTemplateRefSlots(props) {
+  const nextProps = [];
+  const slots = [];
+  for (const prop of props) {
+    const type = prop.type;
+    const hasTemplateRef = /\bTemplateRef\b/.test(type);
+    if (!hasTemplateRef) {
+      nextProps.push(prop);
+      continue;
+    }
+    const isPureTemplateRef = /^\s*TemplateRef<[^>]*>\s*(\|\s*(null|undefined)\s*)*$/.test(type);
+    if (!isPureTemplateRef) {
+      nextProps.push(prop);
+    }
+    slots.push({ name: prop.name, isDefault: false });
+  }
+  return { props: nextProps, slots };
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/slots/extract-slots.js
+async function extractSlots3(cls, meta, props) {
+  const byName = /* @__PURE__ */ new Map();
+  const template = await resolveTemplateSource(meta);
+  if (template) {
+    for (const el of parseNgContentElements(template)) {
+      const name = deriveSlotName(el.rawSelect, meta.normalizedName);
+      if (byName.has(name))
+        continue;
+      byName.set(name, {
+        name,
+        isDefault: el.rawSelect === null
+      });
+    }
+  }
+  for (const slot of extractContentChildQueries(cls)) {
+    if (!byName.has(slot.name))
+      byName.set(slot.name, slot);
+  }
+  const split = extractTemplateRefSlots(props);
+  for (const slot of split.slots) {
+    if (!byName.has(slot.name))
+      byName.set(slot.name, slot);
+  }
+  return { props: split.props, slots: [...byName.values()] };
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/extract-angular-components.js
+async function extractAngularComponents(filePaths, onProgress, _opts) {
+  const components = [];
+  const warnings = [];
+  let filesProcessed = 0;
+  const project = new Project7({
+    useInMemoryFileSystem: false,
+    skipAddingFilesFromTsConfig: true,
+    compilerOptions: {
+      target: ScriptTarget2.ES2022,
+      module: ModuleKind2.ESNext,
+      experimentalDecorators: true,
+      emitDecoratorMetadata: false,
+      allowJs: false
+    }
+  });
+  for (const filePath of filePaths) {
+    try {
+      const source = await readFile8(filePath, "utf8");
+      const sourceFile = project.createSourceFile(filePath, source, { overwrite: true });
+      for (const cls of sourceFile.getClasses()) {
+        if (!hasComponentDecorator(cls))
+          continue;
+        if (!findComponentDecorator(cls)) {
+          warnings.push(`${filePath}: ${cls.getName() ?? "<anonymous>"} has @Component with a non-literal argument; skipped.`);
+          continue;
+        }
+        const meta = readComponentMetadata(cls, filePath);
+        if (!meta)
+          continue;
+        const propsOnly = extractProps2(cls, meta);
+        const { props, slots } = await extractSlots3(cls, meta, propsOnly);
+        const partial = {
+          name: meta.className,
+          source: filePath,
+          framework: "angular",
+          props,
+          slots: normalizeSlots(slots),
+          sourcePath: filePath
+        };
+        const score = computeExtractionScore(partial);
+        partial.extractionConfidence = score.confidence;
+        partial.reviewReasons = score.reasons;
+        partial.needsReview = deriveNeedsReview(score.confidence);
+        components.push(partial);
+      }
+      sourceFile.forget();
+    } catch (err) {
+      warnings.push(`${filePath}: Angular extractor failed \u2014 ${err instanceof Error ? err.message : String(err)}`);
+    } finally {
+      filesProcessed++;
+      if (onProgress)
+        onProgress({ filesProcessed, componentsFound: components.length });
+    }
+  }
+  return {
+    components: components.sort((a, b) => a.name.localeCompare(b.name)),
+    warnings
+  };
+}
+function normalizeSlots(slots) {
+  let fallbackIndex = 0;
+  return slots.map((slot) => {
+    if (slot.name.trim())
+      return slot;
+    const name = fallbackIndex === 0 ? "children" : `slot_${fallbackIndex}`;
+    fallbackIndex++;
+    return { ...slot, name };
+  });
+}
+
+// packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/framework-adapters/angular/helpers/is-angular-source-file.js
+import { openSync, readSync, closeSync, statSync as statSync4 } from "node:fs";
+var HEAD_BYTES = 32 * 1024;
+var buffer = Buffer.alloc(HEAD_BYTES);
+function isAngularSourceFile(filePath) {
+  if (!/\.[cm]?ts$/.test(filePath))
+    return false;
+  if (filePath.endsWith(".d.ts"))
+    return false;
+  try {
+    const stats = statSync4(filePath);
+    const toRead = Math.min(HEAD_BYTES, stats.size);
+    if (toRead === 0)
+      return false;
+    const fd = openSync(filePath, "r");
+    try {
+      const bytesRead = readSync(fd, buffer, 0, toRead, 0);
+      const head = buffer.subarray(0, bytesRead).toString("utf8");
+      return head.includes("@angular/core");
+    } finally {
+      closeSync(fd);
+    }
+  } catch {
+    return false;
+  }
+}
+
 // packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/services/run-extraction-service.js
 var extractors = [
   {
@@ -12006,6 +12742,13 @@ var extractors = [
     fileFilter: (f) => f.endsWith(".astro"),
     extract: extractAstroComponents
   },
+  {
+    // Must run BEFORE web-components (both claim bare .ts). The sniff reads
+    // the file head looking for `@angular/core` so we only claim real Angular files.
+    name: "angular",
+    fileFilter: (f) => isAngularSourceFile(f),
+    extract: extractAngularComponents
+  },
   {
     name: "web-components",
     fileFilter: (f) => /\.[jt]s$/.test(f) && !/\.[jt]sx$/.test(f) && !f.endsWith(".d.ts"),
@@ -12481,16 +13224,16 @@ function applyCompositionEdges(components, edges) {
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/composition/src/helpers/prompt/prompt-loader.js
 import { existsSync as existsSync7, readFileSync as readFileSync7 } from "node:fs";
-import { dirname as dirname10, join as join10, resolve as resolve12 } from "node:path";
+import { dirname as dirname11, join as join10, resolve as resolve13 } from "node:path";
 import { fileURLToPath as fileURLToPath3 } from "node:url";
 function resolvePromptPath(fileName) {
-  const thisDir = dirname10(fileURLToPath3(import.meta.url));
+  const thisDir = dirname11(fileURLToPath3(import.meta.url));
   let dir = thisDir;
   for (; ; ) {
     const candidate = join10(dir, "prompts");
     if (existsSync7(candidate))
       return join10(candidate, fileName);
-    const parent = resolve12(dir, "..");
+    const parent = resolve13(dir, "..");
     if (parent === dir) {
       throw new Error(`prompt file missing from package installation (could not locate prompts/ directory from: ${thisDir})`);
     }
@@ -12570,14 +13313,31 @@ ${f.content}`).join("\n\n");
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/composition/src/constants/candidate-files.js
-var CANDIDATE_NAME_PATTERNS = [/mapping/i, /meta/i, /registry/i, /schema/i, /composition/i];
+var CANDIDATE_NAME_PATTERNS = [
+  /mapping/i,
+  /meta/i,
+  /registry/i,
+  /schema/i,
+  /composition/i,
+  /\.module\.ts$/i,
+  /\.component\.ts$/i,
+  /public[-_]api\.ts$/i,
+  /^index\.ts$/i
+];
 var CANDIDATE_CONTENT_MARKERS = [
   "requiredParent",
   "withParentType",
   "allowedTagNames",
   "createContext",
   "MappingContext",
-  "allowedComponents"
+  "allowedComponents",
+  "TemplateRef",
+  "NG_VALUE_ACCESSOR",
+  "ContentChild",
+  "contentChild",
+  "ng-content",
+  "@NgModule",
+  "standalone: true"
 ];
 var PROMPT_CANDIDATE_TOKEN_BUDGET = 8e4;
 
@@ -12638,8 +13398,8 @@ ${fileDigest}`);
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/composition/src/helpers/edges/manifest-doc-evidence.js
-import { dirname as dirname11 } from "node:path";
-function kebabToPascal2(name) {
+import { dirname as dirname12 } from "node:path";
+function kebabToPascal3(name) {
   return name.split("-").filter(Boolean).map((seg) => seg.charAt(0).toUpperCase() + seg.slice(1)).join("");
 }
 function collectManifestEdges(files, componentNames) {
@@ -12661,7 +13421,7 @@ function collectManifestEdges(files, componentNames) {
     const rawParentName = typeof component === "object" && component !== null && typeof component.name === "string" ? component.name : void 0;
     if (!rawParentName)
       continue;
-    const parent = kebabToPascal2(rawParentName);
+    const parent = kebabToPascal3(rawParentName);
     if (!componentNames.has(parent))
       continue;
     const variantsMeta = root.variantsMeta;
@@ -12681,7 +13441,7 @@ function collectManifestEdges(files, componentNames) {
         const rawChildName = value.name;
         if (typeof rawChildName !== "string")
           continue;
-        const child = kebabToPascal2(rawChildName);
+        const child = kebabToPascal3(rawChildName);
         if (!componentNames.has(child) || child === parent)
           continue;
         const key = `${parent}::${child}`;
@@ -12702,8 +13462,8 @@ function collectAgentsDocEdges(files, components, componentNames) {
   for (const file of files) {
     if (!file.path.endsWith("AGENTS.md"))
       continue;
-    const docDir = dirname11(file.path);
-    const parent = components.find((c2) => c2.sourcePath && dirname11(c2.sourcePath) === docDir)?.name;
+    const docDir = dirname12(file.path);
+    const parent = components.find((c2) => c2.sourcePath && dirname12(c2.sourcePath) === docDir)?.name;
     if (!parent || !componentNames.has(parent))
       continue;
     for (const line of file.content.split("\n")) {
@@ -12712,7 +13472,7 @@ function collectAgentsDocEdges(files, components, componentNames) {
         continue;
       for (const match2 of line.matchAll(BOLD_BACKTICK)) {
         const raw = match2[1];
-        const candidate = componentNames.has(raw) ? raw : kebabToPascal2(raw);
+        const candidate = componentNames.has(raw) ? raw : kebabToPascal3(raw);
         if (!componentNames.has(candidate) || candidate === parent)
           continue;
         const key = `${parent}::${candidate}`;
@@ -13028,7 +13788,7 @@ function validateExtractedComponents(components) {
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/review-session/helpers/load-review-input.js
-import { resolve as resolve14 } from "node:path";
+import { resolve as resolve15 } from "node:path";
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/review-session/helpers/create-component-id.js
 import { createHash as createHash7 } from "node:crypto";
@@ -13039,7 +13799,7 @@ function createComponentId(name, resolvedSourcePath) {
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/review-session/helpers/resolve-component-source-path.js
 import { access } from "node:fs/promises";
-import { isAbsolute, relative, resolve as resolve13 } from "node:path";
+import { isAbsolute, relative, resolve as resolve14 } from "node:path";
 async function resolveComponentSourcePath(source, reviewRoot) {
   if (isAbsolute(source)) {
     try {
@@ -13049,7 +13809,7 @@ async function resolveComponentSourcePath(source, reviewRoot) {
       throw new Error(`Unable to access component source at ${source}`);
     }
   }
-  const candidate = resolve13(reviewRoot, source);
+  const candidate = resolve14(reviewRoot, source);
   const relativeToRoot = relative(reviewRoot, candidate);
   if (relativeToRoot.startsWith("..") || relativeToRoot === ".." || isAbsolute(relativeToRoot)) {
     throw new Error(`Resolved component source is outside the review root: ${source}. Pass --project-root <path> to set the correct base.`);
@@ -13064,7 +13824,7 @@ async function resolveComponentSourcePath(source, reviewRoot) {
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/review-session/helpers/load-review-input.js
 async function loadReviewInput(components, options = {}) {
-  const reviewRoot = resolve14(options.reviewRoot ?? process.cwd());
+  const reviewRoot = resolve15(options.reviewRoot ?? process.cwd());
   const records = await Promise.all(components.map(async (component) => {
     let resolvedSourcePath;
     try {
@@ -13099,19 +13859,19 @@ async function loadAndValidateForReview(sessionId, projectRoot) {
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/selection/src/controller/review/merge-preview-validation-errors-into-review-session.js
-import { access as access3, readFile as readFile8 } from "node:fs/promises";
+import { access as access3, readFile as readFile10 } from "node:fs/promises";
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/review-session/repositories/ensure-review-session.js
-import { access as access2, mkdir, readFile as readFile7, writeFile } from "node:fs/promises";
+import { access as access2, mkdir, readFile as readFile9, writeFile } from "node:fs/promises";
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/review-session/repositories/review-session-paths.js
-import { resolve as resolve15 } from "node:path";
+import { resolve as resolve16 } from "node:path";
 async function getRefineSessionPaths(sessionId, artifactsRoot) {
-  const sessionDir2 = resolve15(artifactsRoot, sessionId);
+  const sessionDir2 = resolve16(artifactsRoot, sessionId);
   return {
     sessionDir: sessionDir2,
-    eventsPath: resolve15(sessionDir2, "events.jsonl"),
-    statePath: resolve15(sessionDir2, "current-review-state.json")
+    eventsPath: resolve16(sessionDir2, "events.jsonl"),
+    statePath: resolve16(sessionDir2, "current-review-state.json")
   };
 }
 
@@ -13121,7 +13881,7 @@ async function ensureRefineSession(sessionId, artifactsRoot, initialSnapshot) {
   await mkdir(paths.sessionDir, { recursive: true });
   try {
     await access2(paths.statePath);
-    const savedState = await readFile7(paths.statePath, "utf8");
+    const savedState = await readFile9(paths.statePath, "utf8");
     return JSON.parse(savedState);
   } catch {
     await writeFile(paths.statePath, JSON.stringify(initialSnapshot, null, 2), "utf8");
@@ -13131,12 +13891,12 @@ async function ensureRefineSession(sessionId, artifactsRoot, initialSnapshot) {
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/review-session/repositories/review-artifacts-root.js
-import { resolve as resolve16 } from "node:path";
+import { resolve as resolve17 } from "node:path";
 function getRefineArtifactsRoot() {
   if (process.env["EDS_REVIEW_ARTIFACTS_DIR"]) {
-    return resolve16(process.env["EDS_REVIEW_ARTIFACTS_DIR"]);
+    return resolve17(process.env["EDS_REVIEW_ARTIFACTS_DIR"]);
   }
-  return resolve16(configRoot(), "reviews");
+  return resolve17(configRoot(), "reviews");
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/review-session/repositories/save-review-state.js
@@ -13152,7 +13912,7 @@ async function mergePreviewValidationErrorsIntoReviewSession(sessionId, errors,
   let snapshot;
   try {
     await access3(paths.statePath);
-    snapshot = JSON.parse(await readFile8(paths.statePath, "utf8"));
+    snapshot = JSON.parse(await readFile10(paths.statePath, "utf8"));
   } catch {
     snapshot = await loadAndValidateForReview(sessionId, void 0);
     snapshot = await ensureRefineSession(sessionId, artifactsRoot, snapshot);
@@ -13190,7 +13950,7 @@ async function mergePreviewValidationErrorsIntoReviewSession(sessionId, errors,
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/selection/src/controller/review/reject-components-by-name.js
-import { readFile as readFile9 } from "node:fs/promises";
+import { readFile as readFile11 } from "node:fs/promises";
 async function rejectComponentsByName(sessionId, names, opts = {}) {
   if (names.length === 0)
     return;
@@ -13206,7 +13966,7 @@ async function rejectComponentsByName(sessionId, names, opts = {}) {
   const nameSet = new Set(names);
   let snapshot;
   try {
-    snapshot = JSON.parse(await readFile9(paths.statePath, "utf8"));
+    snapshot = JSON.parse(await readFile11(paths.statePath, "utf8"));
   } catch {
     return;
   }
@@ -13215,7 +13975,7 @@ async function rejectComponentsByName(sessionId, names, opts = {}) {
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/helpers/collect-files/collect-files.js
-import { statSync as statSync4 } from "node:fs";
+import { statSync as statSync5 } from "node:fs";
 import path4 from "node:path";
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/helpers/collect-files/build-scan-warnings.js
@@ -13270,7 +14030,9 @@ var EXCLUDED_SUFFIXES = [
   ".spec.ts",
   ".spec.tsx",
   ".test.ts",
-  ".test.tsx"
+  ".test.tsx",
+  ".harness.ts",
+  ".harness.tsx"
 ];
 var IGNORED_DIRS = /* @__PURE__ */ new Set([
   ".changeset",
@@ -13288,9 +14050,12 @@ var IGNORED_DIRS = /* @__PURE__ */ new Set([
   "dist",
   "example",
   "examples",
+  "harness",
+  "harnesses",
   "node_modules",
   "out",
-  "storybook-static"
+  "storybook-static",
+  "testing"
 ]);
 var DENYLISTED_EXACT_FILE_NAMES = /* @__PURE__ */ new Set([
   "package.json",
@@ -13402,7 +14167,7 @@ function collectFiles(root, options = {}) {
   const resolved = path4.resolve(root);
   let stat5;
   try {
-    stat5 = statSync4(resolved);
+    stat5 = statSync5(resolved);
   } catch (err) {
     return { ok: false, failure: classifyStatError(err.code), rootPath: resolved };
   }
@@ -13458,7 +14223,7 @@ function generateUlid(now = Date.now()) {
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/runs/repositories/read-runs-file.js
-import { readFile as readFile10 } from "node:fs/promises";
+import { readFile as readFile12 } from "node:fs/promises";
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/runs/helpers/migrate-record.js
 function migrateRecord(rec) {
@@ -13477,7 +14242,7 @@ var READABLE_VERSIONS = /* @__PURE__ */ new Set([1, 2, 3]);
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/runs/repositories/read-runs-file.js
 async function readRunsFileMaybe() {
   try {
-    const raw = await readFile10(runsFilePath(), "utf8");
+    const raw = await readFile12(runsFilePath(), "utf8");
     const parsed = JSON.parse(raw);
     if (!READABLE_VERSIONS.has(parsed.version)) {
       throw new Error(`runs.json version mismatch: file is v${parsed.version}, this CLI expects v${RUNS_FILE_VERSION} (also reads: ${[...READABLE_VERSIONS].join(", ")}). Back up and remove the file to start fresh.`);
@@ -13494,9 +14259,9 @@ async function readRunsFileMaybe() {
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/runs/repositories/write-runs-file.js
 import { mkdir as mkdir2, rename, writeFile as writeFile3 } from "node:fs/promises";
-import { dirname as dirname12 } from "node:path";
+import { dirname as dirname13 } from "node:path";
 async function writeRunsFileAtomic(file) {
-  await mkdir2(dirname12(runsFilePath()), { recursive: true });
+  await mkdir2(dirname13(runsFilePath()), { recursive: true });
   const body = JSON.stringify(file, null, 2) + "\n";
   const tmp = `${runsFilePath()}.${process.pid}.${Date.now()}.tmp`;
   await writeFile3(tmp, body, { mode: 384 });
@@ -13536,8 +14301,8 @@ async function updateRun(id, patch) {
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/runs/services/build-source-fingerprint.js
-import { readFile as readFile11, stat } from "node:fs/promises";
-import { resolve as resolve17 } from "node:path";
+import { readFile as readFile13, stat } from "node:fs/promises";
+import { resolve as resolve18 } from "node:path";
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/runs/helpers/sha256-hex.js
 import { createHash as createHash8 } from "node:crypto";
@@ -13559,7 +14324,7 @@ async function buildSourceFingerprint(opts) {
     const name = rowField(row, "name");
     if (!sourcePath)
       continue;
-    const abs = resolve17(sourcePath);
+    const abs = resolve18(sourcePath);
     if (seen.has(abs))
       continue;
     seen.add(abs);
@@ -13576,10 +14341,10 @@ async function buildSourceFingerprint(opts) {
   let rawTokensMtime = null;
   let rawTokensContentHash = null;
   if (opts.rawTokensPath) {
-    const abs = resolve17(opts.rawTokensPath);
+    const abs = resolve18(opts.rawTokensPath);
     rawTokensPath = abs;
     try {
-      const [st, buf] = await Promise.all([stat(abs), readFile11(abs)]);
+      const [st, buf] = await Promise.all([stat(abs), readFile13(abs)]);
       rawTokensMtime = st.mtime.toISOString();
       rawTokensContentHash = sha256Hex(buf);
     } catch {
@@ -13661,12 +14426,12 @@ async function writeScopeDecisionsSnapshot(db, sessionId, decisions) {
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/persistence/src/review-session/repositories/load-accepted-names.js
-import { readFile as readFile12 } from "node:fs/promises";
+import { readFile as readFile14 } from "node:fs/promises";
 async function loadAcceptedNames(sessionId) {
   try {
     const artifactsRoot = getRefineArtifactsRoot();
     const paths = await getRefineSessionPaths(sessionId, artifactsRoot);
-    const raw = await readFile12(paths.statePath, "utf8");
+    const raw = await readFile14(paths.statePath, "utf8");
     const snapshot = JSON.parse(raw);
     const accepted = snapshot.components.filter((c2) => c2.status === "accepted").map((c2) => c2.name);
     if (accepted.length === 0)
@@ -14364,7 +15129,7 @@ function errorMessage(error) {
   return error instanceof Error && error.message ? error.message : String(error);
 }
 function defaultSleep(delayMs) {
-  return new Promise((resolve28) => setTimeout(resolve28, delayMs));
+  return new Promise((resolve29) => setTimeout(resolve29, delayMs));
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/apply/src/helpers/sanitize-preview.js
@@ -14605,7 +15370,7 @@ var ApiClient = class {
         const progress = maxAttempts > 1 ? attempt / (maxAttempts - 1) : 0;
         const baseDelay = intervalMs + (maxIntervalMs - intervalMs) * progress;
         const jitter = Math.random() * baseDelay * 0.15;
-        await new Promise((resolve28) => setTimeout(resolve28, baseDelay + jitter));
+        await new Promise((resolve29) => setTimeout(resolve29, baseDelay + jitter));
       }
     }
     throw new Error(`Operation ${operationId} timed out after ${maxAttempts} attempts`);
@@ -14992,7 +15757,7 @@ function formatApiError2(request) {
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/apply/src/helpers/tokens/read-tokens-from-path.js
 init_shared();
-import { readFile as readFile13, stat as stat3 } from "node:fs/promises";
+import { readFile as readFile15, stat as stat3 } from "node:fs/promises";
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/apply/src/helpers/tokens/collect-json-files.js
 import { readdir, stat as stat2 } from "node:fs/promises";
@@ -15051,7 +15816,7 @@ async function readMergedFromDir(flag, dir) {
   const merged = {};
   for (const file of files.sort()) {
     try {
-      const text = await readFile13(file, "utf8");
+      const text = await readFile15(file, "utf8");
       const parsed = JSON.parse(text);
       if (typeof parsed === "object" && parsed !== null && !Array.isArray(parsed)) {
         Object.assign(merged, parsed);
@@ -15065,7 +15830,7 @@ async function readMergedFromDir(flag, dir) {
 async function readSingleFile(flag, p) {
   let text;
   try {
-    text = await readFile13(p, "utf8");
+    text = await readFile15(p, "utf8");
   } catch {
     throw new Error(`file not found: ${p} (from ${flag})`);
   }
@@ -15156,12 +15921,12 @@ async function fetchAndPersistExistingContentfulEntities(request) {
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/generation/src/controller/existing-entities/read-from-session.js
-import { readFile as readFile14 } from "node:fs/promises";
+import { readFile as readFile16 } from "node:fs/promises";
 async function readExistingContentfulEntitiesFromSession(request) {
   if (!request.path)
     return void 0;
   try {
-    const raw = await readFile14(request.path, "utf8");
+    const raw = await readFile16(request.path, "utf8");
     const parsed = JSON.parse(raw);
     if (!Array.isArray(parsed.components) || !Array.isArray(parsed.tokens))
       return void 0;
@@ -15501,7 +16266,7 @@ init_describe_agent_failure();
 init_resolve_binary();
 init_resolve_skill_path();
 init_parse_map_token_prop_tool_calls();
-import { resolve as resolve18 } from "node:path";
+import { resolve as resolve19 } from "node:path";
 init_cache_keys();
 
 // packages/experience-design-system-backend-pipeline/dist/src/agents/helpers/resolution/binary-exists.js
@@ -15556,6 +16321,7 @@ function analyticsEnabled() {
 import { Analytics } from "@segment/analytics-node";
 var DEFAULT_WRITE_KEY = "6DmxiEPN3SV1vbRTTMcNqDzCvkfwT06N";
 var analyticsClient = null;
+var flushChain = Promise.resolve();
 function resolveWriteKey() {
   const key = (process.env["SEGMENT_WRITE_KEY"] ?? "").trim();
   return key.length > 0 ? key : DEFAULT_WRITE_KEY;
@@ -15590,14 +16356,17 @@ async function trackEvent(event, properties, anonymousId, options) {
   }
 }
 async function flushAnalytics() {
-  if (!analyticsClient)
-    return;
-  try {
-    await analyticsClient.closeAndFlush();
-  } catch {
-  } finally {
+  flushChain = flushChain.then(async () => {
+    const client2 = analyticsClient;
+    if (!client2)
+      return;
     analyticsClient = null;
-  }
+    try {
+      await client2.closeAndFlush();
+    } catch {
+    }
+  });
+  return flushChain;
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/analytics/constants.js
@@ -15806,7 +16575,7 @@ async function runMapTokens(request) {
       outDir: process.cwd(),
       existingTokensInline: request.existingEntitiesInline,
       ...request.skillContentOverride !== void 0 ? { skillContentOverride: request.skillContentOverride } : {},
-      ...request.skillContentOverride === void 0 && request.skillPathOverride ? { skillPathOverride: resolve18(request.skillPathOverride) } : {}
+      ...request.skillContentOverride === void 0 && request.skillPathOverride ? { skillPathOverride: resolve19(request.skillPathOverride) } : {}
     });
     if (request.printPrompt) {
       const prompt2 = await buildMapPrompt();
@@ -15922,7 +16691,7 @@ function hasNoAuthoringSurface(component) {
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/helpers/evidence/source-inspection.js
-import { readFile as readFile15 } from "node:fs/promises";
+import { readFile as readFile17 } from "node:fs/promises";
 
 // packages/experience-design-system-backend-pipeline/dist/src/steps/extraction/src/constants/review-reasons.js
 var HIGH_CONFIDENCE_DATA_FETCH_WRAPPER_REASON = "data-fetch-wrapper";
@@ -15994,7 +16763,14 @@ function hasSiblingForwardRender(sourceText, siblingImports) {
   });
 }
 function hasVisibleUiRender(sourceText) {
-  return /return\s*(?:\(|<)/.test(sourceText) && VISIBLE_UI_TAG_PATTERN.test(sourceText);
+  if (/return\s*(?:\(|<)/.test(sourceText) && VISIBLE_UI_TAG_PATTERN.test(sourceText))
+    return true;
+  if (/template\s*:\s*[`'"][\s\S]*?[`'"]/.test(sourceText)) {
+    const inlineMatch = sourceText.match(/template\s*:\s*[`'"]([\s\S]*?)[`'"]/);
+    if (inlineMatch && VISIBLE_UI_TAG_PATTERN.test(inlineMatch[1]))
+      return true;
+  }
+  return /templateUrl\s*:\s*['"]/.test(sourceText);
 }
 function infraPropNames(component) {
   const props = component.props.map((prop) => prop.name);
@@ -16017,7 +16793,7 @@ function dedupeReasons(reasons) {
 async function inspectComponentSource(component) {
   let sourceText = "";
   try {
-    sourceText = await readFile15(component.source, "utf8");
+    sourceText = await readFile17(component.source, "utf8");
   } catch {
     return {
       wrapperConfidence: 0,
@@ -16424,7 +17200,7 @@ async function retryDatabaseWrite(operation, attempts = 8) {
       const message = error instanceof Error ? error.message : String(error);
       if (!/database is locked|database is busy/i.test(message) || attempt >= attempts)
         throw error;
-      await new Promise((resolve28) => setTimeout(resolve28, Math.min(250 * attempt, 2e3)));
+      await new Promise((resolve29) => setTimeout(resolve29, Math.min(250 * attempt, 2e3)));
     }
   }
 }
@@ -16456,7 +17232,7 @@ function resolveCompositionAgentName(flagValue) {
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/orchestrators/run-extract-and-compose-session/helpers/read-candidate-files.js
-import { readFile as readFile16 } from "node:fs/promises";
+import { readFile as readFile18 } from "node:fs/promises";
 async function readCandidateFiles(components, extraFiles = []) {
   const paths = new Set(extraFiles);
   for (const c2 of components) {
@@ -16466,7 +17242,7 @@ async function readCandidateFiles(components, extraFiles = []) {
   const out = [];
   await Promise.all([...paths].map(async (p) => {
     try {
-      const content = await readFile16(p, "utf8");
+      const content = await readFile18(p, "utf8");
       out.push({ path: p, content });
     } catch {
     }
@@ -16637,7 +17413,7 @@ init_build_prompt();
 init_create_local_cli_agent_invoker();
 init_invoke_agent_with_output();
 init_parse_token_tool_calls();
-import { readFile as readFile17 } from "node:fs/promises";
+import { readFile as readFile19 } from "node:fs/promises";
 import { basename as basename5, resolve as pathResolve } from "node:path";
 init_cache_keys();
 init_parse_prompt_overrides();
@@ -16670,7 +17446,7 @@ async function runGenerateTokensSession(request) {
     throw new Error(`Prompt override error(s): ${promptErrors.join("; ")}`);
   const tokensOverride = overridesMap.get("tokens");
   const skillContentOverride = tokensOverride ? await resolvePromptOverride(tokensOverride) : void 0;
-  const rawTokensInline = await readFile17(pathResolve(rawTokensPath), "utf8");
+  const rawTokensInline = await readFile19(pathResolve(rawTokensPath), "utf8");
   const tokenInputHash = hashTokenContent(rawTokensInline);
   const db = openPipelineDb();
   try {
@@ -16787,7 +17563,7 @@ async function readExistingEntities(request) {
 // packages/experience-design-system-backend-pipeline/dist/src/orchestrators/run-generate-components-session/helpers/resolve-generate-prompt.js
 init_parse_prompt_overrides();
 init_resolve_prompt_override();
-import { resolve as resolve19 } from "node:path";
+import { resolve as resolve20 } from "node:path";
 async function resolveGeneratePrompt(overrides) {
   const { overrides: parsed, errors } = parsePromptOverrides(overrides);
   if (errors.length > 0)
@@ -16798,7 +17574,7 @@ async function resolveGeneratePrompt(overrides) {
   const text = await resolvePromptOverride(entry);
   if (entry.kind === "text")
     return { text };
-  return { path: resolve19(entry.value), text };
+  return { path: resolve20(entry.value), text };
 }
 
 // packages/experience-design-system-backend-pipeline/dist/src/orchestrators/run-generate-components-session/helpers/run-one-generate-component.js
@@ -17210,7 +17986,7 @@ function PathValidationScreen({
 
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx
 import { useRef as useRef2, useState as useState9 } from "react";
-import { Text as Text14 } from "ink";
+import { Box as Box14, Text as Text14, useInput as useInput11 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/shared/components/FieldForm.tsx
 import { useState as useState8 } from "react";
@@ -17239,6 +18015,9 @@ function FieldForm({
   onChange,
   onSave,
   saveLabel = "save",
+  enterAdvances = false,
+  onSkip,
+  skipLabel: skipLabel2 = "skip",
   onQuit,
   quitLabel = "back without saving",
   actions = [],
@@ -17270,6 +18049,10 @@ function FieldForm({
       onSave();
       return;
     }
+    if (input === "k" && onSkip) {
+      onSkip();
+      return;
+    }
     if (isClearKey(input, key) && currentField) {
       onChange(currentField.key, "");
       return;
@@ -17291,6 +18074,21 @@ function FieldForm({
       }
     }
   });
+  const isLastField = active === fields2.length - 1;
+  const submitField = () => {
+    if (!enterAdvances) {
+      setEditing(false);
+      return;
+    }
+    if (isLastField) {
+      setEditing(false);
+      onSave();
+      return;
+    }
+    const next = fields2[active + 1];
+    setValueBeforeEdit(values[next.key]);
+    setActive(active + 1);
+  };
   const pointer = (isActive) => /* @__PURE__ */ jsx14(Text13, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " });
   return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
     header,
@@ -17312,7 +18110,7 @@ function FieldForm({
               {
                 value,
                 onChange: (next) => onChange(field.key, next),
-                onSubmit: () => setEditing(false),
+                onSubmit: submitField,
                 mask: field.masked ? "\u2022" : void 0
               }
             ) : display ? /* @__PURE__ */ jsx14(Text13, { bold: true, children: display }) : (
@@ -17348,7 +18146,7 @@ function FieldForm({
           hints: editing ? [
             { keys: "type", label: "edit" },
             { keys: "\u2190/\u2192", label: "move cursor" },
-            { keys: "\u23CE", label: "done" },
+            { keys: "\u23CE", label: enterAdvances ? isLastField ? saveLabel : "next" : "done" },
             { keys: "Ctrl+D", label: "clear" },
             { keys: "Esc", label: "cancel edit" }
           ] : [
@@ -17356,6 +18154,7 @@ function FieldForm({
             { keys: "\u23CE", label: currentAction ? currentAction.hint : "edit" },
             ...currentField ? [{ keys: "Ctrl+D", label: "clear" }] : [],
             { keys: "s", label: saveLabel },
+            ...onSkip ? [{ keys: "k", label: skipLabel2 }] : [],
             { keys: "Esc/q", label: quitLabel }
           ]
         }
@@ -17427,6 +18226,75 @@ var FIELDS2 = [
   { key: "cmaToken", label: "CMA Token", masked: true },
   { key: "host", label: "API Host", hint: "(default: api.contentful.com \xB7 EU spaces: api.eu.contentful.com)" }
 ];
+var MENU = [
+  { choice: "continue", label: "Continue", description: "Check the credentials and go on" },
+  { choice: "edit", label: "Edit", description: "Change the credentials" },
+  { choice: "skip", label: "Skip", description: "Save files only, nothing is pushed" },
+  { choice: "quit", label: "Quit", description: "Go back" }
+];
+function CredentialsReview({
+  values,
+  subtitle,
+  notice,
+  validating,
+  onChoose,
+  children
+}) {
+  const [focus, setFocus] = useState9(0);
+  useInput11((_input, key) => {
+    if (validating) return;
+    if (key.escape) onChoose("quit");
+    else if (key.return) onChoose(MENU[focus].choice);
+    else if (key.upArrow) setFocus((current) => (current - 1 + MENU.length) % MENU.length);
+    else if (key.downArrow || key.tab) setFocus((current) => (current + 1) % MENU.length);
+  });
+  const labelWidth = formLabelWidth([...FIELDS2, ...MENU]);
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx15(StepHeader, { step: "setup" }),
+    /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsx15(Text14, { bold: true, children: "Contentful Credentials" }),
+      /* @__PURE__ */ jsx15(Text14, { children: " " }),
+      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: subtitle }),
+      /* @__PURE__ */ jsx15(Text14, { children: " " }),
+      MENU.map((item, index) => {
+        const focused = index === focus;
+        return /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
+          /* @__PURE__ */ jsx15(Text14, { color: focused ? PALETTE.accent : void 0, children: focused ? "\u276F" : " " }),
+          /* @__PURE__ */ jsx15(Box14, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text14, { bold: focused, color: focused ? PALETTE.accent : PALETTE.muted, children: item.label }) }),
+          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: item.description })
+        ] }, item.choice);
+      }),
+      /* @__PURE__ */ jsx15(Text14, { children: " " }),
+      FIELDS2.map((field) => {
+        const value = values[field.key];
+        return /* @__PURE__ */ jsx15(FormReadOnlyRow, { label: field.label, labelWidth, children: /* @__PURE__ */ jsx15(Text14, { bold: value !== "", children: field.masked ? "\u2022".repeat(value.length) : value || "(empty)" }) }, field.key);
+      }),
+      notice && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+        /* @__PURE__ */ jsx15(Text14, { children: " " }),
+        /* @__PURE__ */ jsxs14(Text14, { color: PALETTE.error, children: [
+          "\u2717 ",
+          notice.text
+        ] })
+      ] }),
+      validating && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+        /* @__PURE__ */ jsx15(Text14, { children: " " }),
+        /* @__PURE__ */ jsx15(Text14, { color: PALETTE.accent, children: "Validating credentials..." })
+      ] }),
+      children,
+      /* @__PURE__ */ jsx15(Text14, { children: " " }),
+      /* @__PURE__ */ jsx15(
+        ControlHints,
+        {
+          hints: [
+            { keys: "\u2191/\u2193", label: "move" },
+            { keys: "\u23CE", label: MENU[focus].label.toLowerCase() },
+            { keys: "Esc", label: "back" }
+          ]
+        }
+      )
+    ] })
+  ] });
+}
 function CredentialsScreen({
   onDone,
   onBack,
@@ -17446,6 +18314,7 @@ function CredentialsScreen({
   const [notice, setNotice] = useState9(null);
   const [validating, setValidating] = useState9(false);
   const prefilled = initialValues.spaceId !== "" && initialValues.cmaToken !== "";
+  const [editing, setEditing] = useState9(!prefilled);
   const submit = async () => {
     const credentials = normalize(values);
     if (missingField(credentials)) {
@@ -17458,38 +18327,38 @@ function CredentialsScreen({
     if (result.ok) onDone({ skipped: false, credentials });
     else setNotice({ kind: "error", text: result.error });
   };
+  const subtitle = prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into.";
+  const choose = (choice) => {
+    if (choice === "continue") void submit();
+    else if (choice === "edit") {
+      setNotice(null);
+      setEditing(true);
+    } else if (choice === "skip") onDone({ skipped: true });
+    else onBack();
+  };
+  if (!editing) {
+    return /* @__PURE__ */ jsx15(CredentialsReview, { values, subtitle, notice, validating, onChoose: choose, children: !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+      /* @__PURE__ */ jsx15(Text14, { children: " " }),
+      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
+    ] }) });
+  }
   return /* @__PURE__ */ jsxs14(
     FieldForm,
     {
       header: /* @__PURE__ */ jsx15(StepHeader, { step: "setup" }),
       title: "Contentful Credentials",
-      subtitle: prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into.",
+      subtitle,
       fields: FIELDS2,
       values,
       onChange: (key, value) => {
         setValues((current) => ({ ...current, [key]: value }));
         setNotice(null);
       },
-      actions: [
-        {
-          label: "Continue",
-          description: "Check the credentials and go on",
-          runningText: "Validating credentials...",
-          running: validating,
-          hint: "continue",
-          onRun: () => void submit()
-        },
-        {
-          label: "Skip",
-          description: "Save files only, nothing is pushed",
-          hint: "skip",
-          onRun: () => onDone({ skipped: true })
-        }
-      ],
+      enterAdvances: true,
       onSave: () => void submit(),
       saveLabel: "continue",
-      onQuit: onBack,
-      quitLabel: "back",
+      onQuit: prefilled ? () => setEditing(false) : onBack,
+      quitLabel: prefilled ? "stop editing" : "back",
       notice,
       busy: validating,
       children: [
@@ -17498,6 +18367,10 @@ function CredentialsScreen({
           /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: credentialsPurpose(tokensOnly) }),
           /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Tip: save these under Settings \u2192 Configuration so they pre-fill here." })
         ] }),
+        validating && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+          /* @__PURE__ */ jsx15(Text14, { children: " " }),
+          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.accent, children: "Validating credentials..." })
+        ] }),
         !validating && !notice && !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsxs14(Fragment2, { children: [
           /* @__PURE__ */ jsx15(Text14, { children: " " }),
           /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
@@ -17609,19 +18482,19 @@ import { useEffect as useEffect5, useRef as useRef3, useState as useState10 } fr
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/run.ts
 import { mkdir as mkdir7 } from "node:fs/promises";
-import { join as join18, resolve as resolve22 } from "node:path";
+import { join as join18, resolve as resolve23 } from "node:path";
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/find-skill-path.ts
 import { existsSync as existsSync8 } from "node:fs";
-import { dirname as dirname14, join as join17, resolve as resolve20 } from "node:path";
+import { dirname as dirname15, join as join17, resolve as resolve21 } from "node:path";
 import { fileURLToPath as fileURLToPath4 } from "node:url";
 function findSkillPath(fileName) {
-  const thisDir = dirname14(fileURLToPath4(import.meta.url));
+  const thisDir = dirname15(fileURLToPath4(import.meta.url));
   let dir = thisDir;
   for (; ; ) {
     const candidate = join17(dir, "skills", fileName);
     if (existsSync8(candidate)) return candidate;
-    const parent = resolve20(dir, "..");
+    const parent = resolve21(dir, "..");
     if (parent === dir) {
       throw new Error(`skill file not found (looked for skills/${fileName} from ${thisDir})`);
     }
@@ -17630,11 +18503,11 @@ function findSkillPath(fileName) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/selection.ts
-import { resolve as resolve21 } from "node:path";
+import { resolve as resolve22 } from "node:path";
 var SELECT_SKILL_PATH = findSkillPath("select-components.md");
 var DEFAULT_TIMEOUT_MS5 = Number(process.env.EDS_AGENT_TIMEOUT_MS ?? 5 * 60 * 1e3);
 async function hashSelectPrompt(options) {
-  const promptHash = options.promptText ? hashContent(options.promptText) : options.promptPath ? await hashFile(resolve21(options.promptPath)) : await hashFile(SELECT_SKILL_PATH);
+  const promptHash = options.promptText ? hashContent(options.promptText) : options.promptPath ? await hashFile(resolve22(options.promptPath)) : await hashFile(SELECT_SKILL_PATH);
   return hashContent(`${promptHash}|${options.agent}|${options.model ?? ""}`);
 }
 async function runSelection(options) {
@@ -17729,7 +18602,7 @@ var realDeps = {
 var fail = (step, message) => ({ ok: false, step, message });
 var errorMessage2 = (error) => error instanceof Error ? error.message : String(error);
 async function runExtraction(input, onProgress, deps = realDeps) {
-  const outDir = input.outDir ?? join18(resolve22(input.projectPath), ".contentful");
+  const outDir = input.outDir ?? join18(resolve23(input.projectPath), ".contentful");
   let progress = initialProgress({
     hasCredentials: input.credentials !== null,
     hasRawTokens: input.rawTokensPath !== ""
@@ -17853,7 +18726,7 @@ async function resolveSelectionPrompt(overrides) {
   if (select?.kind === "text") return { promptText: select.value };
   if (select?.kind === "path") {
     await resolvePromptOverride(select);
-    return { promptPath: resolve22(select.value) };
+    return { promptPath: resolve23(select.value) };
   }
   return {};
 }
@@ -17941,11 +18814,11 @@ function useTokensOnly(input) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/screen.tsx
-import { Box as Box23, Text as Text25 } from "ink";
+import { Box as Box24, Text as Text25 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/added-column.tsx
 import React10 from "react";
-import { Box as Box15, Text as Text16 } from "ink";
+import { Box as Box16, Text as Text16 } from "ink";
 import figures2 from "figures";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/columns.ts
@@ -18052,7 +18925,7 @@ function computeColumnWindow(total, cursor, visibleCount) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/windowed-panel.tsx
-import { Box as Box14, Text as Text15 } from "ink";
+import { Box as Box15, Text as Text15 } from "ink";
 import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var MIN_TERMINAL_PANEL_HEIGHT = 5;
 function terminalPanelHeight(rows, reservedRows = 4) {
@@ -18070,7 +18943,7 @@ function FixedPanel({
   children
 }) {
   return /* @__PURE__ */ jsx17(
-    Box14,
+    Box15,
     {
       flexDirection: "column",
       width,
@@ -18106,7 +18979,7 @@ function WindowedPanelHeader({
   width,
   focused
 }) {
-  return /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx17(Text15, { bold: true, color: PALETTE.accent, inverse: focused, children: title }),
     /* @__PURE__ */ jsx17(Text15, { color: PALETTE.muted, children: "\u2500".repeat(Math.max(0, width - 2)) })
   ] });
@@ -18141,7 +19014,7 @@ function AddedColumn(props) {
       const style = sideColumnLabelStyle({ isCycle: entry.isCycle, isSelected, focused });
       return /* @__PURE__ */ jsxs16(React10.Fragment, { children: [
         showSeparator && /* @__PURE__ */ jsx18(Text16, { color: PALETTE.muted, children: "\u2500".repeat(Math.max(0, width - 2)) }),
-        /* @__PURE__ */ jsxs16(Box15, { children: [
+        /* @__PURE__ */ jsxs16(Box16, { children: [
           isCursor ? /* @__PURE__ */ jsx18(Text16, { color: PALETTE.accent, bold: true, children: figures2.pointer }) : /* @__PURE__ */ jsx18(Text16, { children: " " }),
           reserveAiBadge && (aiFlagged ? /* @__PURE__ */ jsx18(Text16, { color: PALETTE.warning, bold: true, children: " [\xD7]" }) : /* @__PURE__ */ jsx18(Text16, { children: "    " })),
           entry.isCycle && /* @__PURE__ */ jsx18(Text16, { color: isCursor ? PALETTE.accent : PALETTE.warning, bold: true, underline: style.nameUnderline, children: " \u26A0" }),
@@ -18164,7 +19037,7 @@ function AddedColumn(props) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/cycles-panel.tsx
-import { Box as Box16, Text as Text17 } from "ink";
+import { Box as Box17, Text as Text17 } from "ink";
 import figures3 from "figures";
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function cycleLabel(cycle, index) {
@@ -18177,7 +19050,7 @@ function cycleLabel(cycle, index) {
   return `Cycle ${index + 1}: ${parts.join(" \u2192 ")}`;
 }
 function CyclesPanel({ cycles, cursor }) {
-  return /* @__PURE__ */ jsxs17(Box16, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
+  return /* @__PURE__ */ jsxs17(Box17, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
     /* @__PURE__ */ jsx19(Text17, { bold: true, color: PALETTE.warning, children: `Cycles detected (${cycles.length}):` }),
     /* @__PURE__ */ jsx19(Text17, { children: " " }),
     cycles.map((cycle, i) => {
@@ -18192,10 +19065,10 @@ function CyclesPanel({ cycles, cursor }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/panels/reject-prompt.tsx
-import { Box as Box17, Text as Text18 } from "ink";
+import { Box as Box18, Text as Text18 } from "ink";
 import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function RejectPrompt({ pending }) {
-  return /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
+  return /* @__PURE__ */ jsxs18(Box18, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.warning, paddingX: 1, marginTop: 1, children: [
     /* @__PURE__ */ jsx20(Text18, { bold: true, color: PALETTE.warning, children: `Rejecting ${pending.target} will:` }),
     pending.ancestors.length > 0 && /* @__PURE__ */ jsx20(Text18, { children: `- Reject ancestors: ${pending.ancestors.join(", ")}` }),
     pending.descendants.length > 0 && /* @__PURE__ */ jsx20(Text18, { children: `- Deselect descendants: ${pending.descendants.join(", ")}` }),
@@ -18223,7 +19096,7 @@ function CompactControlBar({ hasGroupRoots, searchActive }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/CounterStrip.tsx
-import { Box as Box18, Text as Text19 } from "ink";
+import { Box as Box19, Text as Text19 } from "ink";
 import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function CounterStrip(props) {
   const { counters, totalWidth } = props;
@@ -18232,7 +19105,7 @@ function CounterStrip(props) {
   const labelRej = condensed ? "Rej" : "Rejected";
   const labelUnd = condensed ? "Und" : "Undecided";
   const sep = condensed ? " | " : "    ";
-  return /* @__PURE__ */ jsx22(Box18, { children: /* @__PURE__ */ jsxs19(Text19, { children: [
+  return /* @__PURE__ */ jsx22(Box19, { children: /* @__PURE__ */ jsxs19(Text19, { children: [
     /* @__PURE__ */ jsxs19(Text19, { color: PALETTE.muted, children: [
       labelGrp,
       " "
@@ -18256,7 +19129,7 @@ function CounterStrip(props) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GotoBanner.tsx
 import figures4 from "figures";
-import { Box as Box19, Text as Text20 } from "ink";
+import { Box as Box20, Text as Text20 } from "ink";
 import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var DEFAULT_MAX_ROWS = 15;
 function windowStart(rowCount, highlightIndex, maxRows) {
@@ -18290,7 +19163,7 @@ function GotoBanner({
   const moreAbove = start;
   const moreBelow = rows.length - end;
   return /* @__PURE__ */ jsxs20(
-    Box19,
+    Box20,
     {
       flexDirection: "column",
       borderStyle: "single",
@@ -18315,7 +19188,7 @@ function GotoBanner({
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/GroupedSidebar.tsx
 import figures5 from "figures";
-import { Box as Box20, Text as Text22 } from "ink";
+import { Box as Box21, Text as Text22 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/graph/cycle-detection.ts
 function buildGraph(components) {
@@ -19135,7 +20008,7 @@ function GroupedSidebar(props) {
         isOwn: rs?.isOwn ?? false,
         isCursor
       });
-      return /* @__PURE__ */ jsxs21(Box20, { children: [
+      return /* @__PURE__ */ jsxs21(Box21, { children: [
         isCursor ? /* @__PURE__ */ jsx25(Text22, { color: PALETTE.accent, bold: true, children: figures5.pointer }) : /* @__PURE__ */ jsx25(Text22, { children: " " }),
         /* @__PURE__ */ jsx25(PreviewBadge, { badge, highlighted: isSelected }),
         selectionStateByKey !== void 0 && (selGlyph && !isSynthetic ? /* @__PURE__ */ jsx25(Text22, { color: !isSelected && selDim ? PALETTE.muted : selColor, bold: selBold, children: " " + selGlyph }) : /* @__PURE__ */ jsx25(Text22, { children: "    " })),
@@ -19163,7 +20036,7 @@ function GroupedSidebar(props) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/HelpOverlay.tsx
 import React11 from "react";
-import { Box as Box21, Text as Text23 } from "ink";
+import { Box as Box22, Text as Text23 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/hooks/useImmediateInput.ts
 import { useLayoutEffect, useRef as useRef5 } from "react";
@@ -19274,7 +20147,7 @@ function HelpOverlay(props) {
   }, props.handleInput !== false);
   if (props.sections) {
     return /* @__PURE__ */ jsxs22(
-      Box21,
+      Box22,
       {
         flexDirection: "column",
         borderStyle: "round",
@@ -19295,7 +20168,7 @@ function HelpOverlay(props) {
   }
   const mode = props.mode;
   return /* @__PURE__ */ jsxs22(
-    Box21,
+    Box22,
     {
       flexDirection: "column",
       borderStyle: "round",
@@ -19335,7 +20208,7 @@ function HelpOverlay(props) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/components/SearchMatchSummary.tsx
-import { Box as Box22, Text as Text24 } from "ink";
+import { Box as Box23, Text as Text24 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/07-scope-gate/sidebar/autocomplete.ts
 function longestCommonPrefix(names) {
@@ -19404,7 +20277,7 @@ function SearchMatchSummary({
 }) {
   if (hidden) return null;
   return /* @__PURE__ */ jsxs23(Fragment4, { children: [
-    open && /* @__PURE__ */ jsxs23(Box22, { marginTop, flexDirection: "column", children: [
+    open && /* @__PURE__ */ jsxs23(Box23, { marginTop, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs23(Text24, { children: [
         `/${query}`,
         /* @__PURE__ */ jsx27(Text24, { color: PALETTE.accent, children: "\u258E" }),
@@ -19413,7 +20286,7 @@ function SearchMatchSummary({
       ] }),
       autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx27(Text24, { color: PALETTE.muted, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
     ] }),
-    !open && query && /* @__PURE__ */ jsx27(Box22, { marginTop, children: /* @__PURE__ */ jsx27(Text24, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
+    !open && query && /* @__PURE__ */ jsx27(Box23, { marginTop, children: /* @__PURE__ */ jsx27(Text24, { children: `/${query}${formatSearchMatchSummary(matches, total)} \xB7 [Esc] clear` }) })
   ] });
 }
 
@@ -20591,7 +21464,7 @@ var HELP_SECTIONS = [
 ];
 function ScopeGateScreen(props) {
   if (props.components.length === 0) {
-    return /* @__PURE__ */ jsx28(Box23, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx28(Text25, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
+    return /* @__PURE__ */ jsx28(Box24, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx28(Text25, { color: PALETTE.error, children: "Error: no components found for this session \u2014 please re-run analyze extract." }) });
   }
   return /* @__PURE__ */ jsx28(ScopeGateView, { ...props });
 }
@@ -20601,18 +21474,18 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
   if (gate.showHelp) {
     return /* @__PURE__ */ jsx28(HelpOverlay, { sections: HELP_SECTIONS, handleInput: false, onClose: gate.closeHelp });
   }
-  return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs24(Box24, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx28(StepHeader, { step: "scope-gate" }),
-    /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", paddingX: 2, children: [
-      /* @__PURE__ */ jsxs24(Box23, { flexDirection: "row", flexWrap: "wrap", children: [
+    /* @__PURE__ */ jsxs24(Box24, { flexDirection: "column", paddingX: 2, children: [
+      /* @__PURE__ */ jsxs24(Box24, { flexDirection: "row", flexWrap: "wrap", children: [
         /* @__PURE__ */ jsx28(CounterStrip, { counters, totalWidth: gate.totalWidth }),
         gate.aiExcludedCount > 0 && /* @__PURE__ */ jsxs24(Text25, { color: PALETTE.muted, children: [
           `${gate.aiExcludedCount} component${gate.aiExcludedCount === 1 ? "" : "s"} flagged by AI`,
           gate.aiRows.length > 0 && /* @__PURE__ */ jsx28(Text25, { color: PALETTE.accent, children: " \u2014 press [x] to see why" })
         ] })
       ] }),
-      graph.cycles.length > 0 && /* @__PURE__ */ jsx28(Box23, { marginTop: 1, children: /* @__PURE__ */ jsx28(Text25, { color: PALETTE.muted, children: "If you must have components with cycles, select them together into the generate step and then use the editor to fix them." }) }),
-      /* @__PURE__ */ jsxs24(Box23, { flexDirection: "row", alignItems: "stretch", children: [
+      graph.cycles.length > 0 && /* @__PURE__ */ jsx28(Box24, { marginTop: 1, children: /* @__PURE__ */ jsx28(Text25, { color: PALETTE.muted, children: "If you must have components with cycles, select them together into the generate step and then use the editor to fix them." }) }),
+      /* @__PURE__ */ jsxs24(Box24, { flexDirection: "row", alignItems: "stretch", children: [
         gate.aiRationalePanelOpen ? /* @__PURE__ */ jsx28(
           GotoBanner,
           {
@@ -20652,7 +21525,7 @@ function ScopeGateView({ components, onConfirm, onQuit }) {
           }
         ),
         columnPlan.layout === "two-column" && /* @__PURE__ */ jsxs24(Fragment5, { children: [
-          /* @__PURE__ */ jsx28(Box23, { width: 2, flexShrink: 0 }),
+          /* @__PURE__ */ jsx28(Box24, { width: 2, flexShrink: 0 }),
           /* @__PURE__ */ jsx28(
             AddedColumn,
             {
@@ -20769,7 +21642,7 @@ var capitalize = (name) => name.charAt(0).toUpperCase() + name.slice(1);
 function describeGeneration(input) {
   const agent = capitalize(input.agent);
   return `${formatAcceptanceSummary({ accepted: input.acceptedCount, autoRejected: 0 })}
-${agent} is mapping your selected components to Contentful's Component Definition Format (CDF).${input.hasTokens ? " Using your design tokens for prop resolution." : ""}`;
+${agent} is reading each selected component and writing a Contentful component definition for it${input.hasTokens ? " Using your design tokens for prop resolution." : ""}`;
 }
 function progressRows2(progress, agent) {
   const name = capitalize(agent);
@@ -20812,7 +21685,7 @@ function GenerationScreen({
 import { useEffect as useEffect10, useRef as useRef8, useState as useState17 } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/run.ts
-import { resolve as resolve23 } from "node:path";
+import { resolve as resolve24 } from "node:path";
 
 // packages/experience-design-system-cli/src/tui/import/steps/08-generation/map-tokens.ts
 async function prepareMapTokens(input, generatedSessionId) {
@@ -20947,7 +21820,7 @@ async function buildMapTokensOptions(input) {
   if (mapOverride?.kind === "text") prompt.skillContentOverride = mapOverride.value;
   if (mapOverride?.kind === "path") {
     await resolvePromptOverride(mapOverride);
-    prompt.skillPathOverride = resolve23(mapOverride.value);
+    prompt.skillPathOverride = resolve24(mapOverride.value);
   }
   if (input.existingEntitiesPath) {
     const entities = await readExistingContentfulEntitiesFromSession({ path: input.existingEntitiesPath });
@@ -21022,7 +21895,7 @@ function buildFlowStart(input) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
-import { Box as Box43 } from "ink";
+import { Box as Box44 } from "ink";
 
 // packages/experience-design-system-types/dist/src/cdf/validate.js
 import { Ajv as Ajv2 } from "ajv";
@@ -21387,7 +22260,7 @@ function getReviewJsonPanelValue(selected, showHiddenProps) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/generate-review-step.tsx
-import { Box as Box36, Text as Text39 } from "ink";
+import { Box as Box37, Text as Text39 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/graph/cycle-view.ts
 function computeCycleView(components) {
@@ -21626,12 +22499,12 @@ function enumerateCycleBreaks(cycle, components) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewComponentPanel.tsx
-import { Box as Box30, Text as Text33 } from "ink";
+import { Box as Box31, Text as Text33 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FieldEditor.tsx
 import React12, { useEffect as useEffect11, useLayoutEffect as useLayoutEffect2, useState as useState18 } from "react";
 import figures6 from "figures";
-import { Box as Box24, measureElement, Text as Text26 } from "ink";
+import { Box as Box25, measureElement, Text as Text26 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/scroll-offset.ts
 function computeNextScrollOffset(current, input, key, totalLines, panelHeight) {
@@ -21800,14 +22673,14 @@ function serializeState(state2, originalJson) {
   return JSON.stringify(entry, null, 2);
 }
 function Picker({ value, active }) {
-  return /* @__PURE__ */ jsxs25(Box24, { children: [
+  return /* @__PURE__ */ jsxs25(Box25, { children: [
     active && /* @__PURE__ */ jsx31(Text26, { color: PALETTE.warning, children: "\u2039" }),
     /* @__PURE__ */ jsx31(Text26, { color: active ? PALETTE.warning : void 0, bold: active, children: value }),
     active && /* @__PURE__ */ jsx31(Text26, { color: PALETTE.warning, children: "\u203A" })
   ] });
 }
 function Toggle({ value, active }) {
-  return /* @__PURE__ */ jsx31(Box24, { children: /* @__PURE__ */ jsx31(Text26, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
+  return /* @__PURE__ */ jsx31(Box25, { children: /* @__PURE__ */ jsx31(Text26, { color: active ? PALETTE.warning : value ? PALETTE.success : PALETTE.border, children: value ? "[\u2713]" : "[ ]" }) });
 }
 function InlinePropField({
   label,
@@ -21816,7 +22689,7 @@ function InlinePropField({
   flexible = false,
   width
 }) {
-  return /* @__PURE__ */ jsxs25(Box24, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
+  return /* @__PURE__ */ jsxs25(Box25, { width, gap: 1, flexShrink: flexible ? 1 : 0, flexGrow: flexible ? 1 : 0, flexWrap: "wrap", children: [
     /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, wrap: "truncate-end", children: [
       focused ? "\u203A " : "  ",
       label
@@ -21837,7 +22710,7 @@ function DefaultValueRow({
   active,
   focused
 }) {
-  return /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
+  return /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexWrap: "wrap", flexShrink: 0, children: [
     /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
@@ -21870,7 +22743,7 @@ function ValueInputRow({
   valueText,
   cursorVisible
 }) {
-  return /* @__PURE__ */ jsxs25(Box24, { paddingLeft: 2, children: [
+  return /* @__PURE__ */ jsxs25(Box25, { paddingLeft: 2, children: [
     /* @__PURE__ */ jsx31(Text26, { color: PALETTE.accent, children: mode === "edit" ? "\u270E " : "+ " }),
     /* @__PURE__ */ jsx31(Text26, { children: valueText }),
     /* @__PURE__ */ jsx31(Text26, { inverse: cursorVisible, children: " " })
@@ -21888,7 +22761,7 @@ function EditableListItem({
   if (isBeingEdited) {
     return /* @__PURE__ */ jsx31(ValueInputRow, { mode: "edit", valueText, cursorVisible });
   }
-  return /* @__PURE__ */ jsx31(Box24, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text26, { color: active ? PALETTE.accent : void 0, children: active ? `${figures6.pointer} ${value}` : `  ${value}` }) });
+  return /* @__PURE__ */ jsx31(Box25, { gap: 1, paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text26, { color: active ? PALETTE.accent : void 0, children: active ? `${figures6.pointer} ${value}` : `  ${value}` }) });
 }
 function EditableValueList({
   values,
@@ -21902,7 +22775,7 @@ function EditableValueList({
   showAddInput
 }) {
   return /* @__PURE__ */ jsxs25(Fragment6, { children: [
-    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx31(Box24, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: emptyMessage }) })),
+    values.length === 0 && !editingValue && (emptyPaddingLeft === void 0 ? /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: emptyMessage }) : /* @__PURE__ */ jsx31(Box25, { paddingLeft: emptyPaddingLeft, children: /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: emptyMessage }) })),
     values.map((value, index) => /* @__PURE__ */ jsx31(
       EditableListItem,
       {
@@ -21927,7 +22800,7 @@ function DefaultSubRow({
 }) {
   const cursor = cursorVisible ? "\u2588" : " ";
   if (prop.type === "richtext" || prop.type === "media" || prop.type === "link") {
-    return /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexShrink: 0, children: [
+    return /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
@@ -21941,7 +22814,7 @@ function DefaultSubRow({
   }
   if (prop.type === "enum") {
     if (prop.values.length === 0) {
-      return /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexShrink: 0, children: [
+      return /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexShrink: 0, children: [
         /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
           focused ? "\u203A " : "  ",
           "default:"
@@ -21954,19 +22827,19 @@ function DefaultSubRow({
   }
   const value = typeof prop.default === "string" ? prop.default : "";
   if (active) {
-    return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "row", flexShrink: 0, children: [
+    return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "row", flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         "default:"
       ] }),
-      /* @__PURE__ */ jsxs25(Box24, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+      /* @__PURE__ */ jsxs25(Box25, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
         /* @__PURE__ */ jsx31(Text26, { children: value.slice(0, textCursor) }),
         /* @__PURE__ */ jsx31(Text26, { inverse: cursorVisible, children: value[textCursor] ?? cursor }),
         /* @__PURE__ */ jsx31(Text26, { children: value.slice(textCursor + 1) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexShrink: 0, children: [
+  return /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexShrink: 0, children: [
     /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       "default:"
@@ -21986,7 +22859,7 @@ function DescriptionField({
   paddingLeft = 2
 }) {
   if (compact) {
-    return /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+    return /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
         focused ? "\u203A " : "  ",
         label
@@ -21994,7 +22867,7 @@ function DescriptionField({
       /* @__PURE__ */ jsx31(Text26, { wrap: "truncate-end", color: value ? void 0 : PALETTE.muted, children: value || "\u2014" })
     ] });
   }
-  return /* @__PURE__ */ jsxs25(Box24, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
+  return /* @__PURE__ */ jsxs25(Box25, { paddingLeft, flexDirection: "column", width, flexShrink: 0, children: [
     /* @__PURE__ */ jsxs25(Text26, { color: focused ? PALETTE.warning : PALETTE.muted, bold: focused, children: [
       focused ? "\u203A " : "  ",
       label
@@ -22030,8 +22903,8 @@ function PropRow({
 }) {
   const descFocused = activeField === "description";
   const descActive = editingField && descFocused;
-  return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx31(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(RowLabel, { name: prop.name, selected }) }),
+  return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx31(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(RowLabel, { name: prop.name, selected }) }),
     /* @__PURE__ */ jsx31(
       DescriptionField,
       {
@@ -22045,7 +22918,7 @@ function PropRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsx31(
         RequiredField,
         {
@@ -22058,7 +22931,7 @@ function PropRow({
       /* @__PURE__ */ jsx31(InlinePropField, { label: "type:", focused: activeField === "type", children: editingField && activeField === "type" ? /* @__PURE__ */ jsx31(Picker, { value: prop.type, active: true }) : /* @__PURE__ */ jsx31(Text26, { children: prop.type }) })
     ] }),
     prop.type === "token" && /* @__PURE__ */ jsx31(InlinePropField, { label: "kind:", focused: activeField === "tokenKind", width, children: editingField && activeField === "tokenKind" ? /* @__PURE__ */ jsx31(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx31(Text26, { wrap: "wrap", children: prop.tokenKind || "\u2014" }) }),
-    prop.type === "enum" && /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+    prop.type === "enum" && /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(Text26, { color: activeField === "values" ? PALETTE.warning : PALETTE.muted, bold: activeField === "values", children: [
         activeField === "values" ? "\u203A " : "  ",
         "values:"
@@ -22079,12 +22952,12 @@ function PropRow({
         cursorVisible
       }
     ),
-    prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+    prop.type === "token" && prop.category === "design" && /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(Text26, { color: activeField === "allowed" ? PALETTE.warning : PALETTE.muted, bold: activeField === "allowed", children: [
         activeField === "allowed" ? "\u203A " : "  ",
         "allowed:"
       ] }),
-      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx31(Box24, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx31(Text26, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx31(
+      editingField && activeField === "allowed" ? /* @__PURE__ */ jsx31(Box25, { width: Math.max(1, width - 4), borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: /* @__PURE__ */ jsx31(Text26, { children: "press [t] to edit allowed tokens" }) }) : /* @__PURE__ */ jsx31(
         Text26,
         {
           color: activeField !== "allowed" && prop.allowed.length === 0 ? PALETTE.muted : void 0,
@@ -22093,13 +22966,13 @@ function PropRow({
         }
       )
     ] }),
-    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx31(Box24, { paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: (() => {
+    selected && showRationale && rationale && rationale.trim().length > 0 && /* @__PURE__ */ jsx31(Box25, { paddingLeft: 2, children: /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: (() => {
       const max = Math.max(8, width - 8);
       const text = `~ ${rationale}`;
       return text.length > max ? text.slice(0, max - 1) + "\u2026" : text;
     })() }) }, rowKey ? `rationale-${rowKey}` : void 0),
-    selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs25(Box24, { paddingLeft: 2, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs25(Box24, { children: [
+    selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs25(Box25, { paddingLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs25(Box25, { children: [
         /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "values:" }),
         activeField === "values" && /* @__PURE__ */ jsx31(Text26, { children: "  [a] add  [e] edit  [r] remove  [\u2191\u2193] navigate  [K/J] reorder" })
       ] }),
@@ -22133,8 +23006,8 @@ function SlotRow({
   pickerCandidates,
   pickerCursor
 }) {
-  return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, flexShrink: 0, children: [
-    /* @__PURE__ */ jsx31(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(RowLabel, { name: slot.name, selected, trailing: false }) }),
+  return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", width, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx31(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(RowLabel, { name: slot.name, selected, trailing: false }) }),
     /* @__PURE__ */ jsx31(
       DescriptionField,
       {
@@ -22148,7 +23021,7 @@ function SlotRow({
         paddingLeft: 0
       }
     ),
-    /* @__PURE__ */ jsx31(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx31(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: /* @__PURE__ */ jsx31(
       RequiredField,
       {
         value: slot.required,
@@ -22157,7 +23030,7 @@ function SlotRow({
         activeField
       }
     ) }),
-    !(selected && editingField && activeField === "allowedComponents") && /* @__PURE__ */ jsxs25(Box24, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
+    !(selected && editingField && activeField === "allowedComponents") && /* @__PURE__ */ jsxs25(Box25, { gap: 1, flexWrap: "wrap", width, flexShrink: 0, children: [
       /* @__PURE__ */ jsxs25(
         Text26,
         {
@@ -22171,8 +23044,8 @@ function SlotRow({
       ),
       slot.allowedComponents.length === 0 ? /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "(any)" }) : /* @__PURE__ */ jsx31(Text26, { wrap: "wrap", children: slot.allowedComponents.join(", ") })
     ] }),
-    selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs25(Box24, { children: [
+    selected && editingField && activeField === "allowedComponents" && /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs25(Box25, { children: [
         /* @__PURE__ */ jsxs25(
           Text26,
           {
@@ -22200,7 +23073,7 @@ function SlotRow({
           showAddInput: editingField && activeField === "allowedComponents"
         }
       ),
-      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx31(Box24, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
+      editingField && editingValue?.mode === "add" && activeField === "allowedComponents" && pickerCandidates !== null && /* @__PURE__ */ jsx31(Box25, { paddingLeft: 2, flexDirection: "column", children: pickerCandidates.length === 0 ? /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "(no valid components to add \u2014 all remaining candidates would create cycles)" }) : (() => {
         const filtered = valueText.length === 0 ? pickerCandidates : pickerCandidates.filter((n) => n.toLowerCase().includes(valueText.toLowerCase()));
         if (filtered.length === 0) {
           return /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "(no candidates match \u2014 Enter to add as free text)" });
@@ -22209,7 +23082,7 @@ function SlotRow({
         const MAX_VISIBLE = 5;
         const start = Math.max(0, Math.min(filtered.length - MAX_VISIBLE, cursor - 2));
         const slice = filtered.slice(start, start + MAX_VISIBLE);
-        return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", children: [
+        return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", children: [
           /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "  candidates (\u2191\u2193 cycle, Enter to add):" }),
           slice.map((name, i) => {
             const absIdx = start + i;
@@ -23043,14 +23916,14 @@ function FieldEditor({
   });
   const innerWidth = Math.max(1, width - 2);
   if (parseErr) {
-    return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
+    return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.error, children: [
       /* @__PURE__ */ jsx31(Text26, { bold: true, color: PALETTE.error, children: "FIELD EDITOR \u2014 parse error" }),
       /* @__PURE__ */ jsx31(Text26, { color: PALETTE.error, children: parseErr }),
       /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "Cannot display structured editor. Fix the JSON first." })
     ] });
   }
   if (props.length === 0 && slots.length === 0) {
-    return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
+    return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", width, borderStyle: "single", borderColor: PALETTE.warning, children: [
       /* @__PURE__ */ jsx31(Text26, { bold: true, color: PALETTE.warning, children: "FIELD EDITOR \u2014 no fields" }),
       /* @__PURE__ */ jsx31(Text26, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify." }),
       /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "You can add fields manually below or reject this component." }),
@@ -23183,7 +24056,7 @@ function FieldEditor({
   const renderRow = (row, index) => {
     const key = rowKey(row, index);
     if (row.kind === "header") {
-      return /* @__PURE__ */ jsx31(Box24, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx31(Text26, { bold: true, color: PALETTE.success, children: row.label }) }, key);
+      return /* @__PURE__ */ jsx31(Box25, { flexDirection: "column", paddingTop: 1, children: /* @__PURE__ */ jsx31(Text26, { bold: true, color: PALETTE.success, children: row.label }) }, key);
     }
     if (row.kind === "component-description") {
       const isSelected2 = inComponentDesc && active;
@@ -23269,7 +24142,7 @@ function FieldEditor({
       children: [
         hasEmptyProperties && /* @__PURE__ */ jsx31(Text26, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
         header,
-        /* @__PURE__ */ jsx31(Box24, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx31(Box25, { flexDirection: "column", width: innerWidth, flexShrink: 0, children: focusLevel === "field" && !inComponentDesc && currentProp ? /* @__PURE__ */ jsx31(
           PropRow,
           {
             prop: currentProp,
@@ -23305,7 +24178,7 @@ function FieldEditor({
           const absoluteIndex = scrollStart + index;
           const key = rowKey(row, absoluteIndex);
           return /* @__PURE__ */ jsx31(
-            Box24,
+            Box25,
             {
               ref: (node) => {
                 if (node) rowMeasureRefs.current.set(key, node);
@@ -23327,20 +24200,20 @@ function FieldEditor({
           const src = metadata?.componentSource ?? null;
           const headerPath = path5 ?? "<unknown source path>";
           if (!start || !end2 || !src) {
-            return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+            return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
               /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, bold: true, children: `source: ${headerPath}` }),
               /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "(no source location captured for this prop)" }),
               /* @__PURE__ */ jsx31(Text26, { children: "[s] close" })
             ] });
           }
           const lines = src.split("\n").slice(Math.max(0, start - 1), end2);
-          return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+          return /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
             /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, bold: true, children: `${headerPath}: lines ${start}\u2013${end2}` }),
             lines.map((ln, i) => /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: ln }, `source-line-${i}`)),
             /* @__PURE__ */ jsx31(Text26, { children: "[s] close \xB7 [Esc] close" })
           ] });
         })(),
-        showHelp && /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
+        showHelp && /* @__PURE__ */ jsxs25(Box25, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.accent, paddingX: 1, children: [
           /* @__PURE__ */ jsx31(Text26, { bold: true, color: PALETTE.accent, children: "Keybindings" }),
           /* @__PURE__ */ jsx31(Text26, { children: " " }),
           /* @__PURE__ */ jsx31(Text26, { bold: true, children: "Row navigation" }),
@@ -23369,7 +24242,7 @@ function FieldEditor({
           /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: "press ? or Esc to close" })
         ] }),
         validationError && /* @__PURE__ */ jsx31(Text26, { color: PALETTE.error, children: "\u2717 " + validationError }),
-        /* @__PURE__ */ jsx31(Box24, { paddingTop: 1, children: /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: modeLabel }) })
+        /* @__PURE__ */ jsx31(Box25, { paddingTop: 1, children: /* @__PURE__ */ jsx31(Text26, { color: PALETTE.muted, children: modeLabel }) })
       ]
     }
   );
@@ -23379,7 +24252,7 @@ function FieldEditor({
 import { Text as Text32 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ComponentRationalePanel.tsx
-import { Box as Box26, Text as Text28 } from "ink";
+import { Box as Box27, Text as Text28 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/wrap-text.ts
 function appendLongWordChunks(word, width, lines) {
@@ -23414,23 +24287,23 @@ function wrapText(text, innerWidth) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/RationaleLine.tsx
-import { Box as Box25, Text as Text27 } from "ink";
+import { Box as Box26, Text as Text27 } from "ink";
 import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
 function RationaleLine({ line, active }) {
   if (line.kind === "blank") {
-    return /* @__PURE__ */ jsx32(Box25, { children: /* @__PURE__ */ jsx32(Text27, { children: " " }) });
+    return /* @__PURE__ */ jsx32(Box26, { children: /* @__PURE__ */ jsx32(Text27, { children: " " }) });
   }
   if (line.kind === "heading") {
-    return /* @__PURE__ */ jsx32(Box25, { children: /* @__PURE__ */ jsx32(Text27, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
+    return /* @__PURE__ */ jsx32(Box26, { children: /* @__PURE__ */ jsx32(Text27, { bold: true, color: active ? PALETTE.accent : PALETTE.muted, children: line.text }) });
   }
   if (line.kind === "label") {
-    return /* @__PURE__ */ jsxs26(Box25, { children: [
+    return /* @__PURE__ */ jsxs26(Box26, { children: [
       line.prefix && /* @__PURE__ */ jsx32(Text27, { children: line.prefix }),
       /* @__PURE__ */ jsx32(Text27, { bold: true, color: active ? line.color : PALETTE.muted, children: line.text }),
       line.suffix && /* @__PURE__ */ jsx32(Text27, { color: PALETTE.muted, children: line.suffix })
     ] });
   }
-  return /* @__PURE__ */ jsx32(Box25, { children: /* @__PURE__ */ jsx32(Text27, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
+  return /* @__PURE__ */ jsx32(Box26, { children: /* @__PURE__ */ jsx32(Text27, { color: !active || line.dim ? PALETTE.muted : void 0, children: line.text }) });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ComponentRationalePanel.tsx
@@ -23503,7 +24376,7 @@ function ComponentRationalePanel({
   const visibleStart = totalLines === 0 ? 0 : scrollOffset + 1;
   const visibleEnd = Math.min(totalLines, scrollOffset + contentHeight);
   return /* @__PURE__ */ jsxs27(
-    Box26,
+    Box27,
     {
       flexDirection: "column",
       width,
@@ -23511,16 +24384,16 @@ function ComponentRationalePanel({
       borderStyle: "single",
       borderColor: active ? PALETTE.text : void 0,
       children: [
-        /* @__PURE__ */ jsx33(Box26, { children: /* @__PURE__ */ jsx33(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
+        /* @__PURE__ */ jsx33(Box27, { children: /* @__PURE__ */ jsx33(Text28, { bold: true, color: active ? void 0 : PALETTE.muted, children: `Component rationale: ${data.name}` }) }),
         visible.map((line, i) => /* @__PURE__ */ jsx33(RationaleLine, { line, active }, i)),
-        /* @__PURE__ */ jsx33(Box26, { children: overflowed ? /* @__PURE__ */ jsx33(Text28, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx33(Text28, { children: "[I/Esc] close" }) })
+        /* @__PURE__ */ jsx33(Box27, { children: overflowed ? /* @__PURE__ */ jsx33(Text28, { children: `${visibleStart}-${visibleEnd}/${totalLines}    [\u2191\u2193] scroll    [I/Esc] close` }) : /* @__PURE__ */ jsx33(Text28, { children: "[I/Esc] close" }) })
       ]
     }
   );
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/JsonPanel.tsx
-import { Box as Box28 } from "ink";
+import { Box as Box29 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/HighlightedLine.tsx
 import { Text as Text29 } from "ink";
@@ -23530,7 +24403,7 @@ function HighlightedLine({ parts }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ScrollablePanel.tsx
-import { Box as Box27, Text as Text30 } from "ink";
+import { Box as Box28, Text as Text30 } from "ink";
 import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 function ScrollablePanel({
   title,
@@ -23544,11 +24417,11 @@ function ScrollablePanel({
   children
 }) {
   const overflowed = totalLines > height;
-  return /* @__PURE__ */ jsxs28(Box27, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
-    /* @__PURE__ */ jsxs28(Box27, { children: [
+  return /* @__PURE__ */ jsxs28(Box28, { flexDirection: "column", width, height: height + 2, borderStyle: "single", borderColor, children: [
+    /* @__PURE__ */ jsxs28(Box28, { children: [
       /* @__PURE__ */ jsx35(Text30, { bold: true, color: active ? void 0 : PALETTE.muted, children: title }),
       overflowed && /* @__PURE__ */ jsxs28(Fragment8, { children: [
-        /* @__PURE__ */ jsx35(Box27, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx35(Box28, { flexGrow: 1 }),
         /* @__PURE__ */ jsx35(Text30, { color: active ? void 0 : PALETTE.muted, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
       ] })
     ] }),
@@ -23621,7 +24494,7 @@ function JsonPanel({ label, value, scrollOffset, width, height, active }) {
       borderColor: active ? "white" : void 0,
       children: visibleLines.map((line, i) => {
         const truncated = truncateLine(line, innerWidth);
-        return /* @__PURE__ */ jsx36(Box28, { children: highlightJson(truncated) }, i);
+        return /* @__PURE__ */ jsx36(Box29, { children: highlightJson(truncated) }, i);
       })
     }
   );
@@ -23679,7 +24552,7 @@ function RationalePanel({
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/TokenReviewPanel.tsx
 import figures7 from "figures";
-import { Box as Box29, Text as Text31 } from "ink";
+import { Box as Box30, Text as Text31 } from "ink";
 import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
 function TokenReviewPanel({
   componentName,
@@ -23700,7 +24573,7 @@ function TokenReviewPanel({
     const visiblePaths = current.paths.slice(scrollStart, scrollStart + visibleCount);
     const rangeLabel = current.paths.length === 0 ? "no compatible tokens" : `${scrollStart + 1}-${scrollStart + visiblePaths.length} of ${current.paths.length}`;
     return /* @__PURE__ */ jsxs29(
-      Box29,
+      Box30,
       {
         flexDirection: "column",
         width,
@@ -23716,7 +24589,7 @@ function TokenReviewPanel({
             const pathIndex = scrollStart + i;
             const checked = editSelection.has(path5);
             const focused = pathIndex === editCursor;
-            return /* @__PURE__ */ jsx38(Box29, { children: /* @__PURE__ */ jsx38(
+            return /* @__PURE__ */ jsx38(Box30, { children: /* @__PURE__ */ jsx38(
               Text31,
               {
                 color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted,
@@ -23734,7 +24607,7 @@ function TokenReviewPanel({
     );
   }
   return /* @__PURE__ */ jsxs29(
-    Box29,
+    Box30,
     {
       flexDirection: "column",
       width,
@@ -23746,8 +24619,8 @@ function TokenReviewPanel({
         suggestions.length === 0 && /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: "(no token suggestions for this component)" }),
         suggestions.map((s, i) => {
           const focused = i === selectedRow;
-          return /* @__PURE__ */ jsxs29(Box29, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx38(Box29, { children: /* @__PURE__ */ jsx38(Text31, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures7.pointer : " "} ${s.propName}` }) }),
+          return /* @__PURE__ */ jsxs29(Box30, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx38(Box30, { children: /* @__PURE__ */ jsx38(Text31, { color: focused ? PALETTE.accent : active ? void 0 : PALETTE.muted, bold: focused, children: `${focused ? figures7.pointer : " "} ${s.propName}` }) }),
             /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: `  suggested: ${s.suggested.join(", ")}` }),
             /* @__PURE__ */ jsx38(Text31, { color: PALETTE.muted, children: `  allowed: ${s.allowed.join(", ")}` })
           ] }, s.propName);
@@ -23989,7 +24862,7 @@ function ReviewEmptyComponentsWarning({
   return /* @__PURE__ */ jsx41(Text33, { color: PALETTE.warning, children: `\u26A0 ${count} component${count === 1 ? "" : "s"} had no classifiable props \u2014 review with care` });
 }
 function ReviewNoSelection() {
-  return /* @__PURE__ */ jsx41(Box30, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx41(Text33, { color: PALETTE.muted, children: "No component selected" }) });
+  return /* @__PURE__ */ jsx41(Box31, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: /* @__PURE__ */ jsx41(Text33, { color: PALETTE.muted, children: "No component selected" }) });
 }
 function ReviewFinalizeError({
   message,
@@ -24017,9 +24890,9 @@ function ReviewComponentTitle({
   slotCount,
   sidebarFocused
 }) {
-  return /* @__PURE__ */ jsxs31(Box30, { paddingLeft: 2, paddingBottom: 1, children: [
+  return /* @__PURE__ */ jsxs31(Box31, { paddingLeft: 2, paddingBottom: 1, children: [
     /* @__PURE__ */ jsx41(Text33, { bold: true, wrap: "truncate-end", children: selectedKey }),
-    /* @__PURE__ */ jsx41(Box30, { flexGrow: 1 }),
+    /* @__PURE__ */ jsx41(Box31, { flexGrow: 1 }),
     /* @__PURE__ */ jsxs31(Text33, { color: PALETTE.muted, wrap: "truncate-end", children: [
       propCount,
       " prop",
@@ -24051,8 +24924,8 @@ function ReviewComponentPanel({
   const slotCount = selectedEntry.$slots ? Object.keys(selectedEntry.$slots).length : 0;
   const contentHeight = Math.max(1, height - 2);
   const contentWidth = Math.max(1, width - 1);
-  return /* @__PURE__ */ jsx41(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
-    /* @__PURE__ */ jsx41(Box30, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx41(FixedPanel, { width, height, borderStyle: void 0, paddingLeft: 1, children: /* @__PURE__ */ jsxs31(Box31, { flexDirection: "column", width: contentWidth, height, flexShrink: 0, overflowY: "hidden", children: [
+    /* @__PURE__ */ jsx41(Box31, { width: contentWidth, height: contentHeight, flexShrink: 0, overflowY: "hidden", children: /* @__PURE__ */ jsx41(
       ReviewDetailsEditor,
       {
         selectedKey,
@@ -24076,8 +24949,8 @@ function ReviewComponentPanel({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx41(Box30, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text33, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
-    /* @__PURE__ */ jsx41(Box30, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text33, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx41(Box31, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text33, { color: saveError ? PALETTE.error : void 0, wrap: "truncate-end", children: saveError ? "\u2717 " + saveError : " " }) }),
+    /* @__PURE__ */ jsx41(Box31, { width: contentWidth, height: 1, flexShrink: 0, children: /* @__PURE__ */ jsx41(Text33, { color: PALETTE.muted, wrap: "truncate-end", children: /* @__PURE__ */ jsx41(
       ReviewPanelFooter,
       {
         reviewEditor,
@@ -24091,7 +24964,7 @@ function ReviewComponentPanel({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewStatus.tsx
-import { Box as Box31, Text as Text34 } from "ink";
+import { Box as Box32, Text as Text34 } from "ink";
 import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
 function countReviewStatuses(entries) {
   return entries.reduce(
@@ -24105,10 +24978,10 @@ function countReviewStatuses(entries) {
   );
 }
 function ReviewLoadingState() {
-  return /* @__PURE__ */ jsx42(Box31, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx42(Text34, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
+  return /* @__PURE__ */ jsx42(Box32, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx42(Text34, { color: PALETTE.muted, children: "Loading generated definitions..." }) });
 }
 function ReviewLoadError({ message }) {
-  return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+  return /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx42(Text34, { color: PALETTE.error, children: message }),
     /* @__PURE__ */ jsx42(Text34, { children: " " }),
     /* @__PURE__ */ jsx42(ControlHints, { hints: [{ keys: "q / Enter / Esc", label: "Quit" }] })
@@ -24311,7 +25184,7 @@ async function runLivePreview(opts) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/FinalizeDialog.tsx
-import { Box as Box32, Text as Text35 } from "ink";
+import { Box as Box33, Text as Text35 } from "ink";
 import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
 var FINALIZE_REMOVED_WINDOW = 6;
 function FinalizeDialog({
@@ -24341,7 +25214,7 @@ function FinalizeDialog({
   const windowed = removed.slice(offset, offset + FINALIZE_REMOVED_WINDOW);
   const hasMoreBelow = offset + FINALIZE_REMOVED_WINDOW < removed.length;
   const hasMoreAbove = offset > 0;
-  return /* @__PURE__ */ jsx43(Box32, { width: "100%", paddingX: 2, children: /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", alignItems: "flex-start", children: [
+  return /* @__PURE__ */ jsx43(Box33, { width: "100%", paddingX: 2, children: /* @__PURE__ */ jsxs33(Box33, { flexDirection: "column", alignItems: "flex-start", children: [
     /* @__PURE__ */ jsx43(Text35, { bold: true, children: "Finalize" }),
     /* @__PURE__ */ jsx43(Text35, { children: " " }),
     /* @__PURE__ */ jsxs33(Text35, { children: [
@@ -24371,7 +25244,7 @@ function FinalizeDialog({
       /* @__PURE__ */ jsx43(Text35, { color: PALETTE.warning, children: "Only explicitly accepted components ship." }),
       /* @__PURE__ */ jsx43(Text35, { children: " " })
     ] }),
-    /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", height: 2, children: [
+    /* @__PURE__ */ jsxs33(Box33, { flexDirection: "column", height: 2, children: [
       previewStatus === "running" ? /* @__PURE__ */ jsx43(Text35, { color: PALETTE.muted, children: "Previewing deletions against the target space\u2026" }) : previewStatus === "error" ? /* @__PURE__ */ jsx43(Text35, { color: PALETTE.warning, children: "\u26A0 Could not preview deletions (the push will still proceed)." }) : /* @__PURE__ */ jsx43(Text35, { children: " " }),
       /* @__PURE__ */ jsx43(Text35, { children: " " })
     ] }),
@@ -24798,10 +25671,10 @@ function useReviewSurfaceState(initialFinalizeError = null) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/ReviewDialogs.tsx
-import { Box as Box34, Text as Text37 } from "ink";
+import { Box as Box35, Text as Text37 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/QuitDialog.tsx
-import { Box as Box33, Text as Text36 } from "ink";
+import { Box as Box34, Text as Text36 } from "ink";
 import { Fragment as Fragment12, jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
 function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
   useImmediateInput((input, key) => {
@@ -24811,7 +25684,7 @@ function QuitDialog({ hasUnsavedDrafts, onConfirm, onCancel }) {
       onCancel();
     }
   });
-  return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
+  return /* @__PURE__ */ jsxs34(Box34, { flexDirection: "column", borderStyle: "round", padding: 1, width: 50, children: [
     /* @__PURE__ */ jsx44(Text36, { bold: true, children: "\u2500".repeat(19) + " Quit " + "\u2500".repeat(19) }),
     /* @__PURE__ */ jsx44(Text36, { children: " " }),
     hasUnsavedDrafts ? /* @__PURE__ */ jsxs34(Fragment12, { children: [
@@ -24889,7 +25762,7 @@ function ReviewStepDialogs({
 }
 function ReviewReloadDialog({ open }) {
   if (!open) return null;
-  return /* @__PURE__ */ jsxs35(Box34, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs35(Box35, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
     /* @__PURE__ */ jsx45(Text37, { bold: true, color: PALETTE.warning, children: "Reload from saved state?" }),
     /* @__PURE__ */ jsx45(Text37, { children: "Unsaved in-memory changes will be lost." }),
     /* @__PURE__ */ jsx45(Text37, { children: " " }),
@@ -25261,7 +26134,7 @@ function useReviewPreview({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/09-review/components/LivePreviewSummary.tsx
-import { Box as Box35, Text as Text38 } from "ink";
+import { Box as Box36, Text as Text38 } from "ink";
 import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
 function LivePreviewSummary({
   enabled,
@@ -25279,7 +26152,7 @@ function LivePreviewSummary({
   if (disabled) return /* @__PURE__ */ jsx46(Text38, { color: PALETTE.muted, children: "Preview: disabled (creds rejected)" });
   if (status === "running" && !hasCounts) return /* @__PURE__ */ jsx46(Text38, { color: PALETTE.muted, children: `Preview: ${spinner} running...` });
   if (!hasCounts) return null;
-  return /* @__PURE__ */ jsxs36(Box35, { children: [
+  return /* @__PURE__ */ jsxs36(Box36, { children: [
     /* @__PURE__ */ jsx46(Text38, { children: "Preview: " }),
     /* @__PURE__ */ jsx46(Text38, { color: PALETTE.success, children: `${counts.new} new` }),
     /* @__PURE__ */ jsx46(Text38, { children: " \xB7 " }),
@@ -25497,7 +26370,7 @@ function deriveBreakingChanges(response) {
 }
 function GenerateReviewStep(props) {
   if (!props.extractSessionId) {
-    return /* @__PURE__ */ jsx47(Box36, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx47(Text39, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
+    return /* @__PURE__ */ jsx47(Box37, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx47(Text39, { color: PALETTE.error, children: "Error: no session ID \u2014 cannot load generated definitions." }) });
   }
   return /* @__PURE__ */ jsx47(GenerateReviewStepView, { ...props, extractSessionId: props.extractSessionId });
 }
@@ -26402,7 +27275,7 @@ function GenerateReviewStepView({
     for (const c2 of closures.values()) if (c2.nodes.length > 1) return true;
     return false;
   })();
-  return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs37(Box37, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx47(StepHeader, { step: "review" }),
     /* @__PURE__ */ jsx47(
       ReviewStepDialogs,
@@ -26415,14 +27288,14 @@ function GenerateReviewStepView({
       }
     ),
     /* @__PURE__ */ jsx47(ReviewReloadDialog, { open: showReloadDialog && !dialogOpen }),
-    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
+    removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs37(Box37, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
       /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
       !removedBannerCollapsed && /* @__PURE__ */ jsxs37(Fragment14, { children: [
         /* @__PURE__ */ jsx47(Text39, { children: " " }),
         removedComponents.map((rc) => /* @__PURE__ */ jsx47(Text39, { children: removedComponentLine(rc) }, rc.id))
       ] })
     ] }),
-    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx47(Box36, { paddingX: 1, children: /* @__PURE__ */ jsx47(
+    breakingChanges.length > 0 && !dialogOpen && /* @__PURE__ */ jsx47(Box37, { paddingX: 1, children: /* @__PURE__ */ jsx47(
       Text39,
       {
         color: PALETTE.warning,
@@ -26433,7 +27306,7 @@ function GenerateReviewStepView({
       const row = breakingRows[breakingCursor];
       const comp = row ? breakingChanges.find((b) => b.componentName === row.componentName) : void 0;
       if (!comp) return null;
-      return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+      return /* @__PURE__ */ jsxs37(Box37, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
         /* @__PURE__ */ jsx47(Text39, { bold: true, color: PALETTE.warning, children: `Breaking changes \u2014 ${comp.componentName}` }),
         comp.impact && /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: `  affects ${comp.impact.affectedExperiences} experience${comp.impact.affectedExperiences === 1 ? "" : "s"}, ${comp.impact.affectedFragments} fragment${comp.impact.affectedFragments === 1 ? "" : "s"}` }),
         comp.changes.length === 0 ? /* @__PURE__ */ jsx47(Text39, { color: PALETTE.muted, children: "  (no enumerated changes)" }) : comp.changes.map((change, ci) => /* @__PURE__ */ jsx47(Text39, { children: `  \u2022 ${formatBreakingChange(change, comp.current)}` }, `bd-detail-${ci}`)),
@@ -26459,7 +27332,7 @@ function GenerateReviewStepView({
       const participantSet = cycleView.structural;
       const members = stillRejected.filter((n) => participantSet.has(n)).sort();
       const ancestors = stillRejected.filter((n) => !participantSet.has(n)).sort();
-      return /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
+      return /* @__PURE__ */ jsxs37(Box37, { flexDirection: "column", borderStyle: "single", borderColor: PALETTE.error, paddingX: 1, children: [
         /* @__PURE__ */ jsx47(Text39, { color: PALETTE.error, bold: true, children: `Cyclic component graph \u2014 auto-rejected ${stillRejected.length} component${stillRejected.length === 1 ? "" : "s"}:` }),
         members.length > 0 && /* @__PURE__ */ jsx47(Text39, { color: PALETTE.error, children: `  Cycle members: ${members.join(", ")}` }),
         ancestors.length > 0 && /* @__PURE__ */ jsx47(Text39, { color: PALETTE.error, children: `  Ancestors: ${ancestors.join(", ")}` }),
@@ -26489,7 +27362,7 @@ function GenerateReviewStepView({
         height: panelHeight
       }
     ),
-    !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs37(Box36, { children: [
+    !dialogOpen && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs37(Box37, { children: [
       breakingPanel.isOpen ? /* @__PURE__ */ jsx47(
         GotoBanner,
         {
@@ -26578,7 +27451,7 @@ function GenerateReviewStepView({
         }
       ) : /* @__PURE__ */ jsx47(ReviewNoSelection, {})
     ] }),
-    !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs37(Box36, { flexDirection: "column", children: [
+    !dialogOpen && cycleRows.length > 0 && !cyclePanel.isOpen && !breakPanel.isOpen && /* @__PURE__ */ jsxs37(Box37, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx47(Text39, { color: PALETTE.warning, children: `\u26A0 ${cycleRows.length} slot dependency cycle${cycleRows.length === 1 ? "" : "s"} detected \u2014 push will fail` }),
       cycleRows.slice(0, 3).map((cycle, idx) => {
         return /* @__PURE__ */ jsx47(
@@ -26611,11 +27484,11 @@ function GenerateReviewStepView({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/CustomPromptBanner.tsx
-import { Box as Box37, Text as Text40 } from "ink";
+import { Box as Box38, Text as Text40 } from "ink";
 import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
 function CustomPromptBanner({ generatePromptPath }) {
   if (!generatePromptPath) return null;
-  return /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs38(Box38, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.warning, paddingX: 1, children: [
     /* @__PURE__ */ jsx48(Text40, { color: PALETTE.warning, bold: true, children: "WARNING: Custom prompt active" }),
     generatePromptPath ? /* @__PURE__ */ jsxs38(Text40, { color: PALETTE.warning, children: [
       "components: ",
@@ -26626,7 +27499,7 @@ function CustomPromptBanner({ generatePromptPath }) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/DoneStep.tsx
-import { Box as Box39, Text as Text42 } from "ink";
+import { Box as Box40, Text as Text42 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/contentful-urls.ts
 function normalizeHost(host) {
@@ -26642,10 +27515,10 @@ function buildPostPushUrl2({ host, spaceId, environmentId, view = "components" }
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/components/SpaceEnvironment.tsx
-import { Box as Box38, Text as Text41 } from "ink";
+import { Box as Box39, Text as Text41 } from "ink";
 import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
 function SpaceEnvironment({ spaceId, environmentId }) {
-  return /* @__PURE__ */ jsxs39(Box38, { gap: 1, marginTop: 1, children: [
+  return /* @__PURE__ */ jsxs39(Box39, { gap: 1, marginTop: 1, children: [
     /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "Space:" }),
     /* @__PURE__ */ jsx49(Text41, { children: spaceId }),
     /* @__PURE__ */ jsx49(Text41, { color: PALETTE.muted, children: "/" }),
@@ -26675,7 +27548,7 @@ function EntityRows({ entity, label }) {
   ] });
 }
 function LinkRow({ title, url }) {
-  return /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: title }),
     /* @__PURE__ */ jsx50(Text42, { color: PALETTE.accent, children: url })
   ] });
@@ -26701,14 +27574,14 @@ function DoneStep({
   const totalPushed = componentTypes.created + componentTypes.updated + componentTypes.removed + designTokens.created + designTokens.updated + designTokens.removed;
   const success = totalFailed === 0;
   const urlArgs = { host: host ?? "api.contentful.com", spaceId, environmentId };
-  return /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx50(StepHeader, { step: "done" }),
-    /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+    /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
       success ? /* @__PURE__ */ jsx50(Text42, { bold: true, color: PALETTE.success, children: "Done!" }) : /* @__PURE__ */ jsx50(Text42, { bold: true, color: PALETTE.warning, children: "\u26A0 Finished with errors" }),
-      totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: credentialsSkipped ? "Nothing was pushed \u2014 you skipped the Contentful credentials, so the files were only saved locally." : "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx50(EntityRows, { entity: componentTypes, label: "Component Type" }),
+      totalPushed === 0 && totalFailed === 0 && !summary ? /* @__PURE__ */ jsx50(Text42, { color: PALETTE.muted, children: credentialsSkipped ? "Nothing was pushed \u2014 you skipped the Contentful credentials, so the files were only saved locally." : "Nothing was pushed \u2014 everything was already up to date." }) : /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx50(EntityRows, { entity: componentTypes, label: "Component" }),
         /* @__PURE__ */ jsx50(EntityRows, { entity: designTokens, label: "Design Token" }),
-        summary && /* @__PURE__ */ jsx50(Box39, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
+        summary && /* @__PURE__ */ jsx50(Box40, { marginTop: 1, children: /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.muted, children: [
           "Push result: ",
           summary.succeeded,
           "/",
@@ -26721,7 +27594,7 @@ function DoneStep({
           ] })
         ] }) })
       ] }),
-      failures.length > 0 && /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", children: [
+      failures.length > 0 && /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", children: [
         /* @__PURE__ */ jsx50(Text42, { bold: true, color: PALETTE.error, children: "Failure details" }),
         failures.map((failure) => /* @__PURE__ */ jsxs40(Text42, { color: PALETTE.error, children: [
           failure.entityType,
@@ -26732,7 +27605,7 @@ function DoneStep({
         ] }, `${failure.entityType}:${failure.entityId}`))
       ] }),
       /* @__PURE__ */ jsx50(SpaceEnvironment, { spaceId, environmentId }),
-      success && totalPushed > 0 && /* @__PURE__ */ jsxs40(Box39, { flexDirection: "column", gap: 1, children: [
+      success && totalPushed > 0 && /* @__PURE__ */ jsxs40(Box40, { flexDirection: "column", gap: 1, children: [
         /* @__PURE__ */ jsx50(Text42, { color: PALETTE.success, children: "Your design system is now in Contentful Experiences." }),
         produced.components && /* @__PURE__ */ jsx50(LinkRow, { title: "View your components here:", url: buildPostPushUrl2(urlArgs) }),
         produced.tokens && /* @__PURE__ */ jsx50(
@@ -26750,12 +27623,12 @@ function DoneStep({
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PathPrompt.tsx
 import { useState as useState27 } from "react";
-import { Box as Box40, Text as Text43 } from "ink";
+import { Box as Box41, Text as Text43 } from "ink";
 import { readdirSync as readdirSync3 } from "node:fs";
-import { dirname as dirname15, basename as basename6, join as join20 } from "node:path";
+import { dirname as dirname16, basename as basename6, join as join20 } from "node:path";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/path-utils.ts
-import { resolve as resolve24 } from "node:path";
+import { resolve as resolve25 } from "node:path";
 import { homedir as homedir4 } from "node:os";
 function expandTilde(input) {
   if (input === "~" || input.startsWith("~/") || input.startsWith("~\\")) {
@@ -26769,7 +27642,7 @@ function normalizePath(input) {
     p = p.slice(1, -1);
   }
   p = expandTilde(p);
-  return resolve24(p);
+  return resolve25(p);
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-blinking-cursor.ts
@@ -26788,7 +27661,7 @@ import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
 function autocomplete(partial) {
   if (!partial) return null;
   const normalized = normalizePath(partial);
-  const dir = dirname15(normalized);
+  const dir = dirname16(normalized);
   const base = basename6(normalized);
   let entries;
   try {
@@ -26841,10 +27714,10 @@ function PathPrompt({
   const shown = input || defaultPath;
   const isPlaceholder = input === "";
   const cursor = cursorVisible ? "\u2588" : " ";
-  return /* @__PURE__ */ jsxs41(Box40, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs41(Box41, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx51(StepHeader, { step: "push" }),
-    /* @__PURE__ */ jsxs41(Box40, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsxs41(Box40, { gap: 1, children: [
+    /* @__PURE__ */ jsxs41(Box41, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      /* @__PURE__ */ jsxs41(Box41, { gap: 1, children: [
         /* @__PURE__ */ jsx51(Text43, { color: PALETTE.accent, children: "?" }),
         /* @__PURE__ */ jsxs41(Text43, { bold: true, children: [
           label,
@@ -26868,7 +27741,7 @@ function PathPrompt({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PushingStep.tsx
-import { Box as Box41, Text as Text44 } from "ink";
+import { Box as Box42, Text as Text44 } from "ink";
 import { ProgressBar as ProgressBar2, ThemeProvider as ThemeProvider2 } from "@inkjs/ui";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/produced.ts
@@ -26910,20 +27783,20 @@ function PushingStep({ progress, produced }) {
   const operationId = progress && progress.kind === "queued" ? progress.operationId : null;
   const showGlobal = progress && progress.kind === "progress";
   const showCurrent = progress && progress.kind === "progress" && progress.current ? progress.current : null;
-  return /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx53(StepHeader, { step: "push" }),
-    /* @__PURE__ */ jsxs42(Box41, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+    /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
       /* @__PURE__ */ jsxs42(Text44, { children: [
         "Writing ",
         writtenThings(produced),
         " to your Contentful space..."
       ] }),
-      operationId && /* @__PURE__ */ jsxs42(Box41, { gap: 1, children: [
+      operationId && /* @__PURE__ */ jsxs42(Box42, { gap: 1, children: [
         /* @__PURE__ */ jsx53(Text44, { color: PALETTE.muted, children: "Operation:" }),
         /* @__PURE__ */ jsx53(Text44, { children: operationId })
       ] }),
-      showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx53(Box41, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs42(Box41, { gap: 2, children: [
-        /* @__PURE__ */ jsx53(Box41, { width: 40, children: /* @__PURE__ */ jsx53(ThemeProvider2, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx53(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
+      showGlobal && progress && progress.kind === "progress" && /* @__PURE__ */ jsx53(Box42, { gap: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs42(Box42, { gap: 2, children: [
+        /* @__PURE__ */ jsx53(Box42, { width: 40, children: /* @__PURE__ */ jsx53(ThemeProvider2, { theme: PROGRESS_THEME, children: /* @__PURE__ */ jsx53(ProgressBar2, { value: Math.round(progress.processed / progress.total * 100) }) }) }),
         /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.muted, children: [
           progress.processed,
           "/",
@@ -26931,11 +27804,11 @@ function PushingStep({ progress, produced }) {
           " entities"
         ] })
       ] }) }),
-      showCurrent && /* @__PURE__ */ jsxs42(Box41, { gap: 1, children: [
+      showCurrent && /* @__PURE__ */ jsxs42(Box42, { gap: 1, children: [
         /* @__PURE__ */ jsx53(Text44, { color: PALETTE.muted, children: "Now processing:" }),
         /* @__PURE__ */ jsx53(Text44, { children: showCurrent })
       ] }),
-      /* @__PURE__ */ jsx53(Box41, { marginTop: 1, children: /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.muted, children: [
+      /* @__PURE__ */ jsx53(Box42, { marginTop: 1, children: /* @__PURE__ */ jsxs42(Text44, { color: PALETTE.muted, children: [
         "Elapsed: ",
         elapsed
       ] }) })
@@ -26945,7 +27818,7 @@ function PushingStep({ progress, produced }) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/WizardPreviewStep.tsx
 import { useEffect as useEffect20, useState as useState29, useMemo as useMemo5 } from "react";
-import { Box as Box42, Text as Text45 } from "ink";
+import { Box as Box43, Text as Text45 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/preview-diff.ts
 function computeComponentDiffLines(current, proposed, changeClassification) {
@@ -27375,9 +28248,9 @@ function WizardPreviewStep({
       return;
     }
   });
-  return /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx54(StepHeader, { step: "push" }),
-    /* @__PURE__ */ jsxs43(Box42, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 2, children: [
+    /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 2, children: [
       hasAnything ? /* @__PURE__ */ jsxs43(Fragment16, { children: [
         /* @__PURE__ */ jsx54(Text45, { children: "Here's what will happen in your space:" }),
         /* @__PURE__ */ jsxs43(
@@ -27394,9 +28267,9 @@ function WizardPreviewStep({
           }
         )
       ] }) : /* @__PURE__ */ jsx54(Text45, { color: PALETTE.muted, children: "Nothing to push \u2014 everything is already up to date." }),
-      breakingWithImpact && /* @__PURE__ */ jsx54(Box42, { marginTop: 1, children: /* @__PURE__ */ jsx54(Text45, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
+      breakingWithImpact && /* @__PURE__ */ jsx54(Box43, { marginTop: 1, children: /* @__PURE__ */ jsx54(Text45, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) }),
       /* @__PURE__ */ jsx54(SpaceEnvironment, { spaceId, environmentId }),
-      /* @__PURE__ */ jsx54(Box42, { marginTop: 1, children: /* @__PURE__ */ jsx54(
+      /* @__PURE__ */ jsx54(Box43, { marginTop: 1, children: /* @__PURE__ */ jsx54(
         ControlHints,
         {
           hints: [
@@ -27539,7 +28412,7 @@ function FlowScreen({
         );
     }
   })();
-  return /* @__PURE__ */ jsxs44(Box43, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs44(Box44, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx55(CustomPromptBanner, { generatePromptPath }),
     content
   ] });
@@ -27552,7 +28425,7 @@ import { useEffect as useEffect21, useRef as useRef14, useSyncExternalStore } fr
 import { appendFileSync, writeFileSync } from "node:fs";
 import { mkdir as mkdir8 } from "node:fs/promises";
 import { tmpdir } from "node:os";
-import { join as join22, resolve as resolve25 } from "node:path";
+import { join as join22, resolve as resolve26 } from "node:path";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/wizard-state-transitions.ts
 function shouldBypassPreview(state2) {
@@ -27926,7 +28799,7 @@ var realSaveDeps = () => ({
   writeFile: (path5, contents) => writeFile7(path5, contents),
   appendRun,
   buildSourceFingerprint,
-  sleep: (ms) => new Promise((resolve28) => setTimeout(resolve28, ms)),
+  sleep: (ms) => new Promise((resolve29) => setTimeout(resolve29, ms)),
   warn: (message) => process.stderr.write(message)
 });
 async function runPrintFiles(input, deps, onPatch) {
@@ -28265,7 +29138,7 @@ function createFlowController(start, deps) {
     },
     async submitPath(submitted) {
       await deps.mkdir(submitted);
-      if (resolve25(submitted) !== resolve25(state2.outDir) && await deps.detectSaveConflict(submitted)) {
+      if (resolve26(submitted) !== resolve26(state2.outDir) && await deps.detectSaveConflict(submitted)) {
         const subdir = deps.buildTimestampedSubdir(submitted);
         await deps.mkdir(subdir);
         await proceedToWrite(subdir);
@@ -28313,7 +29186,7 @@ function useFlow(start, options = {}) {
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
 import { useEffect as useEffect22, useState as useState30 } from "react";
-import { Box as Box44, Text as Text46, useInput as useInput11 } from "ink";
+import { Box as Box45, Text as Text46, useInput as useInput12 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/help/help-info.ts
@@ -28323,7 +29196,7 @@ init_debug_mode_store();
 init_version();
 
 // packages/experience-design-system-cli/src/tui/help/file-locations.ts
-import { join as join25, resolve as resolve27 } from "node:path";
+import { join as join25, resolve as resolve28 } from "node:path";
 function describeFileLocations({
   contentfulBaseDir,
   debugModeEnabled,
@@ -28335,7 +29208,7 @@ function describeFileLocations({
       importFiles: `${join25("<project>", ".contentful")}/ (tokens.json, components.json)`
     };
   }
-  const base = contentfulBaseDir ? resolve27(contentfulBaseDir) : "<project>";
+  const base = contentfulBaseDir ? resolve28(contentfulBaseDir) : "<project>";
   const session = currentSessionDir2 ?? join25(base, ".contentful", "<date>-session-<n>");
   return {
     debugLogs: join25(session, "debug"),
@@ -28376,10 +29249,10 @@ async function readHelpInfo() {
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
 import { Fragment as Fragment17, jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
 function Section({ title, rows }) {
-  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs45(Box45, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx56(Text46, { bold: true, color: PALETTE.accent, children: title }),
-    rows.map((row) => /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
-      /* @__PURE__ */ jsx56(Box44, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text46, { color: PALETTE.muted, children: row.label }) }),
+    rows.map((row) => /* @__PURE__ */ jsxs45(Box45, { gap: 1, children: [
+      /* @__PURE__ */ jsx56(Box45, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text46, { color: PALETTE.muted, children: row.label }) }),
       /* @__PURE__ */ jsx56(Text46, { children: row.value })
     ] }, row.label))
   ] });
@@ -28394,7 +29267,7 @@ function HelpScreen({ onDone }) {
     void finishDebugRun({ outputs: {}, status: "success", exitMethod });
     onDone();
   };
-  useInput11((input, key) => {
+  useInput12((input, key) => {
     if (key.return) {
       leave("saved");
       return;
@@ -28404,7 +29277,7 @@ function HelpScreen({ onDone }) {
       return;
     }
   });
-  return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
+  return /* @__PURE__ */ jsxs45(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, gap: 1, children: [
     /* @__PURE__ */ jsx56(Text46, { bold: true, children: "Help" }),
     info ? /* @__PURE__ */ jsxs45(Fragment17, { children: [
       /* @__PURE__ */ jsx56(Section, { title: "Where things are stored", rows: info.storage }),
@@ -28425,7 +29298,7 @@ function HelpScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/PageContainer.tsx
 import { useState as useState31 } from "react";
-import { Box as Box45, Text as Text47, useInput as useInput12 } from "ink";
+import { Box as Box46, Text as Text47, useInput as useInput13 } from "ink";
 import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
 function SettingsScreen({
   onNavigate,
@@ -28437,7 +29310,7 @@ function SettingsScreen({
     { label: "Opt-in Analytics", screen: "settings-opt-in-analytics" },
     { label: "Debug Mode", screen: "settings-debug-mode" }
   ];
-  useInput12((input, key) => {
+  useInput13((input, key) => {
     if (key.upArrow) {
       setFocusIdx((i) => (i - 1 + items.length) % items.length);
       return;
@@ -28457,7 +29330,7 @@ function SettingsScreen({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+  return /* @__PURE__ */ jsxs46(Box46, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx57(Text47, { bold: true, children: "Settings" }),
     /* @__PURE__ */ jsx57(Text47, { color: PALETTE.muted, children: " " }),
     items.map((item, i) => /* @__PURE__ */ jsxs46(Text47, { color: i === focusIdx ? PALETTE.accent : void 0, children: [
@@ -28480,11 +29353,11 @@ function SettingsScreen({
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/ConfigurationScreen.tsx
 import { useState as useState35 } from "react";
-import { Box as Box49, Text as Text52, useInput as useInput15 } from "ink";
+import { Box as Box50, Text as Text52, useInput as useInput16 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentsScreen.tsx
 import { useEffect as useEffect24, useRef as useRef15, useState as useState33 } from "react";
-import { Box as Box47, Text as Text50, useInput as useInput13 } from "ink";
+import { Box as Box48, Text as Text50, useInput as useInput14 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/settings/shared/debug-trail.ts
@@ -28556,20 +29429,20 @@ function resolveOnPath(binary) {
       () => null
     );
   }
-  return new Promise((resolve28) => {
+  return new Promise((resolve29) => {
     execFile2(
       process.platform === "win32" ? "where" : "which",
       [binary],
-      (error, stdout) => resolve28(error ? null : stdout.split("\n")[0]?.trim() ?? null)
+      (error, stdout) => resolve29(error ? null : stdout.split("\n")[0]?.trim() ?? null)
     );
   });
 }
 function readVersion(binary) {
-  return new Promise((resolve28) => {
+  return new Promise((resolve29) => {
     execFile2(binary, ["--version"], { timeout: VERSION_TIMEOUT_MS }, (error, stdout) => {
       const line = stdout.split("\n")[0]?.trim() ?? "";
-      if (!error && line) resolve28(pass("version", line));
-      else resolve28(fail3("version", "runs, but did not report a version"));
+      if (!error && line) resolve29(pass("version", line));
+      else resolve29(fail3("version", "runs, but did not report a version"));
     });
   });
 }
@@ -28813,7 +29686,7 @@ async function writeAgentConfig(config) {
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx
 import { useEffect as useEffect23, useState as useState32 } from "react";
-import { Box as Box46, Text as Text49 } from "ink";
+import { Box as Box47, Text as Text49 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentStatusBadge.tsx
 import { Text as Text48 } from "ink";
@@ -28858,7 +29731,7 @@ var fields = (name) => [
 ];
 var INSPECT_DELAY_MS = 400;
 function StatusHeading() {
-  return /* @__PURE__ */ jsxs47(Box46, { gap: 1, children: [
+  return /* @__PURE__ */ jsxs47(Box47, { gap: 1, children: [
     /* @__PURE__ */ jsx59(Text49, { bold: true, color: PALETTE.muted, children: "STATUS" }),
     /* @__PURE__ */ jsx59(Text49, { color: PALETTE.muted, children: "\xB7 read only" })
   ] });
@@ -28940,7 +29813,7 @@ function AgentDetail({
       actions: [action],
       notice: testing ? null : notice,
       busy: saving || testing,
-      children: /* @__PURE__ */ jsxs47(Box46, { flexDirection: "column", marginTop: 1, children: [
+      children: /* @__PURE__ */ jsxs47(Box47, { flexDirection: "column", marginTop: 1, children: [
         /* @__PURE__ */ jsx59(StatusHeading, {}),
         statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx59(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx59(Text49, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
       ] })
@@ -29027,7 +29900,7 @@ function AgentsScreen({ onDone }) {
       setNotice({ kind: "error", text: `Default agent not changed: ${visit.error}` });
     }).finally(() => setSaving(false));
   };
-  useInput13((input, key) => {
+  useInput14((input, key) => {
     if (loadError && (key.escape || input === "q")) {
       endVisit(null);
       onDone();
@@ -29059,7 +29932,7 @@ function AgentsScreen({ onDone }) {
     }
   });
   if (!config) {
-    return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    return /* @__PURE__ */ jsxs48(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
       /* @__PURE__ */ jsx60(Text50, { bold: true, children: "Settings \u203A Configuration \u203A Agents" }),
       /* @__PURE__ */ jsx60(Text50, { children: " " }),
       loadError ? /* @__PURE__ */ jsxs48(Fragment18, { children: [
@@ -29094,35 +29967,35 @@ function AgentsScreen({ onDone }) {
     );
   }
   const focusedAgent = AGENT_NAMES[focus];
-  return /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+  return /* @__PURE__ */ jsxs48(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx60(Text50, { bold: true, children: "Settings \u203A Configuration \u203A Agents" }),
     /* @__PURE__ */ jsx60(Text50, { children: " " }),
     /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
     /* @__PURE__ */ jsx60(Text50, { children: " " }),
-    /* @__PURE__ */ jsxs48(Box47, { gap: 1, children: [
+    /* @__PURE__ */ jsxs48(Box48, { gap: 1, children: [
       /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "Default agent" }),
       /* @__PURE__ */ jsx60(Text50, { bold: true, children: AGENT_LABELS[config.defaultAgent] }),
       saving && /* @__PURE__ */ jsx60(Text50, { color: PALETTE.accent, children: "\u2026 saving" })
     ] }),
-    /* @__PURE__ */ jsxs48(Box47, { marginTop: 1, gap: 1, children: [
+    /* @__PURE__ */ jsxs48(Box48, { marginTop: 1, gap: 1, children: [
       /* @__PURE__ */ jsx60(Text50, { children: " " }),
       /* @__PURE__ */ jsx60(Text50, { children: " " }),
-      /* @__PURE__ */ jsx60(Box47, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "AGENT" }) }),
+      /* @__PURE__ */ jsx60(Box48, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "AGENT" }) }),
       /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: "STATUS" })
     ] }),
     AGENT_NAMES.map((name) => {
       const isFocused = focusedAgent === name;
-      return /* @__PURE__ */ jsxs48(Box47, { gap: 1, children: [
+      return /* @__PURE__ */ jsxs48(Box48, { gap: 1, children: [
         /* @__PURE__ */ jsx60(Text50, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " }),
         /* @__PURE__ */ jsx60(Text50, { color: PALETTE.success, children: name === config.defaultAgent ? "\u2605" : " " }),
-        /* @__PURE__ */ jsx60(Box47, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text50, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
+        /* @__PURE__ */ jsx60(Box48, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text50, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
         /* @__PURE__ */ jsx60(AgentStatusBadge, { name, checks: checks[name], binary: config.agents[name].binary })
       ] }, name);
     }),
-    /* @__PURE__ */ jsxs48(Box47, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsxs48(Box48, { flexDirection: "column", marginTop: 1, children: [
       /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
-      panelRows(focusedAgent, checks[focusedAgent], config.agents[focusedAgent]).map((row) => /* @__PURE__ */ jsxs48(Box47, { gap: 1, paddingLeft: 1, children: [
-        /* @__PURE__ */ jsx60(Box47, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: row.label }) }),
+      panelRows(focusedAgent, checks[focusedAgent], config.agents[focusedAgent]).map((row) => /* @__PURE__ */ jsxs48(Box48, { gap: 1, paddingLeft: 1, children: [
+        /* @__PURE__ */ jsx60(Box48, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx60(Text50, { color: PALETTE.muted, children: row.label }) }),
         /* @__PURE__ */ jsx60(Text50, { color: TONE_COLOR[row.tone], children: row.value })
       ] }, row.label))
     ] }),
@@ -29151,7 +30024,7 @@ function AgentsScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/ProjectScreen.tsx
 import { useEffect as useEffect25, useRef as useRef16, useState as useState34 } from "react";
-import { Box as Box48, Text as Text51, useInput as useInput14 } from "ink";
+import { Box as Box49, Text as Text51, useInput as useInput15 } from "ink";
 init_debug_store();
 
 // packages/experience-design-system-cli/src/tui/settings/configuration/project/project-store.ts
@@ -29253,14 +30126,14 @@ function ProjectScreen({ onDone }) {
       exitMethod: change.changed ? "saved" : "discarded"
     });
   };
-  useInput14((input, key) => {
+  useInput15((input, key) => {
     if (!config && loadError && (key.escape || input === "q")) {
       endVisit(null);
       onDone();
     }
   });
   if (!config) {
-    return /* @__PURE__ */ jsxs49(Box48, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    return /* @__PURE__ */ jsxs49(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
       /* @__PURE__ */ jsx61(Text51, { bold: true, children: "Settings \u203A Configuration \u203A Project" }),
       /* @__PURE__ */ jsx61(Text51, { children: " " }),
       loadError ? /* @__PURE__ */ jsxs49(Fragment19, { children: [
@@ -29303,6 +30176,7 @@ function ProjectScreen({ onDone }) {
         setNotice(null);
         visit.trail.record(`edited ${key}`);
       },
+      enterAdvances: true,
       onSave: save,
       onQuit: quit,
       notice,
@@ -29325,7 +30199,7 @@ function ConfigurationScreen({ onDone }) {
   const [focus, setFocus] = useState35(0);
   const [open, setOpen] = useState35(null);
   const close = () => setOpen(null);
-  useInput15((input, key) => {
+  useInput16((input, key) => {
     if (open) return;
     if (key.upArrow) {
       setFocus((i) => (i - 1 + SECTIONS.length) % SECTIONS.length);
@@ -29343,12 +30217,12 @@ function ConfigurationScreen({ onDone }) {
   });
   if (open === "project") return /* @__PURE__ */ jsx62(ProjectScreen, { onDone: close });
   if (open === "agents") return /* @__PURE__ */ jsx62(AgentsScreen, { onDone: close });
-  return /* @__PURE__ */ jsxs50(Box49, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+  return /* @__PURE__ */ jsxs50(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx62(Text52, { bold: true, children: "Settings \u203A Configuration" }),
     /* @__PURE__ */ jsx62(Text52, { children: " " }),
-    SECTIONS.map((section, index) => /* @__PURE__ */ jsxs50(Box49, { gap: 1, children: [
+    SECTIONS.map((section, index) => /* @__PURE__ */ jsxs50(Box50, { gap: 1, children: [
       /* @__PURE__ */ jsx62(Text52, { color: index === focus ? PALETTE.accent : void 0, children: index === focus ? "\u276F" : " " }),
-      /* @__PURE__ */ jsx62(Box49, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx62(Text52, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
+      /* @__PURE__ */ jsx62(Box50, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx62(Text52, { bold: index === focus, color: index === focus ? PALETTE.accent : void 0, children: section.label }) }),
       /* @__PURE__ */ jsx62(Text52, { color: PALETTE.muted, children: section.description })
     ] }, section.id)),
     /* @__PURE__ */ jsx62(Text52, { children: " " }),
@@ -29367,7 +30241,7 @@ function ConfigurationScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
 import { useEffect as useEffect26, useState as useState36 } from "react";
-import { Box as Box50, Text as Text53, useInput as useInput16 } from "ink";
+import { Box as Box51, Text as Text53, useInput as useInput17 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/analytics-store.ts
 async function readAnalyticsSetting() {
@@ -29402,7 +30276,7 @@ function OptInAnalyticsScreen({ onDone }) {
       });
     });
   }, []);
-  useInput16((input, key) => {
+  useInput17((input, key) => {
     if (loading) return;
     if (key.return || input === " ") {
       setEnabled((current) => {
@@ -29417,7 +30291,7 @@ function OptInAnalyticsScreen({ onDone }) {
       onDone();
     }
   });
-  return /* @__PURE__ */ jsxs51(Box50, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+  return /* @__PURE__ */ jsxs51(Box51, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx63(Text53, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
     /* @__PURE__ */ jsx63(Text53, { children: " " }),
     loading ? /* @__PURE__ */ jsx63(Text53, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs51(Fragment20, { children: [
@@ -29445,7 +30319,7 @@ function OptInAnalyticsScreen({ onDone }) {
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
 import { useEffect as useEffect27, useRef as useRef17, useState as useState37 } from "react";
-import { Box as Box51, Text as Text54, useInput as useInput17 } from "ink";
+import { Box as Box52, Text as Text54, useInput as useInput18 } from "ink";
 init_debug_mode_store();
 init_debug_store();
 import { Fragment as Fragment21, jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
@@ -29502,7 +30376,7 @@ function DebugModeScreen({ onDone }) {
       exitMethod: change.changed ? "saved" : "discarded"
     });
   };
-  useInput17((input, key) => {
+  useInput18((input, key) => {
     if (!setting) return;
     if (key.upArrow || key.downArrow) {
       setFocus((current) => ROWS[(ROWS.indexOf(current) + (key.downArrow ? 1 : ROWS.length - 1)) % ROWS.length]);
@@ -29531,16 +30405,16 @@ function DebugModeScreen({ onDone }) {
   });
   const marker = (row) => /* @__PURE__ */ jsx64(Text54, { color: focus === row ? PALETTE.accent : void 0, children: focus === row ? "\u276F" : " " });
   const label = (row, text) => /* @__PURE__ */ jsx64(Text54, { bold: focus === row, color: focus === row ? PALETTE.accent : PALETTE.muted, children: text });
-  return /* @__PURE__ */ jsxs52(Box51, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+  return /* @__PURE__ */ jsxs52(Box52, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx64(Text54, { bold: true, children: "Settings \u203A Debug Mode" }),
     /* @__PURE__ */ jsx64(Text54, { children: " " }),
     setting ? /* @__PURE__ */ jsxs52(Fragment21, { children: [
-      /* @__PURE__ */ jsxs52(Box51, { gap: 1, children: [
+      /* @__PURE__ */ jsxs52(Box52, { gap: 1, children: [
         marker("enabled"),
         label("enabled", "Debug logging:"),
         /* @__PURE__ */ jsx64(Text54, { bold: true, color: setting.enabled ? PALETTE.success : PALETTE.muted, children: setting.enabled ? "On" : "Off" })
       ] }),
-      /* @__PURE__ */ jsxs52(Box51, { gap: 1, children: [
+      /* @__PURE__ */ jsxs52(Box52, { gap: 1, children: [
         marker("retentionDays"),
         label("retentionDays", "Delete logs after:"),
         RETENTION_CHOICES.map((days) => {