@contentful/experience-design-system-cli 2.37.1-dev-build-283166e5.0 → 2.37.1-dev-build-2aacedbd.0

package/dist/app.js

@@ -3325,7 +3325,7 @@ function MenuScreen({
   rows = [],
   onChoose,
   onEscape,
-  escapeLabel = "back",
+  dataTitle = "Details",
   busy = false,
   children
 }) {
@@ -3341,31 +3341,35 @@ function MenuScreen({
   return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx12(StepHeader, { step: "setup" }),
     /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsx12(Text11, { bold: true, children: title }),
+      /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.text, children: title }),
       /* @__PURE__ */ jsx12(Text11, { children: " " }),
       subtitle && /* @__PURE__ */ jsxs11(Fragment2, { children: [
         /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: subtitle }),
         /* @__PURE__ */ jsx12(Text11, { children: " " })
       ] }),
+      /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.accent, children: "ACTIONS" }),
       menu.map((item, index) => {
         const focused = index === focus;
         return /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
-          /* @__PURE__ */ jsx12(Text11, { color: focused ? PALETTE.accent : void 0, children: focused ? "\u276F" : " " }),
-          /* @__PURE__ */ jsx12(Box11, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text11, { bold: focused, color: focused ? PALETTE.accent : PALETTE.muted, children: item.label }) }),
+          /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.accent, children: focused ? "\u276F" : " " }),
+          /* @__PURE__ */ jsx12(Box11, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text11, { bold: focused, color: focused ? PALETTE.accent : PALETTE.text, children: item.label }) }),
           /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: item.description })
         ] }, item.choice);
       }),
-      rows.length > 0 && /* @__PURE__ */ jsx12(Text11, { children: " " }),
-      rows.map((row) => /* @__PURE__ */ jsx12(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx12(Text11, { bold: row.value !== "", children: row.value || "(empty)" }) }, row.label)),
-      children,
-      /* @__PURE__ */ jsx12(Text11, { children: " " }),
-      /* @__PURE__ */ jsx12(
-        ControlHints,
+      (rows.length > 0 || children) && /* @__PURE__ */ jsxs11(
+        Box11,
         {
-          hints: [
-            { keys: "\u2191/\u2193", label: "move" },
-            { keys: "\u23CE", label: menu[focus].label.toLowerCase() },
-            { keys: "Esc", label: escapeLabel }
+          flexDirection: "column",
+          marginTop: 1,
+          borderStyle: "single",
+          borderColor: PALETTE.border,
+          borderBottom: false,
+          borderLeft: false,
+          borderRight: false,
+          children: [
+            /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.muted, children: dataTitle.toUpperCase() }),
+            rows.map((row) => /* @__PURE__ */ jsx12(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx12(Text11, { color: row.value ? PALETTE.text : PALETTE.muted, children: row.value || "(empty)" }) }, row.label)),
+            children
           ]
         }
       )
