@contentful/experience-design-system-cli 2.32.1-dev-build-b7d2d34.0 → 2.32.1-dev-build-71db090.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.32.1-dev-build-b7d2d34.0",
+  "version": "2.32.1-dev-build-71db090.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/dist/src/index.js

@@ -17899,7 +17899,7 @@ __export(CredentialsStep_exports, {
 });
 import { useState as useState15, useEffect as useEffect7, useRef as useRef3 } from "react";
 import { Box as Box28, Text as Text28 } from "ink";
-import { jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
 function CredentialsStep({
   summary,
   error: externalError,
@@ -18015,8 +18015,10 @@ function CredentialsStep({
     ] }),
     /* @__PURE__ */ jsxs28(Box28, { flexDirection: "column", marginTop: 1, gap: 0, children: [
       /* @__PURE__ */ jsx28(Text28, { children: initialSpaceId && initialCmaToken ? "Credentials pre-filled from experiences setup. Press Enter to continue or edit any field to update." : "Enter the Contentful space you want to import into." }),
-      !(initialSpaceId && initialCmaToken) && /* @__PURE__ */ jsx28(Text28, { dimColor: true, children: "These credentials are used both to align agent suggestions with what already exists in the space and to push your import at the end. Press S to skip and run without space context (push will be disabled)." }),
-      !(initialSpaceId && initialCmaToken) && /* @__PURE__ */ jsx28(Text28, { dimColor: true, children: "Tip: run experiences setup to save these to ~/.config/experiences/credentials.json so they pre-fill here automatically." })
+      !(initialSpaceId && initialCmaToken) && /* @__PURE__ */ jsxs28(Fragment9, { children: [
+        /* @__PURE__ */ jsx28(Text28, { dimColor: true, children: "These credentials are used both to align agent suggestions with what already exists in the space and to push your import at the end. Press S to skip and run without space context (push will be disabled)." }),
+        /* @__PURE__ */ jsx28(Text28, { dimColor: true, children: "Tip: run experiences setup to save these to ~/.config/experiences/credentials.json so they pre-fill here automatically." })
+      ] })
     ] }),
     /* @__PURE__ */ jsxs28(Box28, { flexDirection: "column", gap: 0, marginTop: 1, children: [
       renderField("Space ID", spaceId, "spaceId"),
@@ -18215,7 +18217,7 @@ var init_preview_diff = __esm({
 // packages/experience-design-system-cli/src/import/tui/steps/WizardPreviewStep.tsx
 import { useState as useState16, useMemo as useMemo3 } from "react";
 import { Box as Box29, Text as Text29, useStdout as useStdout3 } from "ink";
-import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
 function buildPreviewDiffLines(preview) {
   const lines = [];
   const { components, tokens } = preview;
@@ -18392,7 +18394,7 @@ function WizardPreviewStep({
       ] }),
       /* @__PURE__ */ jsx29(Text29, { dimColor: true, children: "\u2500".repeat(40) })
     ] }),
-    hasAnything ? /* @__PURE__ */ jsxs29(Fragment9, { children: [
+    hasAnything ? /* @__PURE__ */ jsxs29(Fragment10, { children: [
       /* @__PURE__ */ jsx29(Text29, { children: "Here's what will happen in your space:" }),
       hasComponents && /* @__PURE__ */ jsxs29(Box29, { flexDirection: "column", gap: 0, children: [
         /* @__PURE__ */ jsx29(Box29, { gap: 1, marginTop: 1, children: /* @__PURE__ */ jsx29(Text29, { bold: true, dimColor: true, children: "ComponentTypes" }) }),
@@ -18558,7 +18560,7 @@ var init_WizardPreviewStep = __esm({
 
 // packages/experience-design-system-cli/src/import/tui/steps/DoneStep.tsx
 import { Box as Box30, Text as Text30 } from "ink";
-import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx30, jsxs as jsxs30 } from "react/jsx-runtime";
 function DoneStep({
   componentTypes,
   designTokens,
@@ -18579,7 +18581,7 @@ function DoneStep({
   const totalPushed = componentTypes.created + componentTypes.updated + componentTypes.removed + designTokens.created + designTokens.updated + designTokens.removed;
   const success = totalFailed === 0;
   function EntityRows({ entity, label }) {
-    return /* @__PURE__ */ jsxs30(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs30(Fragment11, { children: [
       entity.created > 0 && /* @__PURE__ */ jsxs30(Box30, { gap: 1, children: [
         /* @__PURE__ */ jsx30(Text30, { color: PALETTE.success, children: "\u2713" }),
         /* @__PURE__ */ jsxs30(Text30, { children: [
@@ -20751,7 +20753,7 @@ var init_scope_gate_columns = __esm({
 // packages/experience-design-system-cli/src/import/tui/steps/ScopeGateStep.tsx
 import { Box as Box39, Text as Text41, useStdout as useStdout4 } from "ink";
 import React21, { useEffect as useEffect10, useMemo as useMemo5, useRef as useRef4, useState as useState21 } from "react";
-import { Fragment as Fragment11, jsx as jsx42, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs41 } from "react/jsx-runtime";
 function capReasonForFocusedRow(reason, width) {
   const safeWidth = Math.max(20, width);
   const budget = safeWidth * FOCUSED_REASON_MAX_LINES;
@@ -21500,7 +21502,7 @@ function ScopeGateStep({
           graph
         }
       ),
-      columnPlan.layout === "three-column" && /* @__PURE__ */ jsxs41(Fragment11, { children: [
+      columnPlan.layout === "three-column" && /* @__PURE__ */ jsxs41(Fragment12, { children: [
         /* @__PURE__ */ jsx42(Box39, { width: 2, flexShrink: 0 }),
         /* @__PURE__ */ jsx42(
           AddedComponentsColumn,
@@ -21675,7 +21677,7 @@ function AddedComponentsColumn(props) {
       borderColor: focused ? PALETTE.inverse : void 0,
       children: [
         /* @__PURE__ */ jsx42(ColumnHeader, { title: "Added components", width, focused }),
-        entries.length === 0 ? /* @__PURE__ */ jsx42(Text41, { dimColor: true, children: "(none)" }) : /* @__PURE__ */ jsxs41(Fragment11, { children: [
+        entries.length === 0 ? /* @__PURE__ */ jsx42(Text41, { dimColor: true, children: "(none)" }) : /* @__PURE__ */ jsxs41(Fragment12, { children: [
           window.above > 0 && /* @__PURE__ */ jsx42(Text41, { dimColor: true, children: `\u2191 ${window.above} more` }),
           entries.slice(window.start, window.end).map((entry, vi) => {
             const i = window.start + vi;
@@ -21738,7 +21740,7 @@ function AddedGroupsColumn(props) {
       borderColor: focused ? PALETTE.inverse : void 0,
       children: [
         /* @__PURE__ */ jsx42(ColumnHeader, { title: "Added groups", width, focused }),
-        entries.length === 0 ? /* @__PURE__ */ jsx42(Text41, { dimColor: true, children: "(none)" }) : /* @__PURE__ */ jsxs41(Fragment11, { children: [
+        entries.length === 0 ? /* @__PURE__ */ jsx42(Text41, { dimColor: true, children: "(none)" }) : /* @__PURE__ */ jsxs41(Fragment12, { children: [
           window.above > 0 && /* @__PURE__ */ jsx42(Text41, { dimColor: true, children: `\u2191 ${window.above} more` }),
           entries.slice(window.start, window.end).map((g, vi) => {
             const i = window.start + vi;
@@ -22444,7 +22446,7 @@ import {
   CDF_PROPERTY_CATEGORIES,
   DESIGN_TOKEN_TYPES as DESIGN_TOKEN_TYPES2
 } from "@contentful/experience-design-system-types";
-import { Fragment as Fragment12, jsx as jsx45, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx45, jsxs as jsxs44 } from "react/jsx-runtime";
 function parseToState(json) {
   let parsed;
   try {
@@ -22646,7 +22648,7 @@ function PropRow({
       activeField === "category" && /* @__PURE__ */ jsx45(Picker, { value: prop.category, active: true }),
       /* @__PURE__ */ jsx45(Text44, { dimColor: !selected, children: "req:" }),
       activeField === "required" ? /* @__PURE__ */ jsx45(Toggle, { value: prop.required, active: true }) : /* @__PURE__ */ jsx45(Toggle, { value: prop.required, active: false }),
-      prop.type === "enum" && /* @__PURE__ */ jsxs44(Fragment12, { children: [
+      prop.type === "enum" && /* @__PURE__ */ jsxs44(Fragment13, { children: [
         /* @__PURE__ */ jsx45(Text44, { dimColor: !selected, children: "values:" }),
         /* @__PURE__ */ jsxs44(Text44, { color: selected ? PALETTE.warning : PALETTE.inverse, children: [
           "[",
@@ -22654,7 +22656,7 @@ function PropRow({
           "]"
         ] })
       ] }),
-      prop.type === "token" && /* @__PURE__ */ jsxs44(Fragment12, { children: [
+      prop.type === "token" && /* @__PURE__ */ jsxs44(Fragment13, { children: [
         /* @__PURE__ */ jsx45(Text44, { dimColor: !selected, children: "kind:" }),
         activeField === "tokenKind" ? /* @__PURE__ */ jsx45(Picker, { value: prop.tokenKind || DESIGN_TOKEN_TYPES2[0], active: true }) : /* @__PURE__ */ jsx45(Text44, { color: selected ? PALETTE.success : PALETTE.inverse, children: prop.tokenKind || "\u2014" })
       ] })
@@ -23859,7 +23861,7 @@ var init_cycle_panel_scroll = __esm({
 
 // packages/experience-design-system-cli/src/analyze/select/tui/components/RationalePanel.tsx
 import { Box as Box43, Text as Text45 } from "ink";
-import { Fragment as Fragment13, jsx as jsx46, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx46, jsxs as jsxs45 } from "react/jsx-runtime";
 function wrapText(text, innerWidth) {
   if (!text) return [""];
   const width = Math.max(1, innerWidth);
@@ -23939,7 +23941,7 @@ function RationalePanel({
       children: [
         /* @__PURE__ */ jsxs45(Box43, { children: [
           /* @__PURE__ */ jsx46(Text45, { bold: true, dimColor: !active, children: `RATIONALE \u2014 ${componentName}` }),
-          overflowed && /* @__PURE__ */ jsxs45(Fragment13, { children: [
+          overflowed && /* @__PURE__ */ jsxs45(Fragment14, { children: [
             /* @__PURE__ */ jsx46(Box43, { flexGrow: 1 }),
             /* @__PURE__ */ jsx46(Text45, { dimColor: !active, children: `\u2195 ${visibleStart}-${visibleEnd}/${totalLines}` })
           ] })
@@ -24663,7 +24665,7 @@ var init_history = __esm({
 // packages/experience-design-system-cli/src/import/tui/steps/GenerateReviewStep.tsx
 import { useEffect as useEffect13, useMemo as useMemo7, useRef as useRef7, useState as useState26 } from "react";
 import { Box as Box46, Text as Text48, useStdout as useStdout6 } from "ink";
-import { Fragment as Fragment14, jsx as jsx49, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx49, jsxs as jsxs48 } from "react/jsx-runtime";
 function sortComponentsForSidebar2(components, cycleParticipants) {
   const isEmpty2 = (entry) => Object.keys(entry.$properties ?? {}).length === 0 && Object.keys(entry.$slots ?? {}).length === 0;
   const tier = (c2) => {
@@ -26057,7 +26059,7 @@ function GenerateReviewStep({
         const isCursor = idx === breakCursor;
         return /* @__PURE__ */ jsx49(Text48, { inverse: isCursor, children: `${isCursor ? "\u25B6" : " "} remove '${edge.toComponent}' from ${edge.fromComponent}.$slots.${edge.slotName}.$allowedComponents` }, `break-${idx}`);
       }),
-      breakConfirm ? /* @__PURE__ */ jsxs48(Fragment14, { children: [
+      breakConfirm ? /* @__PURE__ */ jsxs48(Fragment15, { children: [
         /* @__PURE__ */ jsx49(Text48, { children: " " }),
         /* @__PURE__ */ jsx49(Text48, { bold: true, color: PALETTE.warning, children: "Delete this slot edge? [y] confirm  [n] cancel" })
       ] }) : /* @__PURE__ */ jsx49(Text48, { dimColor: true, children: "[\u2191\u2193/j/k] move  [Enter] delete  [x/Esc] close" })
@@ -26139,7 +26141,7 @@ function GenerateReviewStep({
     ] }),
     removedComponents.length > 0 && !dialogOpen && /* @__PURE__ */ jsxs48(Box46, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.error, paddingX: 1, children: [
       /* @__PURE__ */ jsx49(Text48, { bold: true, color: PALETTE.error, children: removedComponentsHeader(removedComponents.length, true) }),
-      !removedBannerCollapsed && /* @__PURE__ */ jsxs48(Fragment14, { children: [
+      !removedBannerCollapsed && /* @__PURE__ */ jsxs48(Fragment15, { children: [
         /* @__PURE__ */ jsx49(Text48, { children: " " }),
         removedComponents.map((rc) => /* @__PURE__ */ jsx49(Text48, { children: removedComponentLine(rc) }, rc.id))
       ] })
@@ -26316,7 +26318,7 @@ function GenerateReviewStep({
           graph: sidebarGraph
         }
       ),
-      /* @__PURE__ */ jsx49(Box46, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: selected ? /* @__PURE__ */ jsxs48(Fragment14, { children: [
+      /* @__PURE__ */ jsx49(Box46, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: selected ? /* @__PURE__ */ jsxs48(Fragment15, { children: [
         /* @__PURE__ */ jsxs48(Box46, { children: [
           /* @__PURE__ */ jsx49(Text48, { bold: true, children: selected.key }),
           /* @__PURE__ */ jsx49(Box46, { flexGrow: 1 }),
@@ -26485,11 +26487,11 @@ function GenerateReviewStep({
       autocompleteCandidates.length > 1 && /* @__PURE__ */ jsx49(Text48, { dimColor: true, children: `  possibilities: ${autocompleteCandidates.join(" \xB7 ").slice(0, 120)}` })
     ] }),
     !dialogOpen && !searchOpen && searchQuery && /* @__PURE__ */ jsx49(Box46, { children: /* @__PURE__ */ jsx49(Text48, { dimColor: true, children: `/${searchQuery}  (${searchMatchCount}/${components.length} matches) \xB7 [Esc] clear` }) }),
-    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx49(Box46, { columnGap: 2, flexWrap: "wrap", children: panelOpen === "token-review" ? /* @__PURE__ */ jsxs48(Fragment14, { children: [
+    !dialogOpen && sidebarFocused && /* @__PURE__ */ jsx49(Box46, { columnGap: 2, flexWrap: "wrap", children: panelOpen === "token-review" ? /* @__PURE__ */ jsxs48(Fragment15, { children: [
       legendEntry("[\u2191/\u2193]", "move"),
       legendEntry("[Enter]", "edit allowed"),
       legendEntry("[Esc]", "close")
-    ] }) : /* @__PURE__ */ jsxs48(Fragment14, { children: [
+    ] }) : /* @__PURE__ */ jsxs48(Fragment15, { children: [
       legendEntry("[j/k]", "move"),
       legendEntry("[a]", "accept"),
       legendEntry("[r]", "reject"),
@@ -26657,7 +26659,7 @@ var init_GenerateReviewStep = __esm({
 // packages/experience-design-system-cli/src/import/tui/steps/AtomicGenerateReviewStep.tsx
 import { useEffect as useEffect14, useRef as useRef8, useState as useState27 } from "react";
 import { Box as Box47, Text as Text49, useStdout as useStdout7 } from "ink";
-import { Fragment as Fragment15, jsx as jsx50, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx50, jsxs as jsxs49 } from "react/jsx-runtime";
 function sortComponentsForSidebar3(components) {
   return [...components].sort((a, b) => {
     const aEmpty = Object.keys(a.entry.$properties ?? {}).length === 0;
@@ -27382,7 +27384,7 @@ function AtomicGenerateReviewStep({
           width: sidebarWidth
         }
       ),
-      /* @__PURE__ */ jsx50(Box47, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: selected ? /* @__PURE__ */ jsxs49(Fragment15, { children: [
+      /* @__PURE__ */ jsx50(Box47, { flexGrow: 1, paddingLeft: 1, flexDirection: "column", children: selected ? /* @__PURE__ */ jsxs49(Fragment16, { children: [
         /* @__PURE__ */ jsxs49(Box47, { children: [
           /* @__PURE__ */ jsx50(Text49, { bold: true, children: selected.key }),
           /* @__PURE__ */ jsx50(Box47, { flexGrow: 1 }),

package/package.json

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

package/skills/generate-components.md

@@ -556,19 +556,19 @@ invent a `values` list. The uncertain answer is `cdf_type: "string"`, every time
 
 The preamble may include an "Existing components in the target Contentful space" JSON block with a `likelyMatch` (a fuzzy-matched space component that likely corresponds to the codebase component you're classifying), an `otherComponents` list, and a rolled-up token summary. Use it to align your classifications with what the customer already has.
 
-### When `likelyMatch` is present — align prop names, categories, and slot names
+### When `likelyMatch` is present — align rename intent + categories + slot names
 
-Your goal is **consistency**: the customer will see the diff between what you propose and what already exists, and every unnecessary rename or category flip becomes review friction.
+Your goal is **consistency**: the customer will see the diff between what you propose and what already exists, and every unnecessary category flip or slot-shape mismatch becomes review friction.
 
-1. **Prop names**: if the codebase has a prop whose meaning matches a `likelyMatch` design/content property (e.g. codebase `kind` ↔ space `variant`, codebase `text` ↔ space `label`), emit `classify_prop` with the **space's prop name** rather than the codebase name. In the `reason` field, always explain the rename explicitly, e.g. `"renamed from codebase prop 'kind' to match existing space prop 'variant'"`. If you can't confidently identify the correspondence, keep the codebase name.
+1. **Prop names**: `classify_prop.prop` MUST always be the codebase prop name — that's the DB lookup key. When a codebase prop looks like it corresponds to an existing space prop (e.g. codebase `kind` ↔ space `variant`, codebase `text` ↔ space `label`), keep `prop` as the codebase name and put the alignment note in `reason`, e.g. `"looks like existing space prop 'variant' — customer may want to reconcile at review"`. Never rewrite `prop` itself; reconciliation happens downstream, not in this tool call.
 2. **Categories**: match the space's category (`design` / `content`) for equivalent props, even if you'd normally categorize differently. Note the alignment in `reason`.
 3. **Slot names**: match slot IDs / names when the shape is equivalent.
 4. **Enum values**: never invent new values to bridge a mismatch. If the codebase's enum diverges from the space's, classify against your best-effort mapping and cite the divergence in `reason` — this is a signal for human review, not a green light to rewrite the space's enum.
-5. **Never rename or realign silently.** Every classification influenced by the `likelyMatch` MUST cite it in `reason`.
+5. **Never realign silently.** Every classification influenced by the `likelyMatch` MUST cite it in `reason`.
 
 ### When only `otherComponents` is present (no direct match)
 
-Use the list to constrain slot `allowedComponents` — do not propose a slot that accepts component types the space doesn't have.
+Use the list to constrain slot `allowed_components` — do not propose a slot that accepts component types the space doesn't have.
 
 ### Token binding