@contentful/experience-design-system-cli 2.37.1-dev-build-0b786a83.0 → 2.37.1-dev-build-9afe163e.0

package/dist/app.js

@@ -4286,9 +4286,9 @@ async function resolveRelativeImport(specifier, fromDir) {
 async function resolveImportSpecifiers(sourceText, fromDir) {
   const resolvedPaths = [];
   for (const specifier of extractRelativeImportPaths(sourceText)) {
-    const resolvedPath2 = await resolveRelativeImport(specifier, fromDir);
-    if (resolvedPath2)
-      resolvedPaths.push(resolvedPath2);
+    const resolvedPath = await resolveRelativeImport(specifier, fromDir);
+    if (resolvedPath)
+      resolvedPaths.push(resolvedPath);
   }
   return resolvedPaths;
 }
@@ -4302,20 +4302,20 @@ async function loadSiblingFiles(sourceText, sourcePath, propNames, candidateType
       if (discovered.length >= MAX_SIBLING_CANDIDATES_EXPLORED)
         break;
       const resolvedPaths = await resolveImportSpecifiers(node.text, node.dir);
-      for (const resolvedPath2 of resolvedPaths) {
-        if (visited.has(resolvedPath2))
+      for (const resolvedPath of resolvedPaths) {
+        if (visited.has(resolvedPath))
           continue;
-        visited.add(resolvedPath2);
+        visited.add(resolvedPath);
         if (discovered.length >= MAX_SIBLING_CANDIDATES_EXPLORED)
           break;
         let content;
         try {
-          content = await readFile4(resolvedPath2, "utf8");
+          content = await readFile4(resolvedPath, "utf8");
         } catch {
           continue;
         }
-        discovered.push({ path: resolvedPath2, content });
-        nextFrontier.push({ text: content, dir: dirname4(resolvedPath2) });
+        discovered.push({ path: resolvedPath, content });
+        nextFrontier.push({ text: content, dir: dirname4(resolvedPath) });
       }
     }
     frontier = nextFrontier;
@@ -5280,11 +5280,11 @@ function isBareModuleSpecifier(moduleSpecifier) {
   return !moduleSpecifier.startsWith(".") && !moduleSpecifier.startsWith("/");
 }
 function findRepoLocalAliasSourceFile(originSourceFile, moduleSpecifier) {
-  const resolvedPath2 = resolveRepoLocalAliasImportPath(originSourceFile.getFilePath(), moduleSpecifier);
-  if (!resolvedPath2)
+  const resolvedPath = resolveRepoLocalAliasImportPath(originSourceFile.getFilePath(), moduleSpecifier);
+  if (!resolvedPath)
     return void 0;
   const project = originSourceFile.getProject();
-  return findProjectSourceFileByImportPath(project, resolvedPath2);
+  return findProjectSourceFileByImportPath(project, resolvedPath);
 }
 function resolveRepoLocalAliasImportPath(importingFilePath, moduleSpecifier) {
   const nearestTsConfigPath = findNearestTsConfigPath(importingFilePath);
@@ -5299,8 +5299,8 @@ function resolveRepoLocalAliasImportPath(importingFilePath, moduleSpecifier) {
       continue;
     for (const targetPattern of targets) {
       const substitutedTarget = substituteTsConfigPathTarget(targetPattern, match2.wildcard);
-      const resolvedPath2 = resolve7(tsConfigPaths.baseUrl, substitutedTarget);
-      const sourceFilePath = resolveImportSourcePath(resolvedPath2);
+      const resolvedPath = resolve7(tsConfigPaths.baseUrl, substitutedTarget);
+      const sourceFilePath = resolveImportSourcePath(resolvedPath);
       if (sourceFilePath)
         return sourceFilePath;
     }
@@ -5378,17 +5378,17 @@ function resolveImportSourcePath(basePath) {
   ];
   return candidates.find((candidatePath) => existsSync3(candidatePath));
 }
-function findProjectSourceFileByImportPath(project, resolvedPath2) {
+function findProjectSourceFileByImportPath(project, resolvedPath) {
   const candidatePaths = [
-    resolvedPath2,
-    `${resolvedPath2}.ts`,
-    `${resolvedPath2}.tsx`,
-    `${resolvedPath2}.js`,
-    `${resolvedPath2}.jsx`,
-    join5(resolvedPath2, "index.ts"),
-    join5(resolvedPath2, "index.tsx"),
-    join5(resolvedPath2, "index.js"),
-    join5(resolvedPath2, "index.jsx")
+    resolvedPath,
+    `${resolvedPath}.ts`,
+    `${resolvedPath}.tsx`,
+    `${resolvedPath}.js`,
+    `${resolvedPath}.jsx`,
+    join5(resolvedPath, "index.ts"),
+    join5(resolvedPath, "index.tsx"),
+    join5(resolvedPath, "index.js"),
+    join5(resolvedPath, "index.jsx")
   ];
   for (const candidatePath of candidatePaths) {
     const sourceFile = project.getSourceFile(candidatePath);
@@ -9899,11 +9899,11 @@ function getElementTagNameFromFastDefinition(classDecl, project) {
 }
 function resolveImportSourcePath2(fromFilePath, specifier) {
   if (specifier.startsWith(".")) {
-    const resolvedPath2 = resolve10(dirname8(fromFilePath), specifier);
-    if (resolvedPath2.endsWith(".js")) {
-      return `${resolvedPath2.slice(0, -3)}.ts`;
+    const resolvedPath = resolve10(dirname8(fromFilePath), specifier);
+    if (resolvedPath.endsWith(".js")) {
+      return `${resolvedPath.slice(0, -3)}.ts`;
     }
-    return resolvedPath2;
+    return resolvedPath;
   }
   const spectrumPrefix = "@spectrum-web-components/core/components/";
   if (!specifier.startsWith(spectrumPrefix)) {
@@ -17126,15 +17126,15 @@ function PathValidationScreen({
   onChangePath,
   onBack
 }) {
-  const resolvedPath2 = useMemo(() => resolveUserPath(projectPath), [projectPath]);
+  const resolvedPath = useMemo(() => resolveUserPath(projectPath), [projectPath]);
   const [scan, setScan] = useState5();
   useEffect3(() => {
-    setScan(scanFiles(resolvedPath2));
-  }, [resolvedPath2]);
+    setScan(scanFiles(resolvedPath));
+  }, [resolvedPath]);
   const phase = phaseOf(scan);
   usePathValidationControls(phase, {
     onConfirm: () => {
-      if (scan?.ok) onConfirm({ projectPath: resolvedPath2, filePaths: scan.filePaths });
+      if (scan?.ok) onConfirm({ projectPath: resolvedPath, filePaths: scan.filePaths });
     },
     onChangePath,
     onBack
@@ -17142,11 +17142,11 @@ function PathValidationScreen({
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
     scan === void 0 && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
       "Scanning ",
-      /* @__PURE__ */ jsx6(Text6, { bold: true, children: resolvedPath2 }),
+      /* @__PURE__ */ jsx6(Text6, { bold: true, children: resolvedPath }),
       "..."
     ] }),
-    scan?.ok === false && /* @__PURE__ */ jsx6(Failure, { scan, path: resolvedPath2 }),
-    scan?.ok === true && /* @__PURE__ */ jsx6(Summary, { scan, path: resolvedPath2 }),
+    scan?.ok === false && /* @__PURE__ */ jsx6(Failure, { scan, path: resolvedPath }),
+    scan?.ok === true && /* @__PURE__ */ jsx6(Summary, { scan, path: resolvedPath }),
     /* @__PURE__ */ jsx6(Box5, { marginTop: 1, gap: 3, children: controlsFor(phase).map((control) => /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
       "[",
       control.keys,
@@ -28760,9 +28760,41 @@ function nextStepHint(name, status) {
   if (status === "unknown") return "run a full test to confirm it is logged in";
   return "";
 }
-function resolvedPath(checks) {
-  const path5 = checks?.find((check) => check.step === "path");
-  return path5?.ok ? path5.detail : "";
+var LIST_STATUS = {
+  checking: { symbol: "\u2026", text: "checking", tone: "muted" },
+  ready: { symbol: "\u25CF", text: "ready", tone: "ok" },
+  "not-configured": { symbol: "\u25CB", text: "not installed", tone: "muted" },
+  "not-found": { symbol: "\u25CB", text: "not installed", tone: "bad" },
+  "not-logged-in": { symbol: "\u25D0", text: "not logged in", tone: "bad" },
+  unknown: { symbol: "\u25D0", text: "installed, login unknown", tone: "muted" }
+};
+function modelLine(name, savedModel) {
+  const model = savedModel.trim();
+  return model ? model : `${defaultModelLabel(name)} (built-in default)`;
+}
+function panelRows(name, checks, settings) {
+  if (!checks) return [{ label: "Command", value: "checking...", tone: "muted" }];
+  const status = statusFromChecks(name, checks, settings.binary);
+  const path5 = checks.find((check) => check.step === "path");
+  if (!path5?.ok) {
+    const rows2 = [
+      {
+        label: "Command",
+        value: settings.binary.trim() ? path5?.detail ?? "not found" : "not found on your PATH",
+        tone: settings.binary.trim() ? "bad" : "muted"
+      }
+    ];
+    const hint2 = nextStepHint(name, status);
+    if (hint2) rows2.push({ label: "Next", value: hint2, tone: "muted" });
+    return rows2;
+  }
+  const rows = [{ label: "Command", value: path5.detail, tone: "ok" }];
+  const version = checks.find((check) => check.step === "version");
+  if (version?.ok) rows.push({ label: "Version", value: version.detail, tone: "ok" });
+  rows.push({ label: "Model", value: modelLine(name, settings.model), tone: "muted" });
+  const hint = nextStepHint(name, status);
+  if (hint) rows.push({ label: "Next", value: hint, tone: "muted" });
+  return rows;
 }
 function statusRows(_name, checks, savedBinary) {
   if (!checks) return [{ label: "Command", value: "checking...", tone: "muted" }];
@@ -28811,9 +28843,26 @@ async function withBinaryEnv(name, binary, run) {
 
 // packages/experience-design-system-cli/src/tui/settings/agents/AgentDetail.tsx
 import { useEffect as useEffect22, useState as useState29 } from "react";
-import { Box as Box44, Text as Text46, useInput as useInput11 } from "ink";
+import { Box as Box44, Text as Text47, useInput as useInput11 } from "ink";
 import TextInput4 from "ink-text-input";
 
+// packages/experience-design-system-cli/src/tui/settings/agents/AgentStatusBadge.tsx
+import { Text as Text46 } from "ink";
+import { jsx as jsx55 } from "react/jsx-runtime";
+var TONE_COLOR = {
+  ok: PALETTE.success,
+  bad: PALETTE.error,
+  muted: PALETTE.muted
+};
+function AgentStatusBadge({
+  name,
+  checks,
+  binary
+}) {
+  const { symbol, text, tone } = LIST_STATUS[checks ? statusFromChecks(name, checks, binary) : "checking"];
+  return /* @__PURE__ */ jsx55(Text46, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
+}
+
 // packages/experience-design-system-cli/src/tui/settings/agents/apply-binary-overrides.ts
 var shellValues = /* @__PURE__ */ new Map();
 function applyBinaryOverrides(config) {
@@ -28833,20 +28882,15 @@ function applyBinaryOverrides(config) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/agents/AgentDetail.tsx
-import { Fragment as Fragment17, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
 var FOCUS_ORDER = ["binary", "model", "test"];
 var FIELDS2 = ["binary", "model"];
 var FIELD_LABEL = { binary: "Command path", model: "Model" };
 var LABEL_WIDTH = "Command path".length;
-var TONE_COLOR = {
-  ok: PALETTE.success,
-  bad: PALETTE.error,
-  muted: PALETTE.muted
-};
 var fieldHint = (name, field) => field === "binary" ? `(empty: \`${AGENT_HINTS[name]}\` from the PATH)` : `(empty: ${defaultModelLabel(name)})`;
 function Section2({ title, children }) {
   return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsx55(Text46, { bold: true, color: PALETTE.muted, children: title }),
+    /* @__PURE__ */ jsx56(Text47, { bold: true, color: PALETTE.muted, children: title }),
     children
   ] });
 }
@@ -28936,52 +28980,52 @@ function AgentDetail({
   });
   const status = checks ? statusFromChecks(name, checks, settings.binary) : "checking";
   const hint = nextStepHint(name, status);
-  const pointer = (isFocused) => /* @__PURE__ */ jsx55(Text46, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " });
+  const pointer = (isFocused) => /* @__PURE__ */ jsx56(Text47, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " });
   return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx55(Text46, { bold: true, children: AGENT_LABELS[name] }),
-    /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: config.defaultAgent === name ? "This is the default agent." : `Runs the \`${AGENT_HINTS[name]}\` command.` }),
+    /* @__PURE__ */ jsx56(Text47, { bold: true, children: AGENT_LABELS[name] }),
+    /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: config.defaultAgent === name ? "This is the default agent." : `Runs the \`${AGENT_HINTS[name]}\` command.` }),
     /* @__PURE__ */ jsxs45(Section2, { title: "STATUS", children: [
       statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsxs45(Box44, { gap: 1, paddingLeft: 2, children: [
-        /* @__PURE__ */ jsx55(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: row.label }) }),
-        /* @__PURE__ */ jsx55(Text46, { color: TONE_COLOR[row.tone], children: row.value })
+        /* @__PURE__ */ jsx56(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: row.label }) }),
+        /* @__PURE__ */ jsx56(Text47, { color: TONE_COLOR[row.tone], children: row.value })
       ] }, row.label)),
-      hint && /* @__PURE__ */ jsx55(Box44, { paddingLeft: 2, children: /* @__PURE__ */ jsxs45(Text46, { color: PALETTE.muted, children: [
+      hint && /* @__PURE__ */ jsx56(Box44, { paddingLeft: 2, children: /* @__PURE__ */ jsxs45(Text47, { color: PALETTE.muted, children: [
         "Next: ",
         hint
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx55(Section2, { title: "SETTINGS", children: FIELDS2.map((field) => {
+    /* @__PURE__ */ jsx56(Section2, { title: "SETTINGS", children: FIELDS2.map((field) => {
       const isFocused = focused === field;
       const value = settings[field];
       return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
         pointer(isFocused),
-        /* @__PURE__ */ jsx55(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { bold: isFocused, color: isFocused ? PALETTE.accent : PALETTE.muted, children: FIELD_LABEL[field] }) }),
-        isFocused && editing ? /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text47, { bold: isFocused, color: isFocused ? PALETTE.accent : PALETTE.muted, children: FIELD_LABEL[field] }) }),
+        isFocused && editing ? /* @__PURE__ */ jsx56(
           TextInput4,
           {
             value,
             onChange: (next) => setField(field, next),
             onSubmit: () => setEditing(false)
           }
-        ) : /* @__PURE__ */ jsx55(Text46, { bold: true, children: value }),
-        !value && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: fieldHint(name, field) })
+        ) : /* @__PURE__ */ jsx56(Text47, { bold: true, children: value }),
+        !value && /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: fieldHint(name, field) })
       ] }, field);
     }) }),
-    /* @__PURE__ */ jsx55(Section2, { title: "ACTIONS", children: /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
+    /* @__PURE__ */ jsx56(Section2, { title: "ACTIONS", children: /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
       pointer(focused === "test"),
-      /* @__PURE__ */ jsx55(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { bold: focused === "test", color: focused === "test" ? PALETTE.accent : PALETTE.muted, children: "Run test" }) }),
-      /* @__PURE__ */ jsx55(Text46, { color: testing ? PALETTE.accent : PALETTE.muted, children: testing ? "running..." : "sends one small prompt (uses a few tokens)" })
+      /* @__PURE__ */ jsx56(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text47, { bold: focused === "test", color: focused === "test" ? PALETTE.accent : PALETTE.muted, children: "Run test" }) }),
+      /* @__PURE__ */ jsx56(Text47, { color: testing ? PALETTE.accent : PALETTE.muted, children: testing ? "running..." : "sends one small prompt (uses a few tokens)" })
     ] }) }),
     notice && /* @__PURE__ */ jsxs45(Fragment17, { children: [
-      /* @__PURE__ */ jsx55(Text46, { children: " " }),
-      /* @__PURE__ */ jsxs45(Text46, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+      /* @__PURE__ */ jsx56(Text47, { children: " " }),
+      /* @__PURE__ */ jsxs45(Text47, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
       ] })
     ] }),
-    /* @__PURE__ */ jsx55(Text46, { children: " " }),
-    /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx56(Text47, { children: " " }),
+    /* @__PURE__ */ jsx56(
       ControlHints,
       {
         hints: editing ? [
@@ -29001,39 +29045,11 @@ function AgentDetail({
   ] });
 }
 
-// packages/experience-design-system-cli/src/tui/settings/agents/AgentStatusBadge.tsx
-import { Text as Text47 } from "ink";
-import { jsx as jsx56 } from "react/jsx-runtime";
-var STATUS_TEXT = {
-  checking: "checking...",
-  ready: "ready",
-  "not-configured": "not configured",
-  "not-found": "not found",
-  "not-logged-in": "not logged in",
-  unknown: "found, login not checked"
-};
-var STATUS_COLOR = {
-  checking: PALETTE.muted,
-  ready: PALETTE.success,
-  "not-configured": PALETTE.muted,
-  "not-found": PALETTE.error,
-  "not-logged-in": PALETTE.error,
-  unknown: PALETTE.muted
-};
-function AgentStatusBadge({
-  name,
-  checks,
-  binary
-}) {
-  const status = checks ? statusFromChecks(name, checks, binary) : "checking";
-  return /* @__PURE__ */ jsx56(Text47, { color: STATUS_COLOR[status], children: STATUS_TEXT[status] });
-}
-
 // packages/experience-design-system-cli/src/tui/settings/agents/AgentScreens.tsx
 import { Fragment as Fragment18, jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
 var ROWS = [{ kind: "default" }, ...AGENT_NAMES.map((name) => ({ kind: "agent", name }))];
-var MAX_PATH_WIDTH = 44;
-var shortenPath = (path5) => path5.length > MAX_PATH_WIDTH ? `\u2026${path5.slice(-(MAX_PATH_WIDTH - 1))}` : path5;
+var NAME_WIDTH = 16;
+var PANEL_LABEL_WIDTH = "Command".length;
 function AgentsScreen({ onDone }) {
   const [config, setConfig] = useState30(null);
   const [focus, setFocus] = useState30(0);
@@ -29071,6 +29087,7 @@ function AgentsScreen({ onDone }) {
   useInput12((input, key) => {
     if (!config || open) return;
     const row = ROWS[focus];
+    if (key.upArrow || key.downArrow || key.tab) setNotice(null);
     if (key.upArrow) {
       setFocus((i) => (i - 1 + ROWS.length) % ROWS.length);
       return;
@@ -29121,29 +29138,46 @@ function AgentsScreen({ onDone }) {
       }
     );
   }
+  const focusedRow = ROWS[focus];
+  const focusedAgent = focusedRow.kind === "agent" ? focusedRow.name : null;
   return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx57(Text48, { bold: true, children: "Agents" }),
     /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
     /* @__PURE__ */ jsx57(Text48, { children: " " }),
-    ROWS.map((row, index) => {
-      const isFocused = index === focus;
-      const pointer = /* @__PURE__ */ jsx57(Text48, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " });
-      if (row.kind === "default") {
-        return /* @__PURE__ */ jsx57(Box45, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
-          pointer,
-          /* @__PURE__ */ jsx57(Text48, { bold: isFocused, color: isFocused ? PALETTE.accent : PALETTE.muted, children: "Default agent" }),
-          /* @__PURE__ */ jsx57(Text48, { bold: true, children: `\u2039 ${AGENT_LABELS[config.defaultAgent]} \u203A` })
-        ] }) }, "default");
-      }
-      const saved = config.agents[row.name].binary;
+    /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
+      /* @__PURE__ */ jsx57(Text48, { color: focusedRow.kind === "default" ? PALETTE.accent : void 0, children: focusedRow.kind === "default" ? "\u276F" : " " }),
+      /* @__PURE__ */ jsx57(
+        Text48,
+        {
+          bold: focusedRow.kind === "default",
+          color: focusedRow.kind === "default" ? PALETTE.accent : PALETTE.muted,
+          children: "Default agent"
+        }
+      ),
+      /* @__PURE__ */ jsx57(Text48, { bold: true, children: `\u2039 ${AGENT_LABELS[config.defaultAgent]} \u203A` })
+    ] }),
+    /* @__PURE__ */ jsxs46(Box45, { marginTop: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx57(Text48, { children: " " }),
+      /* @__PURE__ */ jsx57(Text48, { children: " " }),
+      /* @__PURE__ */ jsx57(Box45, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "AGENT" }) }),
+      /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "STATUS" })
+    ] }),
+    AGENT_NAMES.map((name) => {
+      const isFocused = focusedAgent === name;
       return /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
-        pointer,
-        /* @__PURE__ */ jsx57(Box45, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[row.name] }) }),
-        /* @__PURE__ */ jsx57(Box45, { width: 26, flexShrink: 0, children: /* @__PURE__ */ jsx57(AgentStatusBadge, { name: row.name, checks: checks[row.name], binary: saved }) }),
-        /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: shortenPath(resolvedPath(checks[row.name]) || saved) }),
-        row.name === config.defaultAgent && /* @__PURE__ */ jsx57(Text48, { color: PALETTE.success, children: "(default)" })
-      ] }, row.name);
+        /* @__PURE__ */ jsx57(Text48, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " }),
+        /* @__PURE__ */ jsx57(Text48, { color: PALETTE.success, children: name === config.defaultAgent ? "\u2605" : " " }),
+        /* @__PURE__ */ jsx57(Box45, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
+        /* @__PURE__ */ jsx57(AgentStatusBadge, { name, checks: checks[name], binary: config.agents[name].binary })
+      ] }, name);
     }),
