@contentful/experience-design-system-cli 2.27.1-dev-build-c0edf3e.0 → 2.27.1-dev-build-7cd07de.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.27.1-dev-build-c0edf3e.0",
+  "version": "2.27.1-dev-build-7cd07de.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/dist/src/analyze/select/tui/components/FieldEditor.d.ts

@@ -34,6 +34,8 @@ type FieldEditorProps = {
     onDirtyChange?: (isDirty: boolean) => void;
     discardTrigger?: number;
     initialFocusTarget?: {
+        kind: 'description';
+    } | {
         kind: 'prop' | 'slot';
         name: string;
     };

package/dist/src/index.js

@@ -21758,6 +21758,14 @@ function PropRow({
       activeField === "category" && /* @__PURE__ */ jsx44(Picker, { value: prop.category, active: true }),
       /* @__PURE__ */ jsx44(Text43, { dimColor: !selected, children: "req:" }),
       activeField === "required" ? /* @__PURE__ */ jsx44(Toggle, { value: prop.required, active: true }) : /* @__PURE__ */ jsx44(Toggle, { value: prop.required, active: false }),
+      prop.type === "enum" && /* @__PURE__ */ jsxs43(Fragment12, { children: [
+        /* @__PURE__ */ jsx44(Text43, { dimColor: !selected, children: "values:" }),
+        /* @__PURE__ */ jsxs43(Text43, { color: selected ? PALETTE.warning : PALETTE.inverse, children: [
+          "[",
+          prop.values.join(", "),
+          "]"
+        ] })
+      ] }),
       prop.type === "token" && /* @__PURE__ */ jsxs43(Fragment12, { children: [
         /* @__PURE__ */ jsx44(Text43, { dimColor: !selected, children: "kind:" }),
         activeField === "tokenKind" ? /* @__PURE__ */ jsx44(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx44(Text43, { color: selected ? PALETTE.success : PALETTE.inverse, children: prop.tokenKind || "\u2014" })
@@ -21789,7 +21797,7 @@ function PropRow({
       const text = `~ ${rationale}`;
       return text.length > max ? text.slice(0, max - 1) + "\u2026" : text;
     })() }) }, rowKey ? `rationale-${rowKey}` : void 0),
-    selected && prop.type === "enum" && /* @__PURE__ */ jsxs43(Box41, { paddingLeft: 2, flexDirection: "column", children: [
+    selected && prop.type === "enum" && activeField === "values" && /* @__PURE__ */ jsxs43(Box41, { paddingLeft: 2, flexDirection: "column", children: [
       /* @__PURE__ */ jsxs43(Box41, { children: [
         /* @__PURE__ */ jsx44(Text43, { dimColor: true, children: "values:" }),
         activeField === "values" && /* @__PURE__ */ jsx44(Text43, { dimColor: true, children: "  [a]dd  [e]dit  [r]emove  [\u2191\u2193] navigate  [K/J] reorder" })
@@ -22013,31 +22021,40 @@ function FieldEditor({
   const [editorState, setEditorState] = useState23(initialState);
   const [parseErr] = useState23(parseError);
   const initialFocus = (() => {
-    if (initialFocusTarget) {
-      if (initialFocusTarget.kind === "prop") {
-        const idx = initialState.props.findIndex((p) => p.name === initialFocusTarget.name);
-        if (idx >= 0) {
-          return {
-            focusLevel: "prop",
-            inSlots: false,
-            propIdx: idx,
-            slotIdx: 0,
-            activeField: null,
-            textCursor: 0
-          };
-        }
-      } else {
-        const idx = initialState.slots.findIndex((s) => s.name === initialFocusTarget.name);
-        if (idx >= 0) {
-          return {
-            focusLevel: "slot",
-            inSlots: true,
-            propIdx: 0,
-            slotIdx: idx,
-            activeField: null,
-            textCursor: 0
-          };
-        }
+    if (initialFocusTarget?.kind === "description") {
+      return {
+        focusLevel: "componentDescription",
+        inSlots: false,
+        propIdx: 0,
+        slotIdx: 0,
+        activeField: null,
+        textCursor: 0
+      };
+    }
+    if (initialFocusTarget?.kind === "prop") {
+      const idx = initialState.props.findIndex((p) => p.name === initialFocusTarget.name);
+      if (idx >= 0) {
+        return {
+          focusLevel: "prop",
+          inSlots: false,
+          propIdx: idx,
+          slotIdx: 0,
+          activeField: null,
+          textCursor: 0
+        };
+      }
+    }
+    if (initialFocusTarget?.kind === "slot") {
+      const idx = initialState.slots.findIndex((s) => s.name === initialFocusTarget.name);
+      if (idx >= 0) {
+        return {
+          focusLevel: "slot",
+          inSlots: true,
+          propIdx: 0,
+          slotIdx: idx,
+          activeField: null,
+          textCursor: 0
+        };
       }
     }
     if (initialState.props.length > 0) {
@@ -22073,7 +22090,7 @@ function FieldEditor({
   const [propIdx, setPropIdx] = useState23(initialFocus.propIdx);
   const [slotIdx, setSlotIdx] = useState23(initialFocus.slotIdx);
   const [inSlots, setInSlots] = useState23(initialFocus.inSlots);
-  const [inComponentDesc, setInComponentDesc] = useState23(false);
+  const [inComponentDesc, setInComponentDesc] = useState23(initialFocus.focusLevel === "componentDescription");
   const [activeField, setActiveField] = useState23(initialFocus.activeField);
   const [textCursor, setTextCursor] = useState23(initialFocus.textCursor);
   const [valueCursor, setValueCursor] = useState23(0);
@@ -22766,26 +22783,17 @@ function FieldEditor({
       borderStyle: "single",
       borderColor: hasEmptyProperties ? PALETTE.warning : PALETTE.info,
       children: [
-        /* @__PURE__ */ jsx44(Text43, { bold: true, color: hasEmptyProperties ? PALETTE.warning : PALETTE.info, children: "FIELDS [Ctrl+S save \xB7 Esc discard]" }),
         hasEmptyProperties && /* @__PURE__ */ jsx44(Text43, { color: PALETTE.warning, children: "\u26A0 No properties classified for this component. The LLM didn't find anything to classify. Reject this component or add fields manually." }),
         /* @__PURE__ */ jsx44(Box41, { flexDirection: "column", width: innerWidth, children: visibleRowSlice.map((row, i) => {
           if (row.kind === "header") {
-            return /* @__PURE__ */ jsx44(
-              Text43,
-              {
-                bold: true,
-                color: row.section === "slots" ? PALETTE.info : row.section === "hidden" ? PALETTE.warning : PALETTE.success,
-                children: row.label
-              },
-              `header-${i}`
-            );
+            return /* @__PURE__ */ jsx44(Text43, { bold: true, color: PALETTE.success, children: row.label }, `header-${i}`);
           }
           if (row.kind === "component-description") {
             const isSelected2 = inComponentDesc;
             const isEditing = isSelected2 && focusLevel === "field" && activeField === "description";
             const desc = editorState.componentDescription;
-            return /* @__PURE__ */ jsxs43(Box41, { flexDirection: "column", children: [
-              /* @__PURE__ */ jsx44(Box41, { gap: 1, children: /* @__PURE__ */ jsx44(
+            return /* @__PURE__ */ jsx44(Box41, { flexDirection: "column", children: /* @__PURE__ */ jsxs43(Box41, { gap: 1, children: [
+              /* @__PURE__ */ jsx44(
                 Text43,
                 {
                   color: isSelected2 ? PALETTE.inverse : PALETTE.info,
@@ -22793,13 +22801,13 @@ function FieldEditor({
                   backgroundColor: isSelected2 ? "blue" : void 0,
                   children: " description: "
                 }
-              ) }),
-              isEditing ? /* @__PURE__ */ jsx44(Box41, { paddingLeft: 2, flexDirection: "row", children: /* @__PURE__ */ jsxs43(Box41, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
+              ),
+              isEditing ? /* @__PURE__ */ jsxs43(Box41, { flexGrow: 1, borderStyle: "round", borderColor: PALETTE.info, paddingX: 1, children: [
                 /* @__PURE__ */ jsx44(Text43, { children: desc.slice(0, textCursor) }),
                 /* @__PURE__ */ jsx44(Text43, { inverse: cursorVisible, children: desc[textCursor] ?? (cursorVisible ? "\u2588" : " ") }),
                 /* @__PURE__ */ jsx44(Text43, { children: desc.slice(textCursor + 1) })
-              ] }) }) : /* @__PURE__ */ jsx44(Box41, { paddingLeft: 2, children: /* @__PURE__ */ jsx44(Text43, { color: desc ? PALETTE.success : void 0, dimColor: !desc, children: desc || "(none \u2014 Return to edit)" }) })
-            ] }, `component-description-${i}`);
+              ] }) : /* @__PURE__ */ jsx44(Text43, { color: isSelected2 ? PALETTE.warning : PALETTE.inverse, dimColor: !desc, children: desc || "(none \u2014 Return to edit)" })
+            ] }) }, `component-description-${i}`);
           }
           if (row.kind === "prop") {
             const p = props[row.idx];
@@ -25303,7 +25311,7 @@ function GenerateReviewStep({
             currentComponentName: selected.key,
             onDirtyChange: setEditorDirty,
             discardTrigger,
-            initialFocusTarget: pendingEditorFocus && pendingEditorFocus.componentName === selected.key ? pendingEditorFocus.target : void 0
+            initialFocusTarget: pendingEditorFocus && pendingEditorFocus.componentName === selected.key ? pendingEditorFocus.target : { kind: "description" }
           },
           pendingEditorFocus && pendingEditorFocus.componentName === selected.key ? `${selected.key}::${pendingEditorFocus.target.kind}:${pendingEditorFocus.target.name}` : selected.key
         ),
@@ -26206,7 +26214,8 @@ function AtomicGenerateReviewStep({
               setPanelOpen("source");
               setPanelScrollOffset(() => 0);
             },
-            onTextEntryActiveChange: setTextEntryActive
+            onTextEntryActiveChange: setTextEntryActive,
+            initialFocusTarget: { kind: "description" }
           },
           selected.key
         ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.27.1-dev-build-c0edf3e.0",
+  "version": "2.27.1-dev-build-7cd07de.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",
@@ -39,7 +39,7 @@
     "svelte": "^5.56.4",
     "ts-morph": "^27.0.2",
     "typescript": "^5.9.3",
-    "@contentful/experience-design-system-types": "2.27.1-dev-build-c0edf3e.0"
+    "@contentful/experience-design-system-types": "2.27.1-dev-build-7cd07de.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",
@@ -51,9 +51,9 @@
     "ink-testing-library": "^4.0.0",
     "typescript-eslint": "^8.67.0",
     "vitest": "^4.0.16",
-    "@contentful/experience-design-system-client": "2.27.1-dev-build-c0edf3e.0",
-    "@contentful/experience-design-system-extraction": "2.27.1-dev-build-c0edf3e.0",
-    "@contentful/experience-design-system-generation": "2.27.1-dev-build-c0edf3e.0"
+    "@contentful/experience-design-system-client": "2.27.1-dev-build-7cd07de.0",
+    "@contentful/experience-design-system-generation": "2.27.1-dev-build-7cd07de.0",
+    "@contentful/experience-design-system-extraction": "2.27.1-dev-build-7cd07de.0"
   },
   "repository": {
     "type": "git",