@contentful/experience-design-system-cli 2.37.1-dev-build-320f5360.0 → 2.37.1-dev-build-35728844.0

package/dist/app.js

@@ -2568,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 = "Design System Import";
+var HEADING = "Contentful Design System Import";
 var MIN_TERMINAL_WIDTH = 164;
 var START_ITEMS = [
   { label: "Import", screen: "import" },
@@ -18170,7 +18170,7 @@ function FieldForm({
 var FIELDS = ["spaceId", "environmentId", "cmaToken", "host"];
 function credentialsPurpose(tokensOnly) {
   const use = tokensOnly ? "We use it to push your design tokens" : "We use it to check what components already exist and to push your import";
-  return `${use}. If you skip, files are saved locally and nothing is pushed.`;
+  return `${use}.`;
 }
 function normalize(values) {
   return {
@@ -18231,73 +18231,8 @@ var FIELDS2 = [
 ];
 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" }
+  { choice: "edit", label: "Edit", description: "Change the credentials" }
 ];
-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,
@@ -18318,6 +18253,9 @@ function CredentialsScreen({
   const [validating, setValidating] = useState9(false);
   const prefilled = initialValues.spaceId !== "" && initialValues.cmaToken !== "";
   const [editing, setEditing] = useState9(!prefilled);
+  const [focus, setFocus] = useState9(0);
+  const [active, setActive] = useState9(0);
+  const [beforeEdit, setBeforeEdit] = useState9(initialValues);
   const submit = async () => {
     const credentials = normalize(values);
     if (missingField(credentials)) {
@@ -18330,57 +18268,128 @@ 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);
+      setBeforeEdit(values);
+      setActive(0);
       setEditing(true);
-    } else if (choice === "skip") onDone({ skipped: true });
-    else onBack();
+    } else onBack();
   };
-  if (!editing) {
-    return /* @__PURE__ */ jsx15(CredentialsReview, { values, subtitle, notice, validating, onChoose: choose, children: !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+  const stopEditing = () => {
+    setEditing(false);
+    setFocus(0);
+  };
+  useInput11((_input, key) => {
+    if (validating) return;
+    if (editing) {
+      if (key.escape) {
+        if (!prefilled) onBack();
+        else {
+          setValues(beforeEdit);
+          setNotice(null);
+          stopEditing();
+        }
+      } else if (key.upArrow) setActive((current) => (current - 1 + FIELDS2.length) % FIELDS2.length);
+      else if (key.downArrow || key.tab) setActive((current) => (current + 1) % FIELDS2.length);
+      return;
+    }
+    if (key.escape) choose("quit");
+    else if (key.return) choose(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]);
+  const changed = !isUnchanged(normalize(values), initialValues);
+  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, color: PALETTE.accent, children: "Contentful Credentials" }),
       /* @__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,
-      fields: FIELDS2,
-      values,
-      onChange: (key, value) => {
-        setValues((current) => ({ ...current, [key]: value }));
-        setNotice(null);
-      },
-      enterAdvances: true,
-      onSave: () => void submit(),
-      saveLabel: "continue",
-      onQuit: prefilled ? () => setEditing(false) : onBack,
-      quitLabel: prefilled ? "stop editing" : "back",
-      notice,
-      busy: validating,
-      children: [
-        !prefilled && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-          /* @__PURE__ */ jsx15(Text14, { children: " " }),
-          /* @__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." })
+      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into." }),
+      /* @__PURE__ */ jsx15(Text14, { children: " " }),
+      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Actions" }),
+      MENU.map((item, index) => {
+        const focused = !editing && index === focus;
+        return /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
+          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.accent, children: focused ? "\u276F" : " " }),
+          /* @__PURE__ */ jsx15(Box14, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text14, { bold: focused, color: focused ? PALETTE.accent : editing ? PALETTE.muted : PALETTE.text, children: item.label }) }),
+          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: item.description })
+        ] }, item.choice);
+      }),
+      /* @__PURE__ */ jsxs14(
+        Box14,
+        {
+          flexDirection: "column",
+          marginTop: 1,
+          borderStyle: "single",
+          borderColor: PALETTE.border,
+          borderBottom: false,
+          borderLeft: false,
+          borderRight: false,
+          children: [
+            /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Space" }),
+            FIELDS2.map((field, index) => {
+              const open = editing && index === active;
+              const value = values[field.key];
+              const display = field.masked ? "\u2022".repeat(value.length) : value;
+              return /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
+                /* @__PURE__ */ jsx15(Text14, { color: PALETTE.accent, children: open ? "\u276F" : " " }),
+                /* @__PURE__ */ jsx15(Box14, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text14, { bold: open, color: open ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
+                open ? /* @__PURE__ */ jsx15(
+                  ClearableTextInput,
+                  {
+                    value,
+                    onChange: (next) => {
+                      setValues((current) => ({ ...current, [field.key]: next }));
+                      setNotice(null);
+                    },
+                    onSubmit: stopEditing,
+                    mask: field.masked ? "\u2022" : void 0
+                  }
+                ) : /* @__PURE__ */ jsx15(Text14, { color: display ? PALETTE.text : PALETTE.muted, children: display || (field.hint ?? "(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..." })
+      ] }),
+      !prefilled && !validating && !notice && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+        /* @__PURE__ */ jsx15(Text14, { children: " " }),
+        /* @__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." })
+      ] }),
+      changed && !validating && !notice && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+        /* @__PURE__ */ jsx15(Text14, { children: " " }),
+        /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
+      ] }),
+      editing && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+        /* @__PURE__ */ jsx15(Text14, { children: " " }),
+        /* @__PURE__ */ jsx15(
+          ControlHints,
+          {
+            hints: [
+              { keys: "\u2191/\u2193", label: "field" },
+              { keys: "\u23CE", label: "save" },
+              { keys: "Ctrl+D", label: "clear" },
+              { keys: "Esc", label: prefilled ? "cancel" : "back" }
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/logic.ts

package/dist/index.js

@@ -19369,7 +19369,7 @@ var init_home = __esm({
     init_use_terminal_width();
     init_ControlHints();
     VERSION = readPackageVersion();
-    HEADING = "Design System Import";
+    HEADING = "Contentful Design System Import";
     MIN_TERMINAL_WIDTH = 164;
     START_ITEMS = [
       { label: "Import", screen: "import" },
@@ -20613,7 +20613,7 @@ var init_FieldForm = __esm({
 // packages/experience-design-system-cli/src/tui/import/steps/04-credentials/logic.ts
 function credentialsPurpose(tokensOnly) {
   const use = tokensOnly ? "We use it to push your design tokens" : "We use it to check what components already exist and to push your import";
-  return `${use}. If you skip, files are saved locally and nothing is pushed.`;
+  return `${use}.`;
 }
 function normalize(values) {
   return {
@@ -20689,69 +20689,6 @@ var init_validate4 = __esm({
 import { useRef as useRef2, useState as useState9 } from "react";
 import { Box as Box14, Text as Text14, useInput as useInput11 } from "ink";
 import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-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,
@@ -20772,6 +20709,9 @@ function CredentialsScreen({
   const [validating, setValidating] = useState9(false);
   const prefilled = initialValues.spaceId !== "" && initialValues.cmaToken !== "";
   const [editing, setEditing] = useState9(!prefilled);
+  const [focus, setFocus] = useState9(0);
+  const [active, setActive] = useState9(0);
+  const [beforeEdit, setBeforeEdit] = useState9(initialValues);
   const submit = async () => {
     const credentials = normalize(values);
     if (missingField(credentials)) {
@@ -20784,57 +20724,128 @@ 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);
+      setBeforeEdit(values);
+      setActive(0);
       setEditing(true);
-    } else if (choice === "skip") onDone({ skipped: true });
-    else onBack();
+    } else onBack();
   };
-  if (!editing) {
-    return /* @__PURE__ */ jsx15(CredentialsReview, { values, subtitle, notice, validating, onChoose: choose, children: !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+  const stopEditing = () => {
+    setEditing(false);
+    setFocus(0);
+  };
+  useInput11((_input, key) => {
+    if (validating) return;
+    if (editing) {
+      if (key.escape) {
+        if (!prefilled) onBack();
+        else {
+          setValues(beforeEdit);
+          setNotice(null);
+          stopEditing();
+        }
+      } else if (key.upArrow) setActive((current) => (current - 1 + FIELDS2.length) % FIELDS2.length);
+      else if (key.downArrow || key.tab) setActive((current) => (current + 1) % FIELDS2.length);
+      return;
+    }
+    if (key.escape) choose("quit");
+    else if (key.return) choose(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]);
+  const changed = !isUnchanged(normalize(values), initialValues);
+  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, color: PALETTE.accent, children: "Contentful Credentials" }),
       /* @__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,
-      fields: FIELDS2,
-      values,
-      onChange: (key, value) => {
-        setValues((current) => ({ ...current, [key]: value }));
-        setNotice(null);
-      },
-      enterAdvances: true,
-      onSave: () => void submit(),
-      saveLabel: "continue",
-      onQuit: prefilled ? () => setEditing(false) : onBack,
-      quitLabel: prefilled ? "stop editing" : "back",
-      notice,
-      busy: validating,
-      children: [
-        !prefilled && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-          /* @__PURE__ */ jsx15(Text14, { children: " " }),
-          /* @__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." })
+      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into." }),
+      /* @__PURE__ */ jsx15(Text14, { children: " " }),
+      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Actions" }),
+      MENU.map((item, index) => {
+        const focused = !editing && index === focus;
+        return /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
+          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.accent, children: focused ? "\u276F" : " " }),
+          /* @__PURE__ */ jsx15(Box14, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text14, { bold: focused, color: focused ? PALETTE.accent : editing ? PALETTE.muted : PALETTE.text, children: item.label }) }),
+          /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: item.description })
+        ] }, item.choice);
+      }),
+      /* @__PURE__ */ jsxs14(
+        Box14,
+        {
+          flexDirection: "column",
+          marginTop: 1,
+          borderStyle: "single",
+          borderColor: PALETTE.border,
+          borderBottom: false,
+          borderLeft: false,
+          borderRight: false,
+          children: [
+            /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Space" }),
+            FIELDS2.map((field, index) => {
+              const open = editing && index === active;
+              const value = values[field.key];
+              const display = field.masked ? "\u2022".repeat(value.length) : value;
+              return /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
+                /* @__PURE__ */ jsx15(Text14, { color: PALETTE.accent, children: open ? "\u276F" : " " }),
+                /* @__PURE__ */ jsx15(Box14, { width: labelWidth, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text14, { bold: open, color: open ? PALETTE.accent : PALETTE.muted, children: field.label }) }),
+                open ? /* @__PURE__ */ jsx15(
+                  ClearableTextInput,
+                  {
+                    value,
+                    onChange: (next) => {
+                      setValues((current) => ({ ...current, [field.key]: next }));
+                      setNotice(null);
+                    },
+                    onSubmit: stopEditing,
+                    mask: field.masked ? "\u2022" : void 0
+                  }
+                ) : /* @__PURE__ */ jsx15(Text14, { color: display ? PALETTE.text : PALETTE.muted, children: display || (field.hint ?? "(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..." })
+      ] }),
+      !prefilled && !validating && !notice && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+        /* @__PURE__ */ jsx15(Text14, { children: " " }),
+        /* @__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." })
+      ] }),
+      changed && !validating && !notice && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+        /* @__PURE__ */ jsx15(Text14, { children: " " }),
+        /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
+      ] }),
+      editing && /* @__PURE__ */ jsxs14(Fragment2, { children: [
+        /* @__PURE__ */ jsx15(Text14, { children: " " }),
+        /* @__PURE__ */ jsx15(
+          ControlHints,
+          {
+            hints: [
+              { keys: "\u2191/\u2193", label: "field" },
+              { keys: "\u23CE", label: "save" },
+              { keys: "Ctrl+D", label: "clear" },
+              { keys: "Esc", label: prefilled ? "cancel" : "back" }
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
 var FIELDS2, MENU;
 var init_screen5 = __esm({
@@ -20842,6 +20853,7 @@ var init_screen5 = __esm({
     "use strict";
     init_theme();
     init_FieldForm();
+    init_ClearableTextInput();
     init_ControlHints();
     init_StepHeader();
     init_logic8();
@@ -20854,9 +20866,7 @@ var init_screen5 = __esm({
     ];
     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" }
+      { choice: "edit", label: "Edit", description: "Change the credentials" }
     ];
   }
 });

package/dist/package.json

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