+    focusedAgent && /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
+      panelRows(focusedAgent, checks[focusedAgent], config.agents[focusedAgent]).map((row) => /* @__PURE__ */ jsxs46(Box45, { gap: 1, paddingLeft: 1, children: [
+        /* @__PURE__ */ jsx57(Box45, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: row.label }) }),
+        /* @__PURE__ */ jsx57(Text48, { color: TONE_COLOR[row.tone], children: row.value })
+      ] }, row.label))
+    ] }),
     notice && /* @__PURE__ */ jsxs46(Fragment18, { children: [
       /* @__PURE__ */ jsx57(Text48, { children: " " }),
       /* @__PURE__ */ jsxs46(Text48, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
@@ -29156,13 +29190,13 @@ function AgentsScreen({ onDone }) {
     /* @__PURE__ */ jsx57(
       ControlHints,
       {
-        hints: ROWS[focus].kind === "default" ? [
+        hints: focusedRow.kind === "default" ? [
           { keys: "\u2191/\u2193", label: "move" },
           { keys: "\u2190/\u2192", label: "change default agent" },
           { keys: "Esc/q", label: "back" }
         ] : [
           { keys: "\u2191/\u2193", label: "move" },
-          { keys: "\u23CE", label: "open" },
+          { keys: "\u23CE", label: "settings and test" },
           { keys: "Esc/q", label: "back" }
         ]
       }

package/dist/index.js

@@ -3426,9 +3426,9 @@ async function resolveRelativeImport(specifier, fromDir) {
 async function resolveImportSpecifiers(sourceText, fromDir) {
   const resolvedPaths = [];
   for (const specifier of extractRelativeImportPaths(sourceText)) {
-    const resolvedPath2 = await resolveRelativeImport(specifier, fromDir);
-    if (resolvedPath2)
-      resolvedPaths.push(resolvedPath2);
+    const resolvedPath = await resolveRelativeImport(specifier, fromDir);
+    if (resolvedPath)
+      resolvedPaths.push(resolvedPath);
   }
   return resolvedPaths;
 }
@@ -3442,20 +3442,20 @@ async function loadSiblingFiles(sourceText, sourcePath, propNames, candidateType
       if (discovered.length >= MAX_SIBLING_CANDIDATES_EXPLORED)
         break;
       const resolvedPaths = await resolveImportSpecifiers(node.text, node.dir);
-      for (const resolvedPath2 of resolvedPaths) {
-        if (visited.has(resolvedPath2))
+      for (const resolvedPath of resolvedPaths) {
+        if (visited.has(resolvedPath))
           continue;
-        visited.add(resolvedPath2);
+        visited.add(resolvedPath);
         if (discovered.length >= MAX_SIBLING_CANDIDATES_EXPLORED)
           break;
         let content;
         try {
-          content = await readFile4(resolvedPath2, "utf8");
+          content = await readFile4(resolvedPath, "utf8");
         } catch {
           continue;
         }
-        discovered.push({ path: resolvedPath2, content });
-        nextFrontier.push({ text: content, dir: dirname3(resolvedPath2) });
+        discovered.push({ path: resolvedPath, content });
+        nextFrontier.push({ text: content, dir: dirname3(resolvedPath) });
       }
     }
     frontier = nextFrontier;
@@ -4709,11 +4709,11 @@ function isBareModuleSpecifier(moduleSpecifier) {
   return !moduleSpecifier.startsWith(".") && !moduleSpecifier.startsWith("/");
 }
 function findRepoLocalAliasSourceFile(originSourceFile, moduleSpecifier) {
-  const resolvedPath2 = resolveRepoLocalAliasImportPath(originSourceFile.getFilePath(), moduleSpecifier);
-  if (!resolvedPath2)
+  const resolvedPath = resolveRepoLocalAliasImportPath(originSourceFile.getFilePath(), moduleSpecifier);
+  if (!resolvedPath)
     return void 0;
   const project = originSourceFile.getProject();
-  return findProjectSourceFileByImportPath(project, resolvedPath2);
+  return findProjectSourceFileByImportPath(project, resolvedPath);
 }
 function resolveRepoLocalAliasImportPath(importingFilePath, moduleSpecifier) {
   const nearestTsConfigPath = findNearestTsConfigPath(importingFilePath);
@@ -4728,8 +4728,8 @@ function resolveRepoLocalAliasImportPath(importingFilePath, moduleSpecifier) {
       continue;
     for (const targetPattern of targets) {
       const substitutedTarget = substituteTsConfigPathTarget(targetPattern, match2.wildcard);
-      const resolvedPath2 = resolve6(tsConfigPaths.baseUrl, substitutedTarget);
-      const sourceFilePath = resolveImportSourcePath(resolvedPath2);
+      const resolvedPath = resolve6(tsConfigPaths.baseUrl, substitutedTarget);
+      const sourceFilePath = resolveImportSourcePath(resolvedPath);
       if (sourceFilePath)
         return sourceFilePath;
     }
@@ -4807,17 +4807,17 @@ function resolveImportSourcePath(basePath) {
   ];
   return candidates.find((candidatePath) => existsSync2(candidatePath));
 }
-function findProjectSourceFileByImportPath(project, resolvedPath2) {
+function findProjectSourceFileByImportPath(project, resolvedPath) {
   const candidatePaths = [
-    resolvedPath2,
-    `${resolvedPath2}.ts`,
-    `${resolvedPath2}.tsx`,
-    `${resolvedPath2}.js`,
-    `${resolvedPath2}.jsx`,
-    join3(resolvedPath2, "index.ts"),
-    join3(resolvedPath2, "index.tsx"),
-    join3(resolvedPath2, "index.js"),
-    join3(resolvedPath2, "index.jsx")
+    resolvedPath,
+    `${resolvedPath}.ts`,
+    `${resolvedPath}.tsx`,
+    `${resolvedPath}.js`,
+    `${resolvedPath}.jsx`,
+    join3(resolvedPath, "index.ts"),
+    join3(resolvedPath, "index.tsx"),
+    join3(resolvedPath, "index.js"),
+    join3(resolvedPath, "index.jsx")
   ];
   for (const candidatePath of candidatePaths) {
     const sourceFile = project.getSourceFile(candidatePath);
@@ -9422,11 +9422,11 @@ function getElementTagNameFromFastDefinition(classDecl, project) {
 }
 function resolveImportSourcePath2(fromFilePath, specifier) {
   if (specifier.startsWith(".")) {
-    const resolvedPath2 = resolve9(dirname7(fromFilePath), specifier);
-    if (resolvedPath2.endsWith(".js")) {
-      return `${resolvedPath2.slice(0, -3)}.ts`;
+    const resolvedPath = resolve9(dirname7(fromFilePath), specifier);
+    if (resolvedPath.endsWith(".js")) {
+      return `${resolvedPath.slice(0, -3)}.ts`;
     }
-    return resolvedPath2;
+    return resolvedPath;
   }
   const spectrumPrefix = "@spectrum-web-components/core/components/";
   if (!specifier.startsWith(spectrumPrefix)) {
@@ -20349,15 +20349,15 @@ function PathValidationScreen({
   onChangePath,
   onBack
 }) {
-  const resolvedPath2 = useMemo(() => resolveUserPath(projectPath), [projectPath]);
+  const resolvedPath = useMemo(() => resolveUserPath(projectPath), [projectPath]);
   const [scan, setScan] = useState5();
   useEffect3(() => {
-    setScan(scanFiles(resolvedPath2));
-  }, [resolvedPath2]);
+    setScan(scanFiles(resolvedPath));
+  }, [resolvedPath]);
   const phase = phaseOf(scan);
   usePathValidationControls(phase, {
     onConfirm: () => {
-      if (scan?.ok) onConfirm({ projectPath: resolvedPath2, filePaths: scan.filePaths });
+      if (scan?.ok) onConfirm({ projectPath: resolvedPath, filePaths: scan.filePaths });
     },
     onChangePath,
     onBack
@@ -20365,11 +20365,11 @@ function PathValidationScreen({
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
     scan === void 0 && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
       "Scanning ",
-      /* @__PURE__ */ jsx6(Text6, { bold: true, children: resolvedPath2 }),
+      /* @__PURE__ */ jsx6(Text6, { bold: true, children: resolvedPath }),
       "..."
     ] }),
-    scan?.ok === false && /* @__PURE__ */ jsx6(Failure, { scan, path: resolvedPath2 }),
-    scan?.ok === true && /* @__PURE__ */ jsx6(Summary, { scan, path: resolvedPath2 }),
+    scan?.ok === false && /* @__PURE__ */ jsx6(Failure, { scan, path: resolvedPath }),
+    scan?.ok === true && /* @__PURE__ */ jsx6(Summary, { scan, path: resolvedPath }),
     /* @__PURE__ */ jsx6(Box5, { marginTop: 1, gap: 3, children: controlsFor(phase).map((control) => /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
       "[",
       control.keys,
@@ -33197,9 +33197,33 @@ function nextStepHint(name, status) {
   if (status === "unknown") return "run a full test to confirm it is logged in";
   return "";
 }
-function resolvedPath(checks) {
-  const path5 = checks?.find((check) => check.step === "path");
-  return path5?.ok ? path5.detail : "";
+function modelLine(name, savedModel) {
+  const model = savedModel.trim();
+  return model ? model : `${defaultModelLabel(name)} (built-in default)`;
+}
+function panelRows(name, checks, settings) {
+  if (!checks) return [{ label: "Command", value: "checking...", tone: "muted" }];
+  const status = statusFromChecks(name, checks, settings.binary);
+  const path5 = checks.find((check) => check.step === "path");
+  if (!path5?.ok) {
+    const rows2 = [
+      {
+        label: "Command",
+        value: settings.binary.trim() ? path5?.detail ?? "not found" : "not found on your PATH",
+        tone: settings.binary.trim() ? "bad" : "muted"
+      }
+    ];
+    const hint2 = nextStepHint(name, status);
+    if (hint2) rows2.push({ label: "Next", value: hint2, tone: "muted" });
+    return rows2;
+  }
+  const rows = [{ label: "Command", value: path5.detail, tone: "ok" }];
+  const version = checks.find((check) => check.step === "version");
+  if (version?.ok) rows.push({ label: "Version", value: version.detail, tone: "ok" });
+  rows.push({ label: "Model", value: modelLine(name, settings.model), tone: "muted" });
+  const hint = nextStepHint(name, status);
+  if (hint) rows.push({ label: "Next", value: hint, tone: "muted" });
+  return rows;
 }
 function statusRows(_name, checks, savedBinary) {
   if (!checks) return [{ label: "Command", value: "checking...", tone: "muted" }];
@@ -33245,7 +33269,7 @@ async function withBinaryEnv(name, binary, run) {
     else process.env[key] = previous;
   }
 }
-var VERSION_TIMEOUT_MS, PROMPT_TIMEOUT_MS, TEST_PROMPT, INSTALL_HINTS, LOGIN_HINTS, fail3, pass;
+var VERSION_TIMEOUT_MS, PROMPT_TIMEOUT_MS, TEST_PROMPT, INSTALL_HINTS, LOGIN_HINTS, fail3, pass, LIST_STATUS;
 var init_agent_status = __esm({
   "packages/experience-design-system-cli/src/tui/settings/agents/agent-status.ts"() {
     "use strict";
@@ -33269,17 +33293,50 @@ var init_agent_status = __esm({
     };
     fail3 = (step, detail) => ({ step, ok: false, detail });
     pass = (step, detail) => ({ step, ok: true, detail });
+    LIST_STATUS = {
+      checking: { symbol: "\u2026", text: "checking", tone: "muted" },
+      ready: { symbol: "\u25CF", text: "ready", tone: "ok" },
+      "not-configured": { symbol: "\u25CB", text: "not installed", tone: "muted" },
+      "not-found": { symbol: "\u25CB", text: "not installed", tone: "bad" },
+      "not-logged-in": { symbol: "\u25D0", text: "not logged in", tone: "bad" },
+      unknown: { symbol: "\u25D0", text: "installed, login unknown", tone: "muted" }
+    };
+  }
+});
+
+// packages/experience-design-system-cli/src/tui/settings/agents/AgentStatusBadge.tsx
+import { Text as Text46 } from "ink";
+import { jsx as jsx55 } from "react/jsx-runtime";
+function AgentStatusBadge({
+  name,
+  checks,
+  binary
+}) {
+  const { symbol, text, tone } = LIST_STATUS[checks ? statusFromChecks(name, checks, binary) : "checking"];
+  return /* @__PURE__ */ jsx55(Text46, { color: TONE_COLOR[tone], children: `${symbol} ${text}` });
+}
+var TONE_COLOR;
+var init_AgentStatusBadge = __esm({
+  "packages/experience-design-system-cli/src/tui/settings/agents/AgentStatusBadge.tsx"() {
+    "use strict";
+    init_home_theme();
+    init_agent_status();
+    TONE_COLOR = {
+      ok: PALETTE.success,
+      bad: PALETTE.error,
+      muted: PALETTE.muted
+    };
   }
 });
 
 // packages/experience-design-system-cli/src/tui/settings/agents/AgentDetail.tsx
 import { useEffect as useEffect22, useState as useState29 } from "react";
-import { Box as Box44, Text as Text46, useInput as useInput11 } from "ink";
+import { Box as Box44, Text as Text47, useInput as useInput11 } from "ink";
 import TextInput4 from "ink-text-input";
-import { Fragment as Fragment17, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
 function Section2({ title, children }) {
   return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsx55(Text46, { bold: true, color: PALETTE.muted, children: title }),
+    /* @__PURE__ */ jsx56(Text47, { bold: true, color: PALETTE.muted, children: title }),
     children
   ] });
 }
@@ -33369,52 +33426,52 @@ function AgentDetail({
   });
   const status = checks ? statusFromChecks(name, checks, settings.binary) : "checking";
   const hint = nextStepHint(name, status);
-  const pointer = (isFocused) => /* @__PURE__ */ jsx55(Text46, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " });
+  const pointer = (isFocused) => /* @__PURE__ */ jsx56(Text47, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " });
   return /* @__PURE__ */ jsxs45(Box44, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx55(Text46, { bold: true, children: AGENT_LABELS[name] }),
-    /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: config.defaultAgent === name ? "This is the default agent." : `Runs the \`${AGENT_HINTS[name]}\` command.` }),
+    /* @__PURE__ */ jsx56(Text47, { bold: true, children: AGENT_LABELS[name] }),
+    /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: config.defaultAgent === name ? "This is the default agent." : `Runs the \`${AGENT_HINTS[name]}\` command.` }),
     /* @__PURE__ */ jsxs45(Section2, { title: "STATUS", children: [
       statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsxs45(Box44, { gap: 1, paddingLeft: 2, children: [
-        /* @__PURE__ */ jsx55(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: row.label }) }),
-        /* @__PURE__ */ jsx55(Text46, { color: TONE_COLOR[row.tone], children: row.value })
+        /* @__PURE__ */ jsx56(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: row.label }) }),
+        /* @__PURE__ */ jsx56(Text47, { color: TONE_COLOR[row.tone], children: row.value })
       ] }, row.label)),
-      hint && /* @__PURE__ */ jsx55(Box44, { paddingLeft: 2, children: /* @__PURE__ */ jsxs45(Text46, { color: PALETTE.muted, children: [
+      hint && /* @__PURE__ */ jsx56(Box44, { paddingLeft: 2, children: /* @__PURE__ */ jsxs45(Text47, { color: PALETTE.muted, children: [
         "Next: ",
         hint
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx55(Section2, { title: "SETTINGS", children: FIELDS2.map((field) => {
+    /* @__PURE__ */ jsx56(Section2, { title: "SETTINGS", children: FIELDS2.map((field) => {
       const isFocused = focused === field;
       const value = settings[field];
       return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
         pointer(isFocused),
-        /* @__PURE__ */ jsx55(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { bold: isFocused, color: isFocused ? PALETTE.accent : PALETTE.muted, children: FIELD_LABEL[field] }) }),
-        isFocused && editing ? /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text47, { bold: isFocused, color: isFocused ? PALETTE.accent : PALETTE.muted, children: FIELD_LABEL[field] }) }),
+        isFocused && editing ? /* @__PURE__ */ jsx56(
           TextInput4,
           {
             value,
             onChange: (next) => setField(field, next),
             onSubmit: () => setEditing(false)
           }
-        ) : /* @__PURE__ */ jsx55(Text46, { bold: true, children: value }),
-        !value && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: fieldHint(name, field) })
+        ) : /* @__PURE__ */ jsx56(Text47, { bold: true, children: value }),
+        !value && /* @__PURE__ */ jsx56(Text47, { color: PALETTE.muted, children: fieldHint(name, field) })
       ] }, field);
     }) }),
-    /* @__PURE__ */ jsx55(Section2, { title: "ACTIONS", children: /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
+    /* @__PURE__ */ jsx56(Section2, { title: "ACTIONS", children: /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
       pointer(focused === "test"),
-      /* @__PURE__ */ jsx55(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { bold: focused === "test", color: focused === "test" ? PALETTE.accent : PALETTE.muted, children: "Run test" }) }),
-      /* @__PURE__ */ jsx55(Text46, { color: testing ? PALETTE.accent : PALETTE.muted, children: testing ? "running..." : "sends one small prompt (uses a few tokens)" })
+      /* @__PURE__ */ jsx56(Box44, { width: LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx56(Text47, { bold: focused === "test", color: focused === "test" ? PALETTE.accent : PALETTE.muted, children: "Run test" }) }),
+      /* @__PURE__ */ jsx56(Text47, { color: testing ? PALETTE.accent : PALETTE.muted, children: testing ? "running..." : "sends one small prompt (uses a few tokens)" })
     ] }) }),
     notice && /* @__PURE__ */ jsxs45(Fragment17, { children: [
-      /* @__PURE__ */ jsx55(Text46, { children: " " }),
-      /* @__PURE__ */ jsxs45(Text46, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
+      /* @__PURE__ */ jsx56(Text47, { children: " " }),
+      /* @__PURE__ */ jsxs45(Text47, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
         notice.kind === "success" ? "\u2713" : "\u2717",
         " ",
         notice.text
       ] })
     ] }),
-    /* @__PURE__ */ jsx55(Text46, { children: " " }),
-    /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx56(Text47, { children: " " }),
+    /* @__PURE__ */ jsx56(
       ControlHints,
       {
         hints: editing ? [
@@ -33433,7 +33490,7 @@ function AgentDetail({
     )
   ] });
 }
-var FOCUS_ORDER, FIELDS2, FIELD_LABEL, LABEL_WIDTH, TONE_COLOR, fieldHint;
+var FOCUS_ORDER, FIELDS2, FIELD_LABEL, LABEL_WIDTH, fieldHint;
 var init_AgentDetail = __esm({
   "packages/experience-design-system-cli/src/tui/settings/agents/AgentDetail.tsx"() {
     "use strict";
@@ -33441,56 +33498,16 @@ var init_AgentDetail = __esm({
     init_control_hints();
     init_agent_store();
     init_agent_status();
+    init_AgentStatusBadge();
     init_apply_binary_overrides();
     FOCUS_ORDER = ["binary", "model", "test"];
     FIELDS2 = ["binary", "model"];
     FIELD_LABEL = { binary: "Command path", model: "Model" };
     LABEL_WIDTH = "Command path".length;
-    TONE_COLOR = {
-      ok: PALETTE.success,
-      bad: PALETTE.error,
-      muted: PALETTE.muted
-    };
     fieldHint = (name, field) => field === "binary" ? `(empty: \`${AGENT_HINTS[name]}\` from the PATH)` : `(empty: ${defaultModelLabel(name)})`;
   }
 });
 
-// packages/experience-design-system-cli/src/tui/settings/agents/AgentStatusBadge.tsx
-import { Text as Text47 } from "ink";
-import { jsx as jsx56 } from "react/jsx-runtime";
-function AgentStatusBadge({
-  name,
-  checks,
-  binary
-}) {
-  const status = checks ? statusFromChecks(name, checks, binary) : "checking";
-  return /* @__PURE__ */ jsx56(Text47, { color: STATUS_COLOR[status], children: STATUS_TEXT[status] });
-}
-var STATUS_TEXT, STATUS_COLOR;
-var init_AgentStatusBadge = __esm({
-  "packages/experience-design-system-cli/src/tui/settings/agents/AgentStatusBadge.tsx"() {
-    "use strict";
-    init_home_theme();
-    init_agent_status();
-    STATUS_TEXT = {
-      checking: "checking...",
-      ready: "ready",
-      "not-configured": "not configured",
-      "not-found": "not found",
-      "not-logged-in": "not logged in",
-      unknown: "found, login not checked"
-    };
-    STATUS_COLOR = {
-      checking: PALETTE.muted,
-      ready: PALETTE.success,
-      "not-configured": PALETTE.muted,
-      "not-found": PALETTE.error,
-      "not-logged-in": PALETTE.error,
-      unknown: PALETTE.muted
-    };
-  }
-});
-
 // packages/experience-design-system-cli/src/tui/settings/agents/AgentScreens.tsx
 import { useEffect as useEffect23, useState as useState30 } from "react";
 import { Box as Box45, Text as Text48, useInput as useInput12 } from "ink";
@@ -33532,6 +33549,7 @@ function AgentsScreen({ onDone }) {
   useInput12((input, key) => {
     if (!config || open) return;
     const row = ROWS[focus];
+    if (key.upArrow || key.downArrow || key.tab) setNotice(null);
     if (key.upArrow) {
       setFocus((i) => (i - 1 + ROWS.length) % ROWS.length);
       return;
@@ -33582,29 +33600,46 @@ function AgentsScreen({ onDone }) {
       }
     );
   }
+  const focusedRow = ROWS[focus];
+  const focusedAgent = focusedRow.kind === "agent" ? focusedRow.name : null;
   return /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx57(Text48, { bold: true, children: "Agents" }),
     /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "The coding agent the CLI runs, and what was found for each one." }),
     /* @__PURE__ */ jsx57(Text48, { children: " " }),
-    ROWS.map((row, index) => {
-      const isFocused = index === focus;
-      const pointer = /* @__PURE__ */ jsx57(Text48, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " });
-      if (row.kind === "default") {
-        return /* @__PURE__ */ jsx57(Box45, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
-          pointer,
-          /* @__PURE__ */ jsx57(Text48, { bold: isFocused, color: isFocused ? PALETTE.accent : PALETTE.muted, children: "Default agent" }),
-          /* @__PURE__ */ jsx57(Text48, { bold: true, children: `\u2039 ${AGENT_LABELS[config.defaultAgent]} \u203A` })
-        ] }) }, "default");
-      }
-      const saved = config.agents[row.name].binary;
+    /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
+      /* @__PURE__ */ jsx57(Text48, { color: focusedRow.kind === "default" ? PALETTE.accent : void 0, children: focusedRow.kind === "default" ? "\u276F" : " " }),
+      /* @__PURE__ */ jsx57(
+        Text48,
+        {
+          bold: focusedRow.kind === "default",
+          color: focusedRow.kind === "default" ? PALETTE.accent : PALETTE.muted,
+          children: "Default agent"
+        }
+      ),
+      /* @__PURE__ */ jsx57(Text48, { bold: true, children: `\u2039 ${AGENT_LABELS[config.defaultAgent]} \u203A` })
+    ] }),
+    /* @__PURE__ */ jsxs46(Box45, { marginTop: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx57(Text48, { children: " " }),
+      /* @__PURE__ */ jsx57(Text48, { children: " " }),
+      /* @__PURE__ */ jsx57(Box45, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "AGENT" }) }),
+      /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: "STATUS" })
+    ] }),
+    AGENT_NAMES.map((name) => {
+      const isFocused = focusedAgent === name;
       return /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
-        pointer,
-        /* @__PURE__ */ jsx57(Box45, { width: 16, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[row.name] }) }),
-        /* @__PURE__ */ jsx57(Box45, { width: 26, flexShrink: 0, children: /* @__PURE__ */ jsx57(AgentStatusBadge, { name: row.name, checks: checks[row.name], binary: saved }) }),
-        /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: shortenPath(resolvedPath(checks[row.name]) || saved) }),
-        row.name === config.defaultAgent && /* @__PURE__ */ jsx57(Text48, { color: PALETTE.success, children: "(default)" })
-      ] }, row.name);
+        /* @__PURE__ */ jsx57(Text48, { color: isFocused ? PALETTE.accent : void 0, children: isFocused ? "\u276F" : " " }),
+        /* @__PURE__ */ jsx57(Text48, { color: PALETTE.success, children: name === config.defaultAgent ? "\u2605" : " " }),
+        /* @__PURE__ */ jsx57(Box45, { width: NAME_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { bold: isFocused, color: isFocused ? PALETTE.accent : void 0, children: AGENT_LABELS[name] }) }),
+        /* @__PURE__ */ jsx57(AgentStatusBadge, { name, checks: checks[name], binary: config.agents[name].binary })
+      ] }, name);
     }),
