@claude-collective/cli 0.13.4 → 0.25.1

package/dist/chunk-WXS4S3MA.js

@@ -0,0 +1,220 @@
+#!/usr/bin/env node
+import {
+  getDomainDisplayName
+} from "./chunk-V2ZIH7HV.js";
+import {
+  ViewTitle
+} from "./chunk-U7HFKR74.js";
+import {
+  CategoryGrid
+} from "./chunk-ETCVEV3S.js";
+import {
+  getAvailableSkills,
+  resolveAlias
+} from "./chunk-YDBSSAJ6.js";
+import {
+  init_esm_shims
+} from "./chunk-AWKZ5BDL.js";
+
+// src/cli/components/wizard/step-build.tsx
+init_esm_shims();
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { sortBy } from "remeda";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FRAMEWORK_SUBCATEGORY_ID = "framework";
+var WEB_DOMAIN_ID = "web";
+function validateBuildStep(categories, selections) {
+  for (const category of categories) {
+    if (category.required) {
+      const categorySelections = selections[category.id] || [];
+      if (categorySelections.length === 0) {
+        return {
+          valid: false,
+          message: `Please select a ${category.displayName}`
+        };
+      }
+    }
+  }
+  return { valid: true };
+}
+function computeOptionState(skill) {
+  if (skill.disabled) {
+    return "disabled";
+  }
+  if (skill.discouraged) {
+    return "discouraged";
+  }
+  if (skill.recommended) {
+    return "recommended";
+  }
+  return "normal";
+}
+function getDisplayLabel(skill) {
+  return skill.displayName || skill.id;
+}
+function getStateReason(skill) {
+  if (skill.disabled && skill.disabledReason) {
+    return skill.disabledReason;
+  }
+  if (skill.discouraged && skill.discouragedReason) {
+    return skill.discouragedReason;
+  }
+  if (skill.recommended && skill.recommendedReason) {
+    return skill.recommendedReason;
+  }
+  return void 0;
+}
+function isFrameworkSelected(selections) {
+  const frameworkSelections = selections[FRAMEWORK_SUBCATEGORY_ID] ?? [];
+  return frameworkSelections.length > 0;
+}
+function getSelectedFrameworks(selections, matrix) {
+  const frameworkSelections = selections[FRAMEWORK_SUBCATEGORY_ID] ?? [];
+  return frameworkSelections.map((alias) => resolveAlias(alias, matrix));
+}
+function isCompatibleWithSelectedFrameworks(skillId, selectedFrameworkIds, matrix) {
+  const skill = matrix.skills[skillId];
+  if (!skill) return false;
+  if (skill.compatibleWith.length === 0) {
+    return true;
+  }
+  return selectedFrameworkIds.some((frameworkId) => skill.compatibleWith.includes(frameworkId));
+}
+function buildCategoriesForDomain(domain, allSelections, matrix, expertMode, selections, parentDomainSelections, installedSkillIds) {
+  const frameworkSource = parentDomainSelections ?? selections;
+  const frameworkSelected = isFrameworkSelected(frameworkSource);
+  const selectedFrameworkIds = frameworkSelected ? getSelectedFrameworks(frameworkSource, matrix) : [];
+  const subcategories = sortBy(
+    Object.values(matrix.categories).filter((cat) => cat.domain === domain),
+    (cat) => cat.order ?? 0
+  );
+  const categoryRows = subcategories.map((cat) => {
+    const skillOptions = getAvailableSkills(cat.id, allSelections, matrix, {
+      expertMode
+    });
+    const useFrameworkFilter = (domain === WEB_DOMAIN_ID || parentDomainSelections !== void 0) && cat.id !== FRAMEWORK_SUBCATEGORY_ID && frameworkSelected;
+    const filteredSkillOptions = useFrameworkFilter ? skillOptions.filter(
+      (skill) => isCompatibleWithSelectedFrameworks(skill.id, selectedFrameworkIds, matrix)
+    ) : skillOptions;
+    const options = filteredSkillOptions.map((skill) => ({
+      id: skill.id,
+      label: getDisplayLabel(skill),
+      state: computeOptionState(skill),
+      stateReason: getStateReason(skill),
+      selected: skill.selected,
+      local: matrix.skills[skill.id]?.local,
+      installed: installedSkillIds?.includes(skill.id) || false
+    }));
+    return {
+      id: cat.id,
+      displayName: cat.displayName,
+      required: cat.required ?? false,
+      exclusive: cat.exclusive ?? true,
+      options
+    };
+  });
+  return categoryRows.filter((row) => row.options.length > 0);
+}
+var Footer = ({ validationError }) => {
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: validationError && /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: validationError }) }) });
+};
+var LegendRow = () => {
+  return /* @__PURE__ */ jsxs(Box, { paddingLeft: 1, columnGap: 2, children: [
+    /* @__PURE__ */ jsx(Text, { color: "cyan", children: "active" }),
+    /* @__PURE__ */ jsx(Text, { color: "#fff", children: "recommended" }),
+    /* @__PURE__ */ jsx(Text, { color: "yellow", children: "discouraged" }),
+    /* @__PURE__ */ jsx(Text, { color: "gray", children: "disabled" })
+  ] });
+};
+var StepBuild = ({
+  matrix,
+  domain: activeDomain,
+  selectedDomains,
+  selections,
+  allSelections,
+  focusedRow,
+  focusedCol,
+  showDescriptions,
+  expertMode,
+  parentDomainSelections,
+  installedSkillIds,
+  onToggle,
+  onFocusChange,
+  onToggleDescriptions,
+  onContinue,
+  onBack
+}) => {
+  const [validationError, setValidationError] = useState(void 0);
+  const categories = buildCategoriesForDomain(
+    activeDomain,
+    allSelections,
+    matrix,
+    expertMode,
+    selections,
+    parentDomainSelections,
+    installedSkillIds
+  );
+  useInput((_input, key) => {
+    if (key.return) {
+      const validation = validateBuildStep(categories, selections);
+      if (validation.valid) {
+        setValidationError(void 0);
+        onContinue();
+      } else {
+        setValidationError(validation.message);
+      }
+    } else if (key.escape) {
+      setValidationError(void 0);
+      onBack();
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: "100%", children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        columnGap: 2,
+        flexDirection: "row",
+        justifyContent: "space-between",
+        marginBottom: 1,
+        paddingRight: 1,
+        marginTop: -1,
+        borderTop: false,
+        borderRight: false,
+        borderLeft: false,
+        borderColor: "gray",
+        borderStyle: "single",
+        children: [
+          /* @__PURE__ */ jsx(Box, { columnGap: 2, flexDirection: "row", children: selectedDomains.map((domain) => /* @__PURE__ */ jsx(Text, { color: domain === activeDomain ? "cyan" : void 0, children: getDomainDisplayName(domain) }, domain)) }),
+          /* @__PURE__ */ jsx(LegendRow, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(ViewTitle, { children: [
+      "Customise your ",
+      getDomainDisplayName(activeDomain),
+      " stack"
+    ] }),
+    /* @__PURE__ */ jsx(
+      CategoryGrid,
+      {
+        categories,
+        focusedRow,
+        focusedCol,
+        expertMode,
+        showDescriptions,
+        onToggle,
+        onFocusChange,
+        onToggleDescriptions
+      }
+    ),
+    /* @__PURE__ */ jsx(Footer, { validationError })
+  ] });
+};
+
+export {
+  validateBuildStep,
+  getDisplayLabel,
+  StepBuild
+};
+//# sourceMappingURL=chunk-WXS4S3MA.js.map

package/dist/chunk-WXS4S3MA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/step-build.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Box, Text, useInput } from \"ink\";\nimport { sortBy } from \"remeda\";\nimport type {\n  Domain,\n  MergedSkillsMatrix,\n  SkillId,\n  Subcategory,\n  SubcategorySelections,\n} from \"../../types/index.js\";\nimport { getAvailableSkills, resolveAlias } from \"../../lib/matrix/index.js\";\nimport {\n  CategoryGrid,\n  type CategoryRow,\n  type CategoryOption,\n  type OptionState,\n} from \"./category-grid.js\";\nimport { ViewTitle } from \"./view-title.js\";\nimport { getDomainDisplayName } from \"./utils.js\";\n\nexport type StepBuildProps = {\n  matrix: MergedSkillsMatrix;\n  domain: Domain;\n  selectedDomains: Domain[];\n  selections: SubcategorySelections;\n  allSelections: SkillId[];\n  focusedRow: number;\n  focusedCol: number;\n  showDescriptions: boolean;\n  expertMode: boolean;\n  /** For framework-first filtering on sub-domains (e.g., web-extras inherits from web) */\n  parentDomainSelections?: SubcategorySelections;\n  /** Skill IDs already installed on disk, shown with a dimmed checkmark */\n  installedSkillIds?: SkillId[];\n  onToggle: (subcategoryId: Subcategory, technologyId: SkillId) => void;\n  onFocusChange: (row: number, col: number) => void;\n  onToggleDescriptions: () => void;\n  onContinue: () => void;\n  onBack: () => void;\n};\n\nconst FRAMEWORK_SUBCATEGORY_ID = \"framework\";\nconst WEB_DOMAIN_ID = \"web\";\n\nexport type BuildStepValidation = {\n  valid: boolean;\n  message?: string;\n};\n\nexport function validateBuildStep(\n  categories: CategoryRow[],\n  selections: SubcategorySelections,\n): BuildStepValidation {\n  for (const category of categories) {\n    if (category.required) {\n      const categorySelections = selections[category.id] || [];\n      if (categorySelections.length === 0) {\n        return {\n          valid: false,\n          message: `Please select a ${category.displayName}`,\n        };\n      }\n    }\n  }\n  return { valid: true };\n}\n\nfunction computeOptionState(skill: {\n  disabled: boolean;\n  discouraged: boolean;\n  recommended: boolean;\n}): OptionState {\n  if (skill.disabled) {\n    return \"disabled\";\n  }\n  if (skill.discouraged) {\n    return \"discouraged\";\n  }\n  if (skill.recommended) {\n    return \"recommended\";\n  }\n  return \"normal\";\n}\n\nexport function getDisplayLabel(skill: { displayName?: string; id: string }): string {\n  return skill.displayName || skill.id;\n}\n\nfunction getStateReason(skill: {\n  disabled: boolean;\n  disabledReason?: string;\n  discouraged: boolean;\n  discouragedReason?: string;\n  recommended: boolean;\n  recommendedReason?: string;\n}): string | undefined {\n  if (skill.disabled && skill.disabledReason) {\n    return skill.disabledReason;\n  }\n  if (skill.discouraged && skill.discouragedReason) {\n    return skill.discouragedReason;\n  }\n  if (skill.recommended && skill.recommendedReason) {\n    return skill.recommendedReason;\n  }\n  return undefined;\n}\n\nfunction isFrameworkSelected(selections: SubcategorySelections): boolean {\n  const frameworkSelections = selections[FRAMEWORK_SUBCATEGORY_ID] ?? [];\n  return frameworkSelections.length > 0;\n}\n\nfunction getSelectedFrameworks(\n  selections: SubcategorySelections,\n  matrix: MergedSkillsMatrix,\n): SkillId[] {\n  const frameworkSelections = selections[FRAMEWORK_SUBCATEGORY_ID] ?? [];\n  // Resolve aliases to full skill IDs\n  return frameworkSelections.map((alias) => resolveAlias(alias, matrix));\n}\n\nfunction isCompatibleWithSelectedFrameworks(\n  skillId: SkillId,\n  selectedFrameworkIds: SkillId[],\n  matrix: MergedSkillsMatrix,\n): boolean {\n  const skill = matrix.skills[skillId];\n  if (!skill) return false;\n\n  // No compatibleWith = compatible with all (allows legacy skills to appear)\n  if (skill.compatibleWith.length === 0) {\n    return true;\n  }\n\n  return selectedFrameworkIds.some((frameworkId) => skill.compatibleWith.includes(frameworkId));\n}\n\n// Build CategoryRow[] from matrix for a domain, with framework-first filtering for web\nfunction buildCategoriesForDomain(\n  domain: Domain,\n  allSelections: SkillId[],\n  matrix: MergedSkillsMatrix,\n  expertMode: boolean,\n  selections: SubcategorySelections,\n  parentDomainSelections?: SubcategorySelections,\n  installedSkillIds?: SkillId[],\n): CategoryRow[] {\n  // For sub-domains (e.g., web-extras), use parent domain selections for framework checks\n  const frameworkSource = parentDomainSelections ?? selections;\n  const frameworkSelected = isFrameworkSelected(frameworkSource);\n  const selectedFrameworkIds = frameworkSelected\n    ? getSelectedFrameworks(frameworkSource, matrix)\n    : [];\n\n  const subcategories = sortBy(\n    Object.values(matrix.categories).filter((cat) => cat.domain === domain),\n    (cat) => cat.order ?? 0,\n  );\n\n  // All sections always visible; locking is handled by CategoryGrid\n  const categoryRows: CategoryRow[] = subcategories.map((cat) => {\n    const skillOptions = getAvailableSkills(cat.id, allSelections, matrix, {\n      expertMode,\n    });\n\n    // Filter by framework compatibility (skip framework category itself)\n    const useFrameworkFilter =\n      (domain === WEB_DOMAIN_ID || parentDomainSelections !== undefined) &&\n      cat.id !== FRAMEWORK_SUBCATEGORY_ID &&\n      frameworkSelected;\n    const filteredSkillOptions = useFrameworkFilter\n      ? skillOptions.filter((skill) =>\n          isCompatibleWithSelectedFrameworks(skill.id, selectedFrameworkIds, matrix),\n        )\n      : skillOptions;\n\n    const options: CategoryOption[] = filteredSkillOptions.map((skill) => ({\n      id: skill.id,\n      label: getDisplayLabel(skill),\n      state: computeOptionState(skill),\n      stateReason: getStateReason(skill),\n      selected: skill.selected,\n      local: matrix.skills[skill.id]?.local,\n      installed: installedSkillIds?.includes(skill.id) || false,\n    }));\n\n    return {\n      id: cat.id,\n      displayName: cat.displayName,\n      required: cat.required ?? false,\n      exclusive: cat.exclusive ?? true,\n      options,\n    };\n  });\n\n  return categoryRows.filter((row) => row.options.length > 0);\n}\n\ntype FooterProps = {\n  validationError?: string;\n};\n\nconst Footer: React.FC<FooterProps> = ({ validationError }) => {\n  return (\n    <Box flexDirection=\"column\" marginTop={1}>\n      {validationError && (\n        <Box marginBottom={1}>\n          <Text color=\"yellow\">{validationError}</Text>\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nconst LegendRow: React.FC = () => {\n  return (\n    <Box paddingLeft={1} columnGap={2}>\n      <Text color=\"cyan\">active</Text>\n      <Text color=\"#fff\">recommended</Text>\n      <Text color=\"yellow\">discouraged</Text>\n      <Text color=\"gray\">disabled</Text>\n    </Box>\n  );\n};\n\nexport const StepBuild: React.FC<StepBuildProps> = ({\n  matrix,\n  domain: activeDomain,\n  selectedDomains,\n  selections,\n  allSelections,\n  focusedRow,\n  focusedCol,\n  showDescriptions,\n  expertMode,\n  parentDomainSelections,\n  installedSkillIds,\n  onToggle,\n  onFocusChange,\n  onToggleDescriptions,\n  onContinue,\n  onBack,\n}) => {\n  const [validationError, setValidationError] = useState<string | undefined>(undefined);\n\n  const categories = buildCategoriesForDomain(\n    activeDomain,\n    allSelections,\n    matrix,\n    expertMode,\n    selections,\n    parentDomainSelections,\n    installedSkillIds,\n  );\n\n  useInput((_input, key) => {\n    if (key.return) {\n      const validation = validateBuildStep(categories, selections);\n      if (validation.valid) {\n        setValidationError(undefined);\n        onContinue();\n      } else {\n        setValidationError(validation.message);\n      }\n    } else if (key.escape) {\n      setValidationError(undefined);\n      onBack();\n    }\n  });\n\n  return (\n    <Box flexDirection=\"column\" width=\"100%\">\n      <Box\n        columnGap={2}\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n        marginBottom={1}\n        paddingRight={1}\n        marginTop={-1}\n        borderTop={false}\n        borderRight={false}\n        borderLeft={false}\n        borderColor=\"gray\"\n        borderStyle=\"single\"\n      >\n        <Box columnGap={2} flexDirection=\"row\">\n          {selectedDomains.map((domain) => (\n            <Text key={domain} color={domain === activeDomain ? \"cyan\" : undefined}>\n              {getDomainDisplayName(domain)}\n            </Text>\n          ))}\n        </Box>\n        <LegendRow />\n      </Box>\n      <ViewTitle>Customise your {getDomainDisplayName(activeDomain)} stack</ViewTitle>\n\n      <CategoryGrid\n        categories={categories}\n        focusedRow={focusedRow}\n        focusedCol={focusedCol}\n        expertMode={expertMode}\n        showDescriptions={showDescriptions}\n        onToggle={onToggle}\n        onFocusChange={onFocusChange}\n        onToggleDescriptions={onToggleDescriptions}\n      />\n\n      <Footer validationError={validationError} />\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-CDX4W4DM.js → chunk-XENOESJZ.js}

@@ -1,60 +1,80 @@
 #!/usr/bin/env node
+import {
+  ViewTitle
+} from "./chunk-U7HFKR74.js";
+import {
+  MenuItem
+} from "./chunk-H7SSBSPR.js";
 import {
   useWizardStore
-} from "./chunk-D237EVNB.js";
+} from "./chunk-TMED5DQ2.js";
 import {
   init_esm_shims
-} from "./chunk-DHET7RCE.js";
+} from "./chunk-AWKZ5BDL.js";
 
 // src/cli/components/wizard/step-stack.tsx
 init_esm_shims();