@@ -18155,15 +18159,11 @@ import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var BACK = { choice: "back", label: "Back", description: "Go back" };
 var MENUS = {
   scanning: [BACK],
-  ready: [
-    { choice: "continue", label: "Continue", description: "Use these files and go on" },
-    { choice: "change-path", label: "Change path", description: "Pick a different folder" },
-    BACK
-  ],
+  ready: [{ choice: "continue", label: "Continue", description: "Use these files and go on" }, BACK],
   failed: [{ choice: "change-path", label: "Try a different path", description: "Pick a different folder" }, BACK]
 };
 function Row({ row }) {
-  return /* @__PURE__ */ jsxs13(Text13, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : void 0, children: [
+  return /* @__PURE__ */ jsxs13(Text13, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : PALETTE.text, children: [
     "  \u2022 ",
     String(row.count).padStart(3),
     " ",
@@ -18188,8 +18188,8 @@ function Summary({
   const { total, rows, warning } = summarize(scan.counts, { hasTokens });
   return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 1, children: [
     /* @__PURE__ */ jsxs13(Text13, { children: [
-      "Scanned ",
-      /* @__PURE__ */ jsx16(Text13, { bold: true, children: path5 })
+      /* @__PURE__ */ jsx16(Text13, { color: PALETTE.muted, children: "Scanned " }),
+      /* @__PURE__ */ jsx16(Text13, { color: PALETTE.text, children: path5 })
     ] }),
     /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.success, children: [
@@ -18226,16 +18226,26 @@ function PathValidationScreen({
   };
   return (
     // keyed by phase: the menu changes length, so its focus starts over
-    /* @__PURE__ */ jsxs13(MenuScreen, { title: "Scan", menu: MENUS[phase], onChoose: choose, onEscape: onBack, children: [
-      /* @__PURE__ */ jsx16(Text13, { children: " " }),
-      scan === void 0 && /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.muted, children: [
-        "Scanning ",
-        /* @__PURE__ */ jsx16(Text13, { bold: true, children: resolvedPath }),
-        "..."
-      ] }),
-      scan?.ok === false && /* @__PURE__ */ jsx16(Failure, { scan, path: resolvedPath }),
-      scan?.ok === true && /* @__PURE__ */ jsx16(Summary, { scan, path: resolvedPath, hasTokens })
-    ] }, phase)
+    /* @__PURE__ */ jsxs13(
+      MenuScreen,
+      {
+        title: "Scan",
+        dataTitle: "Scan result",
+        menu: MENUS[phase],
+        onChoose: choose,
+        onEscape: onBack,
+        children: [
+          scan === void 0 && /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.muted, children: [
+            "Scanning ",
+            /* @__PURE__ */ jsx16(Text13, { bold: true, children: resolvedPath }),
+            "..."
+          ] }),
+          scan?.ok === false && /* @__PURE__ */ jsx16(Failure, { scan, path: resolvedPath }),
+          scan?.ok === true && /* @__PURE__ */ jsx16(Summary, { scan, path: resolvedPath, hasTokens })
+        ]
+      },
+      phase
+    )
   );
 }
 

package/dist/index.js

@@ -20175,7 +20175,7 @@ function MenuScreen({
   rows = [],
   onChoose,
   onEscape,
-  escapeLabel = "back",
+  dataTitle = "Details",
   busy = false,
   children
 }) {
@@ -20191,31 +20191,35 @@ function MenuScreen({
   return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx12(StepHeader, { step: "setup" }),
     /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsx12(Text11, { bold: true, children: title }),
+      /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.text, children: title }),
       /* @__PURE__ */ jsx12(Text11, { children: " " }),
       subtitle && /* @__PURE__ */ jsxs11(Fragment2, { children: [
         /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: subtitle }),
         /* @__PURE__ */ jsx12(Text11, { children: " " })
       ] }),
+      /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.accent, children: "ACTIONS" }),
       menu.map((item, index) => {
         const focused = index === focus;
         return /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
-          /* @__PURE__ */ jsx12(Text11, { color: focused ? PALETTE.accent : void 0, children: focused ? "\u276F" : " " }),
-          /* @__PURE__ */ jsx12(Box11, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text11, { bold: focused, color: focused ? PALETTE.accent : PALETTE.muted, children: item.label }) }),
+          /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.accent, children: focused ? "\u276F" : " " }),
+          /* @__PURE__ */ jsx12(Box11, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text11, { bold: focused, color: focused ? PALETTE.accent : PALETTE.text, children: item.label }) }),
           /* @__PURE__ */ jsx12(Text11, { color: PALETTE.muted, children: item.description })
         ] }, item.choice);
       }),
