@contentful/experience-design-system-cli 2.37.1-dev-build-f56fd7cd.0 → 2.37.1-dev-build-6e954110.0

package/dist/app.js

@@ -18167,7 +18167,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 {
@@ -18230,36 +18230,88 @@ var MENU = [
   { choice: "continue", label: "Continue", description: "Check the credentials and go on" },
   { choice: "edit", label: "Edit", description: "Change the credentials" }
 ];
-function CredentialsReview({
-  values,
-  subtitle,
-  notice,
-  validating,
-  onChoose,
-  children
+function CredentialsScreen({
+  onDone,
+  onBack,
+  initial = {},
+  validate: validate3 = validateCredentials,
+  tokensOnly = false
 }) {
+  const initialValues = useRef2(
+    normalize({
+      spaceId: initial.spaceId ?? "",
+      environmentId: initial.environmentId || "master",
+      cmaToken: initial.cmaToken ?? "",
+      host: initial.host ?? ""
+    })
+  ).current;
+  const [values, setValues] = useState9(initialValues);
+  const [notice, setNotice] = useState9(null);
+  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)) {
+      setNotice({ kind: "error", text: "Space ID, environment and CMA token are all required." });
+      return;
+    }
+    setValidating(true);
+    const result = await validate3(credentials);
+    setValidating(false);
+    if (result.ok) onDone({ skipped: false, credentials });
+    else setNotice({ kind: "error", text: result.error });
+  };
+  const choose = (choice) => {
+    if (choice === "continue") void submit();
+    else if (choice === "edit") {
+      setNotice(null);
+      setBeforeEdit(values);
+      setActive(0);
+      setEditing(true);
+    } else onBack();
+  };
+  const stopEditing = () => {
+    setEditing(false);
+    setFocus(0);
+  };
   useInput11((_input, key) => {
     if (validating) return;
-    if (key.escape) onChoose("quit");
-    else if (key.return) onChoose(MENU[focus].choice);
+    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, children: "Contentful Credentials" }),
+      /* @__PURE__ */ jsx15(Text14, { bold: true, color: PALETTE.accent, children: "Contentful Credentials" }),
       /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: subtitle }),
+      /* @__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, { bold: true, color: PALETTE.accent, children: "ACTIONS" }),
+      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Actions" }),
       MENU.map((item, index) => {
-        const focused = index === focus;
+        const focused = !editing && 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.text, children: item.label }) }),
+          /* @__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);
       }),
@@ -18274,10 +18326,27 @@ function CredentialsReview({
           borderLeft: false,
           borderRight: false,
           children: [
-            /* @__PURE__ */ jsx15(Text14, { bold: true, color: PALETTE.muted, children: "SPACE" }),
-            FIELDS2.map((field) => {
+            /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Space" }),
+            FIELDS2.map((field, index) => {
+              const open = editing && index === active;
               const value = values[field.key];
-              return /* @__PURE__ */ jsx15(FormReadOnlyRow, { label: field.label, labelWidth, children: /* @__PURE__ */ jsx15(Text14, { color: value ? PALETTE.text : PALETTE.muted, children: field.masked ? "\u2022".repeat(value.length) : value || "(empty)" }) }, 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);
             })
           ]
         }
@@ -18293,104 +18362,32 @@ function CredentialsReview({
         /* @__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" }
-          ]
-        }
-      )
+      !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" }
+            ]
+          }
+        )
+      ] })
     ] })
   ] });
 }
-function CredentialsScreen({
-  onDone,
-  onBack,
-  initial = {},
-  validate: validate3 = validateCredentials,
-  tokensOnly = false
-}) {
-  const initialValues = useRef2(
-    normalize({
-      spaceId: initial.spaceId ?? "",
-      environmentId: initial.environmentId || "master",
-      cmaToken: initial.cmaToken ?? "",
-      host: initial.host ?? ""
-    })
-  ).current;
-  const [values, setValues] = useState9(initialValues);
-  const [notice, setNotice] = useState9(null);
-  const [validating, setValidating] = useState9(false);
-  const prefilled = initialValues.spaceId !== "" && initialValues.cmaToken !== "";
-  const [editing, setEditing] = useState9(!prefilled);
-  const submit = async () => {
-    const credentials = normalize(values);
-    if (missingField(credentials)) {
-      setNotice({ kind: "error", text: "Space ID, environment and CMA token are all required." });
-      return;
-    }
-    setValidating(true);
-    const result = await validate3(credentials);
-    setValidating(false);
-    if (result.ok) onDone({ skipped: false, credentials });
-    else setNotice({ kind: "error", text: result.error });
-  };
-  const subtitle = prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into.";
-  const choose = (choice) => {
-    if (choice === "continue") void submit();
-    else if (choice === "edit") {
-      setNotice(null);
-      setEditing(true);
-    } else onBack();
-  };
-  if (!editing) {
-    return /* @__PURE__ */ jsx15(CredentialsReview, { values, subtitle, notice, validating, onChoose: choose, children: !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-      /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxs14(
-    FieldForm,
-    {
-      header: /* @__PURE__ */ jsx15(StepHeader, { step: "setup" }),
-      title: "Contentful Credentials",
-      subtitle,
-      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." })
-        ] })
-      ]
-    }
-  );
-}
 
 // packages/experience-design-system-cli/src/tui/import/steps/06-extraction/logic.ts
 function initialProgress(input) {

package/dist/index.js

@@ -20610,7 +20610,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 {
@@ -20686,36 +20686,88 @@ 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
+function CredentialsScreen({
+  onDone,
+  onBack,
+  initial = {},
+  validate: validate3 = validateCredentials,
+  tokensOnly = false
 }) {
+  const initialValues = useRef2(
+    normalize({
+      spaceId: initial.spaceId ?? "",
+      environmentId: initial.environmentId || "master",
+      cmaToken: initial.cmaToken ?? "",
+      host: initial.host ?? ""
+    })
+  ).current;
+  const [values, setValues] = useState9(initialValues);
+  const [notice, setNotice] = useState9(null);
+  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)) {
+      setNotice({ kind: "error", text: "Space ID, environment and CMA token are all required." });
+      return;
+    }
+    setValidating(true);
+    const result = await validate3(credentials);
+    setValidating(false);
+    if (result.ok) onDone({ skipped: false, credentials });
+    else setNotice({ kind: "error", text: result.error });
+  };
+  const choose = (choice) => {
+    if (choice === "continue") void submit();
+    else if (choice === "edit") {
+      setNotice(null);
+      setBeforeEdit(values);
+      setActive(0);
+      setEditing(true);
+    } else onBack();
+  };
+  const stopEditing = () => {
+    setEditing(false);
+    setFocus(0);
+  };
   useInput11((_input, key) => {
     if (validating) return;
-    if (key.escape) onChoose("quit");
-    else if (key.return) onChoose(MENU[focus].choice);
+    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, children: "Contentful Credentials" }),
+      /* @__PURE__ */ jsx15(Text14, { bold: true, color: PALETTE.accent, children: "Contentful Credentials" }),
       /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: subtitle }),
