@contentful/experience-design-system-cli 2.37.1-dev-build-75039ab7.0 → 2.37.1-dev-build-2ec208d2.0

package/dist/app.js

@@ -28856,6 +28856,20 @@ import { useState as useState29 } from "react";
 import { Box as Box44, Text as Text46, 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";
+function formLabelWidth(rows) {
+  return Math.max(...rows.map((row) => row.label.length));
+}
+function FormReadOnlyRow({
+  label,
+  labelWidth,
+  children
+}) {
+  return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
+    /* @__PURE__ */ jsx55(Text46, { children: " " }),
+    /* @__PURE__ */ jsx55(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: label }) }),
+    children
+  ] });
+}
 function FieldForm({
   title,
   subtitle,
@@ -28873,10 +28887,7 @@ function FieldForm({
   const [editing, setEditing] = useState29(false);
   const [valueBeforeEdit, setValueBeforeEdit] = useState29("");
   const rowCount = fields2.length + actions.length;
-  const labelWidth = Math.max(
-    ...fields2.map((field) => field.label.length),
-    ...actions.map((action) => action.label.length)
-  );
+  const labelWidth = formLabelWidth([...fields2, ...actions]);
   const currentField = active < fields2.length ? fields2[active] : void 0;
   const currentAction = currentField ? void 0 : actions[active - fields2.length];
   useInput11((input, key) => {
@@ -28938,8 +28949,12 @@ function FieldForm({
               onSubmit: () => setEditing(false),
               mask: field.masked ? "\u2022" : void 0
             }
-          ) : /* @__PURE__ */ jsx55(Text46, { bold: !!display, children: display || (field.hint ? "" : /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: "(empty)" })) }),
-          field.hint && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: field.hint })
+          ) : display ? /* @__PURE__ */ jsx55(Text46, { bold: true, children: display }) : (
+            // An empty value shows its hint (or "(empty)") in the value's place, not after an empty element, so the
+            // text starts in the same column as every other row's.
+            /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
+          ),
+          display && field.hint && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: field.hint })
         ] }, field.key);
       }),
       actions.map((action, index) => {
@@ -29023,15 +29038,6 @@ var fields = (name) => [
   { key: "model", label: "Model", hint: `(empty: ${defaultModelLabel(name)})` }
 ];
 var INSPECT_DELAY_MS = 400;
-var LABEL_WIDTH = "Command path".length;
-var LABEL_GAP = 2;
-var POINTER_WIDTH = 2;
-function Row2({ label, children }) {
-  return /* @__PURE__ */ jsxs46(Box45, { children: [
-    /* @__PURE__ */ jsx57(Box45, { width: POINTER_WIDTH + LABEL_WIDTH + LABEL_GAP, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: label }) }),
-    children
-  ] });
-}
 function StatusHeading() {
   return /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
     /* @__PURE__ */ jsx57(Text48, { bold: true, color: PALETTE.muted, children: "STATUS" }),
@@ -29090,12 +29096,14 @@ function AgentDetail({
     hint: "run test",
     onRun: runTest
   };
+  const formFields = fields(name);
+  const labelWidth = formLabelWidth([...formFields, action]);
   return /* @__PURE__ */ jsx57(
     FieldForm,
     {
       title: AGENT_LABELS[name],
       subtitle: config.defaultAgent === name ? "This is the default agent." : `Runs the \`${AGENT_BINARIES[name]}\` command.`,
-      fields: fields(name),
+      fields: formFields,
       values: { binary: settings.binary, model: settings.model },
       onChange: (key, value) => {
         setConfig({ ...config, agents: { ...config.agents, [name]: { ...settings, [key]: value } } });
@@ -29108,7 +29116,7 @@ function AgentDetail({
       busy: saving || testing,
       children: /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", marginTop: 1, children: [
         /* @__PURE__ */ jsx57(StatusHeading, {}),
-        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx57(Row2, { label: row.label, children: /* @__PURE__ */ jsx57(Text48, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
+        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx57(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx57(Text48, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
       ] })
     }
   );

package/dist/index.js

@@ -33314,6 +33314,20 @@ import { useState as useState29 } from "react";
 import { Box as Box44, Text as Text46, 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";
+function formLabelWidth(rows) {
+  return Math.max(...rows.map((row) => row.label.length));
+}
+function FormReadOnlyRow({
+  label,
+  labelWidth,
+  children
+}) {
+  return /* @__PURE__ */ jsxs45(Box44, { gap: 1, children: [
+    /* @__PURE__ */ jsx55(Text46, { children: " " }),
+    /* @__PURE__ */ jsx55(Box44, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: label }) }),
+    children
+  ] });
+}
 function FieldForm({
   title,
   subtitle,
@@ -33331,10 +33345,7 @@ function FieldForm({
   const [editing, setEditing] = useState29(false);
   const [valueBeforeEdit, setValueBeforeEdit] = useState29("");
   const rowCount = fields2.length + actions.length;
-  const labelWidth = Math.max(
-    ...fields2.map((field) => field.label.length),
-    ...actions.map((action) => action.label.length)
-  );
+  const labelWidth = formLabelWidth([...fields2, ...actions]);
   const currentField = active < fields2.length ? fields2[active] : void 0;
   const currentAction = currentField ? void 0 : actions[active - fields2.length];
   useInput11((input, key) => {
@@ -33396,8 +33407,12 @@ function FieldForm({
               onSubmit: () => setEditing(false),
               mask: field.masked ? "\u2022" : void 0
             }
-          ) : /* @__PURE__ */ jsx55(Text46, { bold: !!display, children: display || (field.hint ? "" : /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: "(empty)" })) }),
-          field.hint && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: field.hint })
+          ) : display ? /* @__PURE__ */ jsx55(Text46, { bold: true, children: display }) : (
+            // An empty value shows its hint (or "(empty)") in the value's place, not after an empty element, so the
+            // text starts in the same column as every other row's.
+            /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: field.hint ?? "(empty)" })
+          ),
+          display && field.hint && /* @__PURE__ */ jsx55(Text46, { color: PALETTE.muted, children: field.hint })
         ] }, field.key);
       }),
       actions.map((action, index) => {
@@ -33475,12 +33490,6 @@ var init_AgentStatusBadge = __esm({
 import { useEffect as useEffect22, useState as useState30 } from "react";
 import { Box as Box45, Text as Text48 } from "ink";
 import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
-function Row2({ label, children }) {
-  return /* @__PURE__ */ jsxs46(Box45, { children: [
-    /* @__PURE__ */ jsx57(Box45, { width: POINTER_WIDTH + LABEL_WIDTH + LABEL_GAP, flexShrink: 0, children: /* @__PURE__ */ jsx57(Text48, { color: PALETTE.muted, children: label }) }),
-    children
-  ] });
-}
 function StatusHeading() {
   return /* @__PURE__ */ jsxs46(Box45, { gap: 1, children: [
     /* @__PURE__ */ jsx57(Text48, { bold: true, color: PALETTE.muted, children: "STATUS" }),
@@ -33539,12 +33548,14 @@ function AgentDetail({
     hint: "run test",
     onRun: runTest
   };
+  const formFields = fields(name);
+  const labelWidth = formLabelWidth([...formFields, action]);
   return /* @__PURE__ */ jsx57(
     FieldForm,
     {
       title: AGENT_LABELS[name],
       subtitle: config.defaultAgent === name ? "This is the default agent." : `Runs the \`${AGENT_BINARIES[name]}\` command.`,
-      fields: fields(name),
+      fields: formFields,
       values: { binary: settings.binary, model: settings.model },
       onChange: (key, value) => {
         setConfig({ ...config, agents: { ...config.agents, [name]: { ...settings, [key]: value } } });
@@ -33557,12 +33568,12 @@ function AgentDetail({
       busy: saving || testing,
       children: /* @__PURE__ */ jsxs46(Box45, { flexDirection: "column", marginTop: 1, children: [
         /* @__PURE__ */ jsx57(StatusHeading, {}),
-        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx57(Row2, { label: row.label, children: /* @__PURE__ */ jsx57(Text48, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
+        statusRows(name, checks, settings.binary).map((row) => /* @__PURE__ */ jsx57(FormReadOnlyRow, { label: row.label, labelWidth, children: /* @__PURE__ */ jsx57(Text48, { color: TONE_COLOR[row.tone], children: row.value }) }, row.label))
       ] })
     }
   );
 }
-var fields, INSPECT_DELAY_MS, LABEL_WIDTH, LABEL_GAP, POINTER_WIDTH;
+var fields, INSPECT_DELAY_MS;
 var init_AgentDetail = __esm({
   "packages/experience-design-system-cli/src/tui/settings/configuration/agents/AgentDetail.tsx"() {
     "use strict";
@@ -33578,9 +33589,6 @@ var init_AgentDetail = __esm({
       { key: "model", label: "Model", hint: `(empty: ${defaultModelLabel(name)})` }
     ];
     INSPECT_DELAY_MS = 400;
-    LABEL_WIDTH = "Command path".length;
-    LABEL_GAP = 2;
-    POINTER_WIDTH = 2;
   }
 });
 

package/dist/package.json

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

package/dist/src/tui/settings/shared/FieldForm.d.ts

@@ -41,6 +41,19 @@ interface FieldFormProps<K extends string> {
     /** Shown after the rows and the notice, for read-only content that belongs to the same screen. */
     children?: React.ReactNode;
 }
+/** The widest label among a form's rows. The form pads every label to it, and read-only rows use it to line up with them. */
+export declare function formLabelWidth(rows: readonly {
+    label: string;
+}[]): number;
+/**
+ * A label and value for read-only content shown with a form. It is built the same way as the form's own rows (a pointer
+ * slot, the label padded to the shared width, then the value), so its values start in the same column as the form's.
+ */
+export declare function FormReadOnlyRow({ label, labelWidth, children, }: {
+    label: string;
+    labelWidth: number;
+    children: React.ReactNode;
+}): React.ReactElement;
 /**
  * The edit-in-place form the Configuration pages share. Fields are read-only until Enter opens one; Enter again closes it.
  * While one is open, keys type into it (so a "q" in a path is just a "q"), and Esc closes it and restores the old value.

package/package.json

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