-import { Box, Text } from "ink";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
 import { Select } from "@inkjs/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 var BACK_VALUE = "_back";
 var CONTINUE_VALUE = "_continue";
+var INITIAL_FOCUSED_INDEX = 0;
 var AVAILABLE_DOMAINS = [
   { id: "web", label: "Web", description: "Frontend web applications" },
+  {
+    id: "web-extras",
+    label: "Web Extras",
+    description: "Animation, files, realtime, PWA, accessibility"
+  },
   { id: "api", label: "API", description: "Backend APIs and services" },
   { id: "cli", label: "CLI", description: "Command-line tools" },
   { id: "mobile", label: "Mobile", description: "Mobile applications" }
 ];
 var StackSelection = ({ matrix }) => {
-  const { selectStack, setStep, goBack } = useWizardStore();
-  const options = [
-    { value: BACK_VALUE, label: "\u2190 Back" },
-    ...matrix.suggestedStacks.map((stack) => ({
-      value: stack.id,
-      label: `${stack.name} - ${stack.description}`
-    }))
-  ];
-  const handleSelect = (value) => {
-    if (value === BACK_VALUE) {
+  const { selectStack, setStep, setStackAction, populateFromSkillIds, goBack } = useWizardStore();
+  const [focusedIndex, setFocusedIndex] = useState(INITIAL_FOCUSED_INDEX);
+  const stacks = matrix.suggestedStacks;
+  const stackCount = stacks.length;
+  useInput((input, key) => {
+    if (key.escape) {
       goBack();
       return;
     }
-    const stack = matrix.suggestedStacks.find((s) => s.id === value);
-    if (stack) {
-      selectStack(stack.id);
-      setStep("stack-options");
+    if (key.return && stackCount > 0) {
+      const focusedStack = stacks[focusedIndex];
+      if (focusedStack) {
+        selectStack(focusedStack.id);
+        setStackAction("customize");
+        const resolvedStack = matrix.suggestedStacks.find((s) => s.id === focusedStack.id);
+        if (resolvedStack) {
+          populateFromSkillIds(resolvedStack.allSkillIds, matrix.skills, matrix.categories);
+        }
+        setStep("build");
+      }
+      return;
     }
-  };
+    if (key.upArrow || input === "k") {
+      setFocusedIndex((prev) => Math.max(0, prev - 1));
+      return;
+    }
+    if (key.downArrow || input === "j") {
+      setFocusedIndex((prev) => Math.min(stackCount - 1, prev + 1));
+      return;
+    }
+  });
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(Text, { bold: true, children: "Select a pre-built template:" }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
-      Select,
+    /* @__PURE__ */ jsx(ViewTitle, { children: "Select a pre-built template" }),
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: stacks.map((stack, index) => /* @__PURE__ */ jsx(
+      MenuItem,
       {
-        options,
-        onChange: handleSelect,
-        visibleOptionCount: options.length
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "\u2191",
-      "/",
-      "\u2193",
-      " navigate ENTER select ESC back"
-    ] }) })
+        label: stack.name,
+        description: stack.description,
+        isFocused: index === focusedIndex
+      },
+      stack.id
+    )) })
   ] });
 };
 var DomainSelection = () => {
@@ -117,4 +137,4 @@ var StepStack = ({ matrix }) => {
 export {
   StepStack
 };
-//# sourceMappingURL=chunk-CDX4W4DM.js.map
+//# sourceMappingURL=chunk-XENOESJZ.js.map

package/dist/chunk-XENOESJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/step-stack.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Box, Text, useInput } from \"ink\";\nimport { Select } from \"@inkjs/ui\";\nimport { useWizardStore } from \"../../stores/wizard-store.js\";\nimport type { Domain, MergedSkillsMatrix } from \"../../types/index.js\";\nimport { MenuItem } from \"./menu-item.js\";\nimport { ViewTitle } from \"./view-title.js\";\n\nconst BACK_VALUE = \"_back\";\nconst CONTINUE_VALUE = \"_continue\";\nconst INITIAL_FOCUSED_INDEX = 0;\n\nconst AVAILABLE_DOMAINS: Array<{ id: Domain; label: string; description: string }> = [\n  { id: \"web\", label: \"Web\", description: \"Frontend web applications\" },\n  {\n    id: \"web-extras\",\n    label: \"Web Extras\",\n    description: \"Animation, files, realtime, PWA, accessibility\",\n  },\n  { id: \"api\", label: \"API\", description: \"Backend APIs and services\" },\n  { id: \"cli\", label: \"CLI\", description: \"Command-line tools\" },\n  { id: \"mobile\", label: \"Mobile\", description: \"Mobile applications\" },\n];\n\ntype StepStackProps = {\n  matrix: MergedSkillsMatrix;\n};\n\ntype StackSelectionProps = {\n  matrix: MergedSkillsMatrix;\n};\n\nconst StackSelection: React.FC<StackSelectionProps> = ({ matrix }) => {\n  const { selectStack, setStep, setStackAction, populateFromSkillIds, goBack } = useWizardStore();\n  const [focusedIndex, setFocusedIndex] = useState(INITIAL_FOCUSED_INDEX);\n\n  const stacks = matrix.suggestedStacks;\n  const stackCount = stacks.length;\n\n  useInput((input, key) => {\n    if (key.escape) {\n      goBack();\n      return;\n    }\n\n    if (key.return && stackCount > 0) {\n      const focusedStack = stacks[focusedIndex];\n      if (focusedStack) {\n        selectStack(focusedStack.id);\n        setStackAction(\"customize\");\n\n        const resolvedStack = matrix.suggestedStacks.find((s) => s.id === focusedStack.id);\n        if (resolvedStack) {\n          populateFromSkillIds(resolvedStack.allSkillIds, matrix.skills, matrix.categories);\n        }\n\n        setStep(\"build\");\n      }\n      return;\n    }\n\n    if (key.upArrow || input === \"k\") {\n      setFocusedIndex((prev) => Math.max(0, prev - 1));\n      return;\n    }\n    if (key.downArrow || input === \"j\") {\n      setFocusedIndex((prev) => Math.min(stackCount - 1, prev + 1));\n      return;\n    }\n  });\n\n  return (\n    <Box flexDirection=\"column\">\n      <ViewTitle>Select a pre-built template</ViewTitle>\n      <Box flexDirection=\"column\" marginTop={1}>\n        {stacks.map((stack, index) => (\n          <MenuItem\n            key={stack.id}\n            label={stack.name}\n            description={stack.description}\n            isFocused={index === focusedIndex}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n};\n\nconst DomainSelection: React.FC = () => {\n  const { selectedDomains, toggleDomain, setStep, goBack } = useWizardStore();\n\n  const domainOptions = AVAILABLE_DOMAINS.map((domain) => {\n    const isSelected = selectedDomains.includes(domain.id);\n    const checkbox = isSelected ? \"[\\u2713]\" : \"[ ]\";\n    return {\n      value: domain.id,\n      label: `${checkbox} ${domain.label} - ${domain.description}`,\n    };\n  });\n\n  const options = [\n    { value: BACK_VALUE, label: \"\\u2190 Back\" },\n    ...domainOptions,\n    ...(selectedDomains.length > 0\n      ? [\n          {\n            value: CONTINUE_VALUE,\n            label: `\\u2192 Continue with ${selectedDomains.length} domain(s)`,\n          },\n        ]\n      : []),\n  ];\n\n  const handleSelect = (value: string) => {\n    if (value === BACK_VALUE) {\n      goBack();\n      return;\n    }\n\n    if (value === CONTINUE_VALUE) {\n      if (selectedDomains.length > 0) {\n        setStep(\"build\");\n      }\n      return;\n    }\n\n    // Toggle domain selection (value comes from Select UI component - data boundary)\n    toggleDomain(value as Domain);\n  };\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text bold>Select domains to configure:</Text>\n      <Text dimColor>Select one or more domains, then continue</Text>\n      <Box marginTop={1}>\n        <Select options={options} onChange={handleSelect} />\n      </Box>\n      {selectedDomains.length > 0 ? (\n        <Box marginTop={1}>\n          <Text>\n            Selected: <Text color=\"cyan\">{selectedDomains.join(\", \")}</Text>\n          </Text>\n        </Box>\n      ) : (\n        <Box marginTop={1}>\n          <Text color=\"yellow\">Please select at least one domain</Text>\n        </Box>\n      )}\n      <Box marginTop={1}>\n        <Text dimColor>\n          {\"\\u2191\"}/{\"\\u2193\"} navigate ENTER toggle/select ESC back\n        </Text>\n      </Box>\n    </Box>\n  );\n};\n\nexport const StepStack: React.FC<StepStackProps> = ({ matrix }) => {\n  const { approach } = useWizardStore();\n\n  if (approach === \"stack\") {\n    return <StackSelection matrix={matrix} />;\n  }\n\n  // approach === \"scratch\"\n  return <DomainSelection />;\n};\n"],"mappings":"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","names":[]}