-      rows.length > 0 && /* @__PURE__ */ jsx12(Text11, { children: " " }),
-      rows.map((row) => /* @__PURE__ */ jsx12(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx12(Text11, { bold: row.value !== "", children: row.value || "(empty)" }) }, row.label)),
-      children,
-      /* @__PURE__ */ jsx12(Text11, { children: " " }),
-      /* @__PURE__ */ jsx12(
-        ControlHints,
+      (rows.length > 0 || children) && /* @__PURE__ */ jsxs11(
+        Box11,
         {
-          hints: [
-            { keys: "\u2191/\u2193", label: "move" },
-            { keys: "\u23CE", label: menu[focus].label.toLowerCase() },
-            { keys: "Esc", label: escapeLabel }
+          flexDirection: "column",
+          marginTop: 1,
+          borderStyle: "single",
+          borderColor: PALETTE.border,
+          borderBottom: false,
+          borderLeft: false,
+          borderRight: false,
+          children: [
+            /* @__PURE__ */ jsx12(Text11, { bold: true, color: PALETTE.muted, children: dataTitle.toUpperCase() }),
+            rows.map((row) => /* @__PURE__ */ jsx12(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx12(Text11, { color: row.value ? PALETTE.text : PALETTE.muted, children: row.value || "(empty)" }) }, row.label)),
+            children
           ]
         }
       )
@@ -20226,7 +20230,6 @@ var init_MenuScreen = __esm({
   "packages/experience-design-system-cli/src/tui/shared/components/MenuScreen.tsx"() {
     "use strict";
     init_theme();
-    init_ControlHints();
     init_FieldForm();
     init_StepHeader();
   }
@@ -20586,7 +20589,7 @@ import { useEffect as useEffect4, useMemo, useState as useState8 } from "react";
 import { Box as Box13, Text as Text13 } from "ink";
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function Row({ row }) {
-  return /* @__PURE__ */ jsxs13(Text13, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : void 0, children: [
+  return /* @__PURE__ */ jsxs13(Text13, { color: row.tone === "accent" ? PALETTE.accent : row.tone === "muted" ? PALETTE.muted : PALETTE.text, children: [
     "  \u2022 ",
     String(row.count).padStart(3),
     " ",
@@ -20611,8 +20614,8 @@ function Summary({
   const { total, rows, warning } = summarize(scan.counts, { hasTokens });
   return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 1, children: [
     /* @__PURE__ */ jsxs13(Text13, { children: [
-      "Scanned ",
-      /* @__PURE__ */ jsx16(Text13, { bold: true, children: path5 })
+      /* @__PURE__ */ jsx16(Text13, { color: PALETTE.muted, children: "Scanned " }),
+      /* @__PURE__ */ jsx16(Text13, { color: PALETTE.text, children: path5 })
     ] }),
     /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.success, children: [
@@ -20649,16 +20652,26 @@ function PathValidationScreen({
   };
   return (
     // keyed by phase: the menu changes length, so its focus starts over
-    /* @__PURE__ */ jsxs13(MenuScreen, { title: "Scan", menu: MENUS[phase], onChoose: choose, onEscape: onBack, children: [
-      /* @__PURE__ */ jsx16(Text13, { children: " " }),
-      scan === void 0 && /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.muted, children: [
-        "Scanning ",
-        /* @__PURE__ */ jsx16(Text13, { bold: true, children: resolvedPath }),
-        "..."
-      ] }),
-      scan?.ok === false && /* @__PURE__ */ jsx16(Failure, { scan, path: resolvedPath }),
-      scan?.ok === true && /* @__PURE__ */ jsx16(Summary, { scan, path: resolvedPath, hasTokens })
-    ] }, phase)
+    /* @__PURE__ */ jsxs13(
+      MenuScreen,
+      {
+        title: "Scan",
+        dataTitle: "Scan result",
+        menu: MENUS[phase],
+        onChoose: choose,
+        onEscape: onBack,
+        children: [
+          scan === void 0 && /* @__PURE__ */ jsxs13(Text13, { color: PALETTE.muted, children: [
+            "Scanning ",
+            /* @__PURE__ */ jsx16(Text13, { bold: true, children: resolvedPath }),
+            "..."
+          ] }),
+          scan?.ok === false && /* @__PURE__ */ jsx16(Failure, { scan, path: resolvedPath }),
+          scan?.ok === true && /* @__PURE__ */ jsx16(Summary, { scan, path: resolvedPath, hasTokens })
+        ]
+      },
+      phase
+    )
   );
 }
 var BACK, MENUS;
@@ -20673,11 +20686,7 @@ var init_screen4 = __esm({
     BACK = { choice: "back", label: "Back", description: "Go back" };
     MENUS = {
       scanning: [BACK],
-      ready: [
-        { choice: "continue", label: "Continue", description: "Use these files and go on" },
-        { choice: "change-path", label: "Change path", description: "Pick a different folder" },
-        BACK
-      ],
+      ready: [{ choice: "continue", label: "Continue", description: "Use these files and go on" }, BACK],
       failed: [{ choice: "change-path", label: "Try a different path", description: "Pick a different folder" }, BACK]
     };
   }

package/dist/package.json

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

package/dist/src/tui/shared/components/MenuScreen.d.ts

@@ -19,7 +19,8 @@ interface MenuScreenProps<C extends string> {
     onChoose: (choice: C) => void;
     /** What Esc does. */
     onEscape: () => void;
-    escapeLabel?: string;
+    /** The heading over the read-only part, which sits under a divider and is never focusable. */
+    dataTitle?: string;
     /** Ignores keys while something is in flight. */
     busy?: boolean;
     /** Shown after the rows, for read-only content that belongs to the same screen. */
@@ -29,5 +30,5 @@ interface MenuScreenProps<C extends string> {
  * The layout the setup steps share: a title, a menu of actions on top, the read-only data below it and the key hints.
  * Values are never edited here; an `Edit` item opens the step's own input instead.
  */
-export declare function MenuScreen<C extends string>({ title, subtitle, menu, rows, onChoose, onEscape, escapeLabel, busy, children, }: MenuScreenProps<C>): React.ReactElement;
+export declare function MenuScreen<C extends string>({ title, subtitle, menu, rows, onChoose, onEscape, dataTitle, busy, children, }: MenuScreenProps<C>): React.ReactElement;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-283166e5.0",
+  "version": "2.37.1-dev-build-2aacedbd.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-types": "2.37.1-dev-build-283166e5.0",
-    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-283166e5.0"
+    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-2aacedbd.0",
+    "@contentful/experience-design-system-types": "2.37.1-dev-build-2aacedbd.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",