@contentful/experience-design-system-cli 2.37.1-dev-build-900f9bf0.0 → 2.37.1-dev-build-f56fd7cd.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}.`;
+  return `${use}. If you skip, files are saved locally and nothing is pushed.`;
 }
 function normalize(values) {
   return {
@@ -18230,89 +18230,36 @@ var MENU = [
   { choice: "continue", label: "Continue", description: "Check the credentials and go on" },
   { choice: "edit", label: "Edit", description: "Change the credentials" }
 ];
-function CredentialsScreen({
-  onDone,
-  onBack,
-  initial = {},
-  validate: validate3 = validateCredentials,
-  tokensOnly = false
+function CredentialsReview({
+  values,
+  subtitle,
+  notice,
+  validating,
+  onChoose,
+  children
 }) {
-  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 (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);
+    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]);
-  const isLastField = active === FIELDS2.length - 1;
-  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, { children: " " }),
-      /* @__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, { color: PALETTE.muted, children: subtitle }),
       /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      /* @__PURE__ */ jsx15(Text14, { bold: true, color: editing ? PALETTE.muted : PALETTE.accent, children: "ACTIONS" }),
+      /* @__PURE__ */ jsx15(Text14, { bold: true, color: PALETTE.accent, children: "ACTIONS" }),
       MENU.map((item, index) => {
-        const focused = !editing && index === focus;
+        const focused = 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: 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.muted, children: item.description })
         ] }, item.choice);
       }),
@@ -18327,27 +18274,10 @@ function CredentialsScreen({
           borderLeft: false,
           borderRight: false,
           children: [
-            /* @__PURE__ */ jsx15(Text14, { bold: true, color: editing ? PALETTE.accent : PALETTE.muted, children: "SPACE" }),
-            FIELDS2.map((field, index) => {
-              const open = editing && index === active;
+            /* @__PURE__ */ jsx15(Text14, { bold: true, color: PALETTE.muted, children: "SPACE" }),
+            FIELDS2.map((field) => {
               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: () => isLastField ? stopEditing() : setActive(index + 1),
-                    mask: field.masked ? "\u2022" : void 0
-                  }
-                ) : /* @__PURE__ */ jsx15(Text14, { color: display ? PALETTE.text : PALETTE.muted, children: display || (field.hint ?? "(empty)") })
-              ] }, 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);
             })
           ]
         }
@@ -18363,32 +18293,104 @@ function CredentialsScreen({
         /* @__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: isLastField ? "done" : "next field" },
-              { keys: "Ctrl+D", label: "clear" },
-              { keys: "Esc", label: prefilled ? "cancel" : "back" }
-            ]
-          }
-        )
-      ] })
+      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,
+  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}.`;
+  return `${use}. If you skip, files are saved locally and nothing is pushed.`;
 }
 function normalize(values) {
   return {
@@ -20686,89 +20686,36 @@ 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 CredentialsScreen({
-  onDone,
-  onBack,
-  initial = {},
-  validate: validate3 = validateCredentials,
-  tokensOnly = false
+function CredentialsReview({
+  values,
+  subtitle,
+  notice,
+  validating,
+  onChoose,
+  children
 }) {
-  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 (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);
+    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]);
-  const isLastField = active === FIELDS2.length - 1;
-  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, { children: " " }),
-      /* @__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, { color: PALETTE.muted, children: subtitle }),
       /* @__PURE__ */ jsx15(Text14, { children: " " }),
-      /* @__PURE__ */ jsx15(Text14, { bold: true, color: editing ? PALETTE.muted : PALETTE.accent, children: "ACTIONS" }),
+      /* @__PURE__ */ jsx15(Text14, { bold: true, color: PALETTE.accent, children: "ACTIONS" }),
       MENU.map((item, index) => {
-        const focused = !editing && index === focus;
+        const focused = 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: 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.muted, children: item.description })
         ] }, item.choice);
       }),
@@ -20783,27 +20730,10 @@ function CredentialsScreen({
           borderLeft: false,
           borderRight: false,
           children: [
-            /* @__PURE__ */ jsx15(Text14, { bold: true, color: editing ? PALETTE.accent : PALETTE.muted, children: "SPACE" }),
-            FIELDS2.map((field, index) => {
-              const open = editing && index === active;
+            /* @__PURE__ */ jsx15(Text14, { bold: true, color: PALETTE.muted, children: "SPACE" }),
+            FIELDS2.map((field) => {
               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: () => isLastField ? stopEditing() : setActive(index + 1),
-                    mask: field.masked ? "\u2022" : void 0
-                  }
-                ) : /* @__PURE__ */ jsx15(Text14, { color: display ? PALETTE.text : PALETTE.muted, children: display || (field.hint ?? "(empty)") })
-              ] }, 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);
             })
           ]
         }
@@ -20819,39 +20749,110 @@ function CredentialsScreen({
         /* @__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: isLastField ? "done" : "next field" },
-              { keys: "Ctrl+D", label: "clear" },
-              { keys: "Esc", label: prefilled ? "cancel" : "back" }
-            ]
-          }
-        )
-      ] })
+      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,
+  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-900f9bf0.0",
+  "version": "2.37.1-dev-build-f56fd7cd.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-900f9bf0.0",
+  "version": "2.37.1-dev-build-f56fd7cd.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-900f9bf0.0",
-    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-900f9bf0.0"
+    "@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"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",