+      /* @__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, { bold: true, color: PALETTE.accent, children: "ACTIONS" }),
+      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Actions" }),
       MENU.map((item, index) => {
-        const focused = index === focus;
+        const focused = !editing && 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.text, children: item.label }) }),
+          /* @__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);
       }),
@@ -20730,10 +20782,27 @@ function CredentialsReview({
           borderLeft: false,
           borderRight: false,
           children: [
-            /* @__PURE__ */ jsx15(Text14, { bold: true, color: PALETTE.muted, children: "SPACE" }),
-            FIELDS2.map((field) => {
+            /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Space" }),
+            FIELDS2.map((field, index) => {
+              const open = editing && index === active;
               const value = values[field.key];
-              return /* @__PURE__ */ jsx15(FormReadOnlyRow, { label: field.label, labelWidth, children: /* @__PURE__ */ jsx15(Text14, { color: value ? PALETTE.text : PALETTE.muted, children: field.masked ? "\u2022".repeat(value.length) : value || "(empty)" }) }, 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);
             })
           ]
         }
@@ -20749,110 +20818,39 @@ function CredentialsReview({
         /* @__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" }
-          ]
-        }
-      )
+      !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" }
+            ]
+          }
+        )
+      ] })
     ] })
   ] });
 }
-function CredentialsScreen({
-  onDone,
-  onBack,
-  initial = {},
-  validate: validate3 = validateCredentials,
-  tokensOnly = false
-}) {
-  const initialValues = useRef2(
-    normalize({
-      spaceId: initial.spaceId ?? "",
-      environmentId: initial.environmentId || "master",
-      cmaToken: initial.cmaToken ?? "",
-      host: initial.host ?? ""
-    })
-  ).current;
-  const [values, setValues] = useState9(initialValues);
-  const [notice, setNotice] = useState9(null);
-  const [validating, setValidating] = useState9(false);
-  const prefilled = initialValues.spaceId !== "" && initialValues.cmaToken !== "";
-  const [editing, setEditing] = useState9(!prefilled);
-  const submit = async () => {
-    const credentials = normalize(values);
-    if (missingField(credentials)) {
-      setNotice({ kind: "error", text: "Space ID, environment and CMA token are all required." });
-      return;
-    }
-    setValidating(true);
-    const result = await validate3(credentials);
-    setValidating(false);
-    if (result.ok) onDone({ skipped: false, credentials });
-    else setNotice({ kind: "error", text: result.error });
-  };
-  const subtitle = prefilled ? "Credentials pre-filled from the configuration settings." : "Enter the Contentful space you want to import into.";
-  const choose = (choice) => {
-    if (choice === "continue") void submit();
-    else if (choice === "edit") {
-      setNotice(null);
-      setEditing(true);
-    } else onBack();
-  };
-  if (!editing) {
-    return /* @__PURE__ */ jsx15(CredentialsReview, { values, subtitle, notice, validating, onChoose: choose, children: !isUnchanged(normalize(values), initialValues) && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-      /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      /* @__PURE__ */ jsx15(Text14, { color: PALETTE.muted, children: "Changed values are saved after they validate." })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxs14(
-    FieldForm,
-    {
-      header: /* @__PURE__ */ jsx15(StepHeader, { step: "setup" }),
-      title: "Contentful Credentials",
-      subtitle,
-      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." })
-        ] })
-      ]
-    }
-  );
-}
 var FIELDS2, MENU;
 var init_screen5 = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/04-credentials/screen.tsx"() {
     "use strict";
     init_theme();
     init_FieldForm();
+    init_ClearableTextInput();
     init_ControlHints();
     init_StepHeader();
     init_logic8();

package/dist/package.json

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