+    focusedAgent && /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: `\u2500 ${AGENT_LABELS[focusedAgent]} ${"\u2500".repeat(30)}` }),
+      panelRows(focusedAgent, checks[focusedAgent], config.agents[focusedAgent]).map((row) => /* @__PURE__ */ jsxs46(Box45, { gap: 1, paddingLeft: 1, children: [
+        /* @__PURE__ */ jsx57(Box45, { width: PANEL_LABEL_WIDTH, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: row.label }) }),
+        /* @__PURE__ */ jsx57(Text48, { color: TONE_COLOR[row.tone], children: row.value })
+      ] }, row.label))
+    ] }),
     notice && /* @__PURE__ */ jsxs46(Fragment18, { children: [
       /* @__PURE__ */ jsx57(Text48, { children: " " }),
       /* @__PURE__ */ jsxs46(Text48, { color: notice.kind === "success" ? PALETTE.success : PALETTE.error, children: [
@@ -33617,20 +33652,20 @@ function AgentsScreen({ onDone }) {
     /* @__PURE__ */ jsx57(
       ControlHints,
       {
-        hints: ROWS[focus].kind === "default" ? [
+        hints: focusedRow.kind === "default" ? [
           { keys: "\u2191/\u2193", label: "move" },
           { keys: "\u2190/\u2192", label: "change default agent" },
           { keys: "Esc/q", label: "back" }
         ] : [
           { keys: "\u2191/\u2193", label: "move" },
-          { keys: "\u23CE", label: "open" },
+          { keys: "\u23CE", label: "settings and test" },
           { keys: "Esc/q", label: "back" }
         ]
       }
     )
   ] });
 }
-var ROWS, MAX_PATH_WIDTH, shortenPath;
+var ROWS, NAME_WIDTH, PANEL_LABEL_WIDTH;
 var init_AgentScreens = __esm({
   "packages/experience-design-system-cli/src/tui/settings/agents/AgentScreens.tsx"() {
     "use strict";
@@ -33643,8 +33678,8 @@ var init_AgentScreens = __esm({
     init_AgentDetail();
     init_AgentStatusBadge();
     ROWS = [{ kind: "default" }, ...AGENT_NAMES.map((name) => ({ kind: "agent", name }))];
-    MAX_PATH_WIDTH = 44;
-    shortenPath = (path5) => path5.length > MAX_PATH_WIDTH ? `\u2026${path5.slice(-(MAX_PATH_WIDTH - 1))}` : path5;
+    NAME_WIDTH = 16;
+    PANEL_LABEL_WIDTH = "Command".length;
   }
 });
 

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-0b786a83.0",
+  "version": "2.37.1-dev-build-9afe163e.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/dist/src/tui/settings/agents/AgentScreens.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 /**
- * Settings > Configuration > Agents: which coding agent the CLI uses, and what was found for each one. Enter on an agent
- * opens its screen; the first row picks the default agent (←/→ or Enter cycles it, and the change is saved at once).
+ * Settings > Configuration > Agents. The list holds only what is needed to pick a row: the name, a star on the default,
+ * and a one-word status. Below it, a panel shows the full detail for the focused agent and follows the cursor, so nothing
+ * has to be opened to read it. Enter opens the agent's own screen, where its path and model are edited and the test is run.
+ * The first row picks the default agent (←/→ or Enter cycles it, and the change is saved at once).
  */
 export declare function AgentsScreen({ onDone }: {
     onDone: () => void;

package/dist/src/tui/settings/agents/AgentStatusBadge.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { AgentName } from '@contentful/experience-design-system-backend-pipeline';
-import { type AgentCheck } from './agent-status.js';
-/** The one-word state for an agent, shown on its row in the list. `binary` is the saved path, empty when none is saved. */
+import { type AgentCheck, type StatusRow } from './agent-status.js';
+export declare const TONE_COLOR: Record<StatusRow['tone'], string>;
+/** The symbol and one-word state for an agent, shown on its row in the list. `binary` is the saved path, empty when none is saved. */
 export declare function AgentStatusBadge({ name, checks, binary, }: {
     name: AgentName;
     checks: AgentCheck[] | undefined;

package/dist/src/tui/settings/agents/agent-status.d.ts

@@ -34,6 +34,28 @@ export type StatusRow = {
     value: string;
     tone: 'ok' | 'bad' | 'muted';
 };
+/**
+ * The short form of a status for the list, where every row has to be scannable at a glance. The wording is plainer than
+ * the detail panel's: "not installed" covers both "nothing saved" and "saved path broken", which the panel tells apart.
+ */
+export declare const LIST_STATUS: Record<AgentStatus, {
+    symbol: string;
+    text: string;
+    tone: StatusRow['tone'];
+}>;
+/**
+ * The model line for the detail panel: what is saved, or what the agent really runs with when nothing is. Says which of
+ * the two it is, so a user can tell their own choice from the built-in default.
+ */
+export declare function modelLine(name: AgentName, savedModel: string): string;
+/**
+ * The rows of the detail panel under the list, for the focused agent. Everything here is read-only and comes from
+ * checks already collected, so moving the cursor never runs anything.
+ */
+export declare function panelRows(name: AgentName, checks: readonly AgentCheck[] | undefined, settings: {
+    binary: string;
+    model: string;
+}): StatusRow[];
 /** The resolved path of the command, when the checks found it. For the list, where the user wants to see what runs. */
 export declare function resolvedPath(checks: readonly AgentCheck[] | undefined): string;
 /**

package/legacy/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-0b786a83.0",
+  "version": "2.37.1-dev-build-9afe163e.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-0b786a83.0",
+  "version": "2.37.1-dev-build-9afe163e.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",
@@ -45,8 +45,8 @@
     "ts-morph": "^27.0.2",
     "typescript": "^5.9.3",
     "zod": "^4.6.5",
-    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-0b786a83.0",
-    "@contentful/experience-design-system-types": "2.37.1-dev-build-0b786a83.0"
+    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-9afe163e.0",
+    "@contentful/experience-design-system-types": "2.37.1-dev-build-9afe163e.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",