@agents-inc/cli 0.41.1 → 0.42.0

package/CHANGELOG.md

@@ -9,6 +9,30 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
+## [0.42.0] - 2026-02-19
+
+**SelectionCard component, eject --templates, edit local-mode fix, wizard UI refresh**
+
+- Extract reusable `SelectionCard` for stack selection, sources, and domain selection
+- Add `eject agent-partials --templates` flag for template-only ejection
+- Fix edit command falling back to project config skills in local mode
+- Refresh wizard UI: tabs, titles, category grid, help modal styling
+
+See [changelogs/0.42.0.md](./changelogs/0.42.0.md) for full details.
+
+---
+
+## [0.41.2] - 2026-02-19
+
+**Fix README accuracy, add framework positioning task**
+
+- Fix CLI skills category listing inaccurate skills that don't exist yet
+- Add D-33 task for README framework positioning rewrite
+
+See [changelogs/0.41.2.md](./changelogs/0.41.2.md) for full details.
+
+---
+
 ## [0.41.1] - 2026-02-19
 
 **Missing changelog entries, commit protocol checklist, test helper extraction**

package/README.md

@@ -68,7 +68,7 @@ skills live in the [agents-inc/skills](https://github.com/agents-inc/skills) rep
 | web      | react, vue, angular, solidjs, next.js, remix, nuxt, scss-modules, cva, zustand, pinia, ngrx-signalstore, jotai, react-query, swr, trpc, graphql, react-hook-form, zod, shadcn-ui, radix-ui, tanstack-table, vitest, playwright, cypress, msw, framer-motion, storybook, accessibility |
 | api      | hono, express, fastify, drizzle, prisma, better-auth, posthog, resend, axiom+pino+sentry, github-actions                                                                                                                                                                              |
 | mobile   | react-native, expo                                                                                                                                                                                                                                                                    |
-| cli      | commander, oclif, yargs, clack, inquirer, ink                                                                                                                                                                                                                                         |
+| cli      | commander, oclif+ink                                                                                                                                                                                                                                                                  |
 | infra    | turborepo, tooling, env config                                                                                                                                                                                                                                                        |
 | meta     | code reviewing, research methodology, investigation requirements, anti-over-engineering, context management                                                                                                                                                                           |
 

package/dist/{chunk-ZLHGJSRK.js → chunk-2TWELY5M.js}

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   cliTheme
-} from "./chunk-AVVYFEMF.js";
+} from "./chunk-AQANPOLS.js";
 import {
   useTextInput
 } from "./chunk-U3IGFMCY.js";
@@ -9,7 +9,7 @@ import {
   CLI_COLORS,
   UI_LAYOUT,
   UI_SYMBOLS
-} from "./chunk-BK7TANUV.js";
+} from "./chunk-PP7NDFFE.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -343,4 +343,4 @@ var SkillSearch = ({
 export {
   SkillSearch
 };
-//# sourceMappingURL=chunk-ZLHGJSRK.js.map
+//# sourceMappingURL=chunk-2TWELY5M.js.map

package/dist/{chunk-4UTPJXUX.js → chunk-33D24DAF.js}

@@ -1,32 +1,35 @@
 #!/usr/bin/env node
 import {
   SourceGrid
-} from "./chunk-BFISETQG.js";
+} from "./chunk-EFZN22TO.js";
 import {
-  ViewTitle
-} from "./chunk-KXM7KOPE.js";
+  SelectionCard
+} from "./chunk-ZHJEZ7AU.js";
 import {
   useMeasuredHeight
 } from "./chunk-K77I4XGL.js";
+import {
+  ViewTitle
+} from "./chunk-MMD26LKJ.js";
 import {
   useWizardStore
-} from "./chunk-423MJ6DT.js";
+} from "./chunk-XRA4LHTJ.js";
 import {
   resolveAllSources,
   searchExtraSources
-} from "./chunk-TTXV55NQ.js";
+} from "./chunk-SYHRJG5G.js";
 import {
   CLI_COLORS,
   DEFAULT_BRANDING
-} from "./chunk-BK7TANUV.js";
+} from "./chunk-PP7NDFFE.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
 
 // src/cli/components/wizard/step-sources.tsx
 init_esm_shims();
-import { useState, useCallback } from "react";
 import { Box, Text, useInput } from "ink";
+import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var StepSources = ({
   matrix,
@@ -132,57 +135,22 @@ var StepSources = ({
     ] }),
     /* @__PURE__ */ jsx(Text, { children: " " }),
     /* @__PURE__ */ jsx(
-      Box,
+      SelectionCard,
       {
-        borderStyle: "round",
-        borderColor: isRecommendedSelected ? CLI_COLORS.SUCCESS : CLI_COLORS.NEUTRAL,
-        paddingX: 2,
-        paddingY: 1,
-        marginBottom: 1,
-        children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsxs(
-            Text,
-            {
-              color: isRecommendedSelected ? CLI_COLORS.SUCCESS : void 0,
-              bold: isRecommendedSelected,
-              children: [
-                isRecommendedSelected ? ">" : "\u25CB",
-                " ",
-                hasLocalSkills ? "Use installed skill sources" : "Use all recommended skills (verified)"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(Text, { children: " " }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: hasLocalSkills ? "Keep your current local and public skill selections." : "This is the fastest option. All skills are verified and" }),
-          !hasLocalSkills && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-            "maintained by ",
-            DEFAULT_BRANDING.NAME
-          ] })
-        ] })
+        label: hasLocalSkills ? "Use installed skill sources" : "Use all recommended skills (verified)",
+        description: hasLocalSkills ? "Keep your current local and public skill selections." : [
+          `This is the fastest option. All skills are verified and maintained by ${DEFAULT_BRANDING.NAME}`
+        ],
+        isFocused: isRecommendedSelected,
+        marginBottom: 1
       }
     ),
     /* @__PURE__ */ jsx(
-      Box,
+      SelectionCard,
       {
-        borderStyle: "round",
-        borderColor: !isRecommendedSelected ? CLI_COLORS.SUCCESS : CLI_COLORS.NEUTRAL,
-        paddingX: 2,
-        paddingY: 1,
-        children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsxs(
-            Text,
-            {
-              color: !isRecommendedSelected ? CLI_COLORS.SUCCESS : void 0,
-              bold: !isRecommendedSelected,
-              children: [
-                !isRecommendedSelected ? ">" : "\u25CB",
-                " Customize skill sources"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(Text, { children: " " }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Choose alternative skills for each technology" })
-        ] })
+        label: "Customize skill sources",
+        description: "Choose alternative skills for each technology",
+        isFocused: !isRecommendedSelected
       }
     )
   ] });
@@ -191,4 +159,4 @@ var StepSources = ({
 export {
   StepSources
 };
-//# sourceMappingURL=chunk-4UTPJXUX.js.map
+//# sourceMappingURL=chunk-33D24DAF.js.map

package/dist/chunk-33D24DAF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/step-sources.tsx"],"sourcesContent":["import { Box, Text, useInput } from \"ink\";\nimport React, { useCallback, useState } from \"react\";\nimport { CLI_COLORS, DEFAULT_BRANDING } from \"../../consts.js\";\nimport { resolveAllSources } from \"../../lib/configuration/index.js\";\nimport { searchExtraSources } from \"../../lib/loading/multi-source-loader.js\";\nimport { useWizardStore } from \"../../stores/wizard-store.js\";\nimport type {\n  BoundSkillCandidate,\n  MergedSkillsMatrix,\n  SkillAlias,\n  SkillId,\n} from \"../../types/index.js\";\nimport { useMeasuredHeight } from \"../hooks/use-measured-height.js\";\nimport { SelectionCard } from \"./selection-card.js\";\nimport { SourceGrid } from \"./source-grid.js\";\nimport { ViewTitle } from \"./view-title.js\";\n\nexport type StepSourcesProps = {\n  matrix: MergedSkillsMatrix;\n  projectDir?: string;\n  onContinue: () => void;\n  onBack: () => void;\n};\n\ntype SourcesView = \"choice\" | \"customize\";\n\nexport const StepSources: React.FC<StepSourcesProps> = ({\n  matrix,\n  projectDir,\n  onContinue,\n  onBack,\n}) => {\n  const store = useWizardStore();\n  const [view, setView] = useState<SourcesView>(\"choice\");\n  const [choiceIndex, setChoiceIndex] = useState(0);\n  const [isGridSearching, setIsGridSearching] = useState(false);\n  const { ref: gridRef, measuredHeight: gridHeight } = useMeasuredHeight();\n\n  const handleGridSelect = useCallback(\n    (skillId: SkillId, sourceId: string) => {\n      store.setSourceSelection(skillId, sourceId);\n    },\n    [store],\n  );\n\n  const handleSearch = useCallback(\n    async (alias: SkillAlias): Promise<BoundSkillCandidate[]> => {\n      if (!projectDir) return [];\n      try {\n        const sources = await resolveAllSources(projectDir);\n        return await searchExtraSources(alias, sources.extras);\n      } catch {\n        return [];\n      }\n    },\n    [projectDir],\n  );\n\n  const handleBind = useCallback(\n    (candidate: BoundSkillCandidate) => {\n      store.bindSkill({\n        id: candidate.id,\n        sourceUrl: candidate.sourceUrl,\n        sourceName: candidate.sourceName,\n        boundTo: candidate.alias,\n        description: candidate.description,\n      });\n    },\n    [store],\n  );\n\n  const handleSearchStateChange = useCallback((active: boolean) => {\n    setIsGridSearching(active);\n  }, []);\n\n  useInput((_input, key) => {\n    if (view === \"choice\") {\n      if (key.return) {\n        if (choiceIndex === 0) {\n          onContinue();\n        } else {\n          store.setCustomizeSources(true);\n          setView(\"customize\");\n        }\n      }\n      if (key.escape) {\n        onBack();\n      }\n      if (key.upArrow || key.downArrow) {\n        setChoiceIndex((prev) => (prev === 0 ? 1 : 0));\n      }\n    } else if (view === \"customize\") {\n      if (isGridSearching) return;\n\n      if (key.return) {\n        onContinue();\n      }\n      if (key.escape) {\n        store.setCustomizeSources(false);\n        setView(\"choice\");\n      }\n    }\n  });\n\n  if (view === \"customize\") {\n    const rows = store.buildSourceRows(matrix);\n    return (\n      <Box flexDirection=\"column\" width=\"100%\" flexGrow={1} flexBasis={0}>\n        <ViewTitle>Customize skill sources</ViewTitle>\n        <Box ref={gridRef} flexGrow={1} flexBasis={0}>\n          <SourceGrid\n            rows={rows}\n            availableHeight={gridHeight}\n            onSelect={handleGridSelect}\n            onSearch={handleSearch}\n            onBind={handleBind}\n            onSearchStateChange={handleSearchStateChange}\n          />\n        </Box>\n      </Box>\n    );\n  }\n\n  const selectedTechnologies = store.getAllSelectedTechnologies();\n  const rows = store.buildSourceRows(matrix);\n  const isRecommendedSelected = choiceIndex === 0;\n  const hasLocalSkills = rows.some((row) =>\n    row.options.some((o) => o.installed && o.id === \"local\"),\n  );\n\n  return (\n    <Box flexDirection=\"column\" paddingX={2}>\n      <Text>\n        Your stack includes{\" \"}\n        <Text color={CLI_COLORS.PRIMARY} bold>\n          {selectedTechnologies.length}\n        </Text>{\" \"}\n        technologies.\n      </Text>\n      <Text> </Text>\n\n      <SelectionCard\n        label={\n          hasLocalSkills ? \"Use installed skill sources\" : \"Use all recommended skills (verified)\"\n        }\n        description={\n          hasLocalSkills\n            ? \"Keep your current local and public skill selections.\"\n            : [\n                `This is the fastest option. All skills are verified and maintained by ${DEFAULT_BRANDING.NAME}`,\n              ]\n        }\n        isFocused={isRecommendedSelected}\n        marginBottom={1}\n      />\n\n      <SelectionCard\n        label=\"Customize skill sources\"\n        description=\"Choose alternative skills for each technology\"\n        isFocused={!isRecommendedSelected}\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","names":["rows"]}

package/dist/{chunk-UKTYDNWJ.js → chunk-44QCEK7E.js}

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   CLI_COLORS
-} from "./chunk-BK7TANUV.js";
+} from "./chunk-PP7NDFFE.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -50,9 +50,9 @@ var STEP_SECTIONS = {
   agents: AGENTS_KEYS
 };
 var KEY_COLUMN_WIDTH = 14;
-var HelpSectionView = ({ section }) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-  /* @__PURE__ */ jsx(Text, { bold: true, underline: true, children: section.title }),
-  section.keys.map(({ key, description }) => /* @__PURE__ */ jsxs(Box, { children: [
+var HelpSectionView = ({ section }) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, children: [
+  /* @__PURE__ */ jsx(Text, { bold: true, children: section.title }),
+  section.keys.map(({ key, description }) => /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
     /* @__PURE__ */ jsx(Box, { width: KEY_COLUMN_WIDTH, children: /* @__PURE__ */ jsxs(Text, { backgroundColor: "black", color: CLI_COLORS.UNFOCUSED, children: [
       " ",
       key,
@@ -87,4 +87,4 @@ var HelpModal = ({ currentStep }) => {
 export {
   HelpModal
 };
-//# sourceMappingURL=chunk-UKTYDNWJ.js.map
+//# sourceMappingURL=chunk-44QCEK7E.js.map

package/dist/chunk-44QCEK7E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/help-modal.tsx"],"sourcesContent":["import { Box, Text } from \"ink\";\nimport React from \"react\";\nimport { CLI_COLORS } from \"../../consts.js\";\nimport type { WizardStep } from \"../../stores/wizard-store.js\";\n\ntype HelpSection = {\n  title: string;\n  keys: { key: string; description: string }[];\n};\n\nconst GLOBAL_KEYS: HelpSection = {\n  title: \"Navigation\",\n  keys: [\n    { key: \"Arrow keys\", description: \"Move focus\" },\n    { key: \"SPACE\", description: \"Toggle selection\" },\n    { key: \"ENTER\", description: \"Confirm / continue\" },\n    { key: \"ESC\", description: \"Go back\" },\n    { key: \"TAB\", description: \"Jump to next section\" },\n  ],\n};\n\nconst GLOBAL_TOGGLES: HelpSection = {\n  title: \"Global Toggles\",\n  keys: [\n    { key: \"E\", description: \"Toggle expert mode\" },\n    { key: \"P\", description: \"Toggle plugin/local install mode\" },\n    { key: \"?\", description: \"Toggle this help\" },\n  ],\n};\n\nconst BUILD_KEYS: HelpSection = {\n  title: \"Build Step\",\n  keys: [\n    { key: \"D\", description: \"Toggle compatibility labels\" },\n    { key: \"A\", description: \"Accept stack defaults (stack path only)\" },\n    { key: \"h/j/k/l\", description: \"Vim-style navigation\" },\n  ],\n};\n\nconst SOURCES_KEYS: HelpSection = {\n  title: \"Sources Step\",\n  keys: [{ key: \"G\", description: \"Toggle source settings\" }],\n};\n\nconst AGENTS_KEYS: HelpSection = {\n  title: \"Agents Step\",\n  keys: [],\n};\n\nconst STEP_SECTIONS: Partial<Record<WizardStep, HelpSection>> = {\n  build: BUILD_KEYS,\n  sources: SOURCES_KEYS,\n  agents: AGENTS_KEYS,\n};\n\nconst KEY_COLUMN_WIDTH = 14;\n\ntype HelpSectionViewProps = {\n  section: HelpSection;\n};\n\nconst HelpSectionView: React.FC<HelpSectionViewProps> = ({ section }) => (\n  <Box flexDirection=\"column\" marginTop={1} marginBottom={1}>\n    <Text bold>{section.title}</Text>\n    {section.keys.map(({ key, description }) => (\n      <Box key={key} marginTop={1}>\n        <Box width={KEY_COLUMN_WIDTH}>\n          <Text backgroundColor=\"black\" color={CLI_COLORS.UNFOCUSED}>\n            {\" \"}\n            {key}{\" \"}\n          </Text>\n        </Box>\n        <Text>{description}</Text>\n      </Box>\n    ))}\n  </Box>\n);\n\nexport type HelpModalProps = {\n  currentStep: WizardStep;\n};\n\nexport const HelpModal: React.FC<HelpModalProps> = ({ currentStep }) => {\n  const stepSection = STEP_SECTIONS[currentStep];\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"single\"\n      borderColor={CLI_COLORS.PRIMARY}\n      paddingX={2}\n      paddingY={1}\n      marginTop={1}\n    >\n      <Text bold color={CLI_COLORS.PRIMARY}>\n        Keyboard Shortcuts\n      </Text>\n      <Text> </Text>\n\n      <HelpSectionView section={GLOBAL_KEYS} />\n      <HelpSectionView section={GLOBAL_TOGGLES} />\n      {stepSection && <HelpSectionView section={stepSection} />}\n\n      <Text dimColor>Press ESC or ? to close</Text>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;AAAA;AAAA,SAAS,KAAK,YAAY;AA+DtB,cAIM,YAJN;AArDJ,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,MAAM;AAAA,IACJ,EAAE,KAAK,cAAc,aAAa,aAAa;AAAA,IAC/C,EAAE,KAAK,SAAS,aAAa,mBAAmB;AAAA,IAChD,EAAE,KAAK,SAAS,aAAa,qBAAqB;AAAA,IAClD,EAAE,KAAK,OAAO,aAAa,UAAU;AAAA,IACrC,EAAE,KAAK,OAAO,aAAa,uBAAuB;AAAA,EACpD;AACF;AAEA,IAAM,iBAA8B;AAAA,EAClC,OAAO;AAAA,EACP,MAAM;AAAA,IACJ,EAAE,KAAK,KAAK,aAAa,qBAAqB;AAAA,IAC9C,EAAE,KAAK,KAAK,aAAa,mCAAmC;AAAA,IAC5D,EAAE,KAAK,KAAK,aAAa,mBAAmB;AAAA,EAC9C;AACF;AAEA,IAAM,aAA0B;AAAA,EAC9B,OAAO;AAAA,EACP,MAAM;AAAA,IACJ,EAAE,KAAK,KAAK,aAAa,8BAA8B;AAAA,IACvD,EAAE,KAAK,KAAK,aAAa,0CAA0C;AAAA,IACnE,EAAE,KAAK,WAAW,aAAa,uBAAuB;AAAA,EACxD;AACF;AAEA,IAAM,eAA4B;AAAA,EAChC,OAAO;AAAA,EACP,MAAM,CAAC,EAAE,KAAK,KAAK,aAAa,yBAAyB,CAAC;AAC5D;AAEA,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,MAAM,CAAC;AACT;AAEA,IAAM,gBAA0D;AAAA,EAC9D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACV;AAEA,IAAM,mBAAmB;AAMzB,IAAM,kBAAkD,CAAC,EAAE,QAAQ,MACjE,qBAAC,OAAI,eAAc,UAAS,WAAW,GAAG,cAAc,GACtD;AAAA,sBAAC,QAAK,MAAI,MAAE,kBAAQ,OAAM;AAAA,EACzB,QAAQ,KAAK,IAAI,CAAC,EAAE,KAAK,YAAY,MACpC,qBAAC,OAAc,WAAW,GACxB;AAAA,wBAAC,OAAI,OAAO,kBACV,+BAAC,QAAK,iBAAgB,SAAQ,OAAO,WAAW,WAC7C;AAAA;AAAA,MACA;AAAA,MAAK;AAAA,OACR,GACF;AAAA,IACA,oBAAC,QAAM,uBAAY;AAAA,OAPX,GAQV,CACD;AAAA,GACH;AAOK,IAAM,YAAsC,CAAC,EAAE,YAAY,MAAM;AACtE,QAAM,cAAc,cAAc,WAAW;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAa,WAAW;AAAA,MACxB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,MAEX;AAAA,4BAAC,QAAK,MAAI,MAAC,OAAO,WAAW,SAAS,gCAEtC;AAAA,QACA,oBAAC,QAAK,eAAC;AAAA,QAEP,oBAAC,mBAAgB,SAAS,aAAa;AAAA,QACvC,oBAAC,mBAAgB,SAAS,gBAAgB;AAAA,QACzC,eAAe,oBAAC,mBAAgB,SAAS,aAAa;AAAA,QAEvD,oBAAC,QAAK,UAAQ,MAAC,qCAAuB;AAAA;AAAA;AAAA,EACxC;AAEJ;","names":[]}

package/dist/{chunk-NYP5SB2V.js → chunk-52SI5XJH.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-KUV24B5M.js";
 import {
   CLI_COLORS
-} from "./chunk-BK7TANUV.js";
+} from "./chunk-PP7NDFFE.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -92,4 +92,4 @@ var SearchModal = ({ results, alias, onBind, onClose }) => {
 export {
   SearchModal
 };
-//# sourceMappingURL=chunk-NYP5SB2V.js.map
+//# sourceMappingURL=chunk-52SI5XJH.js.map

package/dist/{chunk-GEDWVX6Y.js → chunk-53K3URKF.js}

@@ -5,7 +5,7 @@ import {
 import {
   CLI_COLORS,
   SCROLL_VIEWPORT
-} from "./chunk-BK7TANUV.js";
+} from "./chunk-PP7NDFFE.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -177,7 +177,6 @@ var SkillTag = ({ option, isFocused, isLocked, showLabels }) => {
     if (option.state === "discouraged") return CLI_COLORS.WARNING;
     return CLI_COLORS.UNFOCUSED;
   };
-  const isBold = isFocused || option.selected;
   const textColor = getTextColor();
   const compatibilityLabel = showLabels ? getCompatibilityLabel(option, isLocked) : null;
   return /* @__PURE__ */ jsx(
@@ -186,10 +185,9 @@ var SkillTag = ({ option, isFocused, isLocked, showLabels }) => {
       marginRight: 1,
       borderColor: isFocused ? getStateBorderColor() : CLI_COLORS.NEUTRAL,
       borderStyle: "single",
-      borderDimColor: !isFocused,
       flexShrink: 0,
       children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Text, { color: textColor, bold: isBold, dimColor: false, children: [
+        /* @__PURE__ */ jsxs(Text, { color: textColor, bold: true, children: [
           " ",
           option.label,
           " "
@@ -203,6 +201,7 @@ var SkillTag = ({ option, isFocused, isLocked, showLabels }) => {
   );
 };
 var CategorySection = ({
+  isFirst,
   category,
   options,
   isLocked,
@@ -210,9 +209,9 @@ var CategorySection = ({
   focusedOptionIndex,
   showLabels
 }) => {
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: isFirst ? 0 : 1, children: [
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: isLocked, children: category.displayName }),
+      /* @__PURE__ */ jsx(Text, { dimColor: isLocked, color: isFocused ? "#fff" : "gray", children: category.displayName }),
       category.required && /* @__PURE__ */ jsxs(Text, { color: isLocked ? CLI_COLORS.NEUTRAL : CLI_COLORS.ERROR, dimColor: isLocked, children: [
         " ",
         SYMBOL_REQUIRED
@@ -358,7 +357,8 @@ var CategoryGrid = ({
         isLocked,
         isFocused: index === focusedRow,
         focusedOptionIndex: focusedCol,
-        showLabels
+        showLabels,
+        isFirst: index === 0
       }
     ) }, category.id);
   });
@@ -371,4 +371,4 @@ var CategoryGrid = ({
 export {
   CategoryGrid
 };
-//# sourceMappingURL=chunk-GEDWVX6Y.js.map
+//# sourceMappingURL=chunk-53K3URKF.js.map

package/dist/chunk-53K3URKF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/category-grid.tsx","../src/cli/components/hooks/use-category-grid-input.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { Box, type DOMElement, Text, measureElement } from \"ink\";\n\nimport { CLI_COLORS, SCROLL_VIEWPORT } from \"../../consts.js\";\nimport type { SkillId, Subcategory } from \"../../types/index.js\";\nimport { isSectionLocked, useCategoryGridInput } from \"../hooks/use-category-grid-input.js\";\nimport { useFocusedListItem } from \"../hooks/use-focused-list-item.js\";\n\nexport type OptionState = \"normal\" | \"recommended\" | \"discouraged\" | \"disabled\";\n\nexport type CategoryOption = {\n  id: SkillId;\n  label: string;\n  state: OptionState;\n  stateReason?: string;\n  selected: boolean;\n  local?: boolean;\n  installed?: boolean;\n};\n\nexport type CategoryRow = {\n  id: Subcategory;\n  displayName: string;\n  required: boolean;\n  exclusive: boolean;\n  options: CategoryOption[];\n};\n\nexport type CategoryGridProps = {\n  categories: CategoryRow[];\n  /** Available height in terminal lines for the scrollable viewport. 0 = no constraint. */\n  availableHeight?: number;\n  showLabels: boolean;\n  expertMode: boolean;\n  onToggle: (categoryId: Subcategory, technologyId: SkillId) => void;\n  onToggleLabels: () => void;\n  /** Optional initial focus row (default: 0). Use with React `key` to reset. */\n  defaultFocusedRow?: number;\n  /** Optional initial focus col (default: 0). Use with React `key` to reset. */\n  defaultFocusedCol?: number;\n  /** Optional callback fired whenever the focused position changes */\n  onFocusChange?: (row: number, col: number) => void;\n};\n\nconst SYMBOL_REQUIRED = \"*\";\n\n/**\n * Priority order for skill states in the initial sort.\n * Lower numbers appear first. Selected skills are sorted above all states.\n */\nconst STATE_PRIORITY: Record<OptionState, number> = {\n  recommended: 0,\n  normal: 1,\n  discouraged: 2,\n  disabled: 3,\n};\n\n/**\n * Sort options by: selected first, then by state priority.\n * Within each group, original matrix order is preserved (stable sort).\n */\nconst stableSortByState = (options: CategoryOption[]): CategoryOption[] => {\n  return [...options].sort((a, b) => {\n    if (a.selected !== b.selected) return a.selected ? -1 : 1;\n    return STATE_PRIORITY[a.state] - STATE_PRIORITY[b.state];\n  });\n};\n\nconst findNextValidOption = (\n  options: CategoryOption[],\n  currentIndex: number,\n  direction: 1 | -1,\n  wrap = true,\n): number => {\n  const length = options.length;\n  if (length === 0) return currentIndex;\n\n  let index = currentIndex + direction;\n\n  if (wrap) {\n    if (index < 0) index = length - 1;\n    if (index >= length) index = 0;\n  } else {\n    if (index < 0) index = 0;\n    if (index >= length) index = length - 1;\n  }\n\n  return index;\n};\n\ntype SkillTagProps = {\n  option: CategoryOption;\n  isFocused: boolean;\n  isLocked: boolean;\n  showLabels: boolean;\n};\n\nconst getCompatibilityLabel = (option: CategoryOption, isLocked: boolean): string | null => {\n  if (option.selected) return \"(selected)\";\n  if (isLocked || option.state === \"disabled\") return \"(disabled)\";\n  if (option.state === \"recommended\") return \"(recommended)\";\n  if (option.state === \"discouraged\") return \"(discouraged)\";\n  return null;\n};\n\nconst SkillTag: React.FC<SkillTagProps> = ({ option, isFocused, isLocked, showLabels }) => {\n  const getTextColor = (): string => {\n    if (isLocked || option.state === \"disabled\") return CLI_COLORS.NEUTRAL;\n    if (option.selected) return CLI_COLORS.PRIMARY;\n    if (option.state === \"recommended\") return CLI_COLORS.UNFOCUSED;\n    if (option.state === \"discouraged\") return CLI_COLORS.WARNING;\n\n    return CLI_COLORS.NEUTRAL;\n  };\n\n  const getStateBorderColor = (): string => {\n    if (isLocked || option.state === \"disabled\") return CLI_COLORS.NEUTRAL;\n    if (option.selected) return CLI_COLORS.PRIMARY;\n    if (option.state === \"recommended\") return CLI_COLORS.UNFOCUSED;\n    if (option.state === \"discouraged\") return CLI_COLORS.WARNING;\n    return CLI_COLORS.UNFOCUSED;\n  };\n\n  const textColor = getTextColor();\n  const compatibilityLabel = showLabels ? getCompatibilityLabel(option, isLocked) : null;\n\n  return (\n    <Box\n      marginRight={1}\n      borderColor={isFocused ? getStateBorderColor() : CLI_COLORS.NEUTRAL}\n      borderStyle=\"single\"\n      flexShrink={0}\n    >\n      <>\n        <Text color={textColor} bold>\n          {\" \"}\n          {option.label}{\" \"}\n        </Text>\n        {compatibilityLabel && <Text dimColor>{compatibilityLabel} </Text>}\n      </>\n    </Box>\n  );\n};\n\ntype CategorySectionProps = {\n  isFirst: boolean;\n  category: CategoryRow;\n  options: CategoryOption[];\n  isLocked: boolean;\n  isFocused: boolean;\n  focusedOptionIndex: number;\n  showLabels: boolean;\n};\n\nconst CategorySection: React.FC<CategorySectionProps> = ({\n  isFirst,\n  category,\n  options,\n  isLocked,\n  isFocused,\n  focusedOptionIndex,\n  showLabels,\n}) => {\n  return (\n    <Box flexDirection=\"column\" marginTop={isFirst ? 0 : 1}>\n      <Box flexDirection=\"row\">\n        <Text dimColor={isLocked} color={isFocused ? \"#fff\" : \"gray\"}>\n          {category.displayName}\n        </Text>\n        {category.required && (\n          <Text color={isLocked ? CLI_COLORS.NEUTRAL : CLI_COLORS.ERROR} dimColor={isLocked}>\n            {\" \"}\n            {SYMBOL_REQUIRED}\n          </Text>\n        )}\n      </Box>\n\n      <Box flexDirection=\"row\" flexWrap=\"wrap\" marginTop={0}>\n        {options.map((option, index) => (\n          <SkillTag\n            key={option.id}\n            option={option}\n            isFocused={isFocused && index === focusedOptionIndex && !isLocked}\n            isLocked={isLocked}\n            showLabels={showLabels}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n};\n\ntype ProcessedCategory = CategoryRow & { sortedOptions: CategoryOption[] };\n\nexport const CategoryGrid: React.FC<CategoryGridProps> = ({\n  categories,\n  availableHeight = 0,\n  showLabels,\n  expertMode,\n  onToggle,\n  onToggleLabels,\n  defaultFocusedRow = 0,\n  defaultFocusedCol = 0,\n  onFocusChange,\n}) => {\n  // Cache the initial sort order per category so toggling selections does not reorder skills.\n  // The ref resets when the component remounts (e.g., domain change via key={activeDomain}).\n  const initialOrderRef = useRef<Map<string, SkillId[]>>(new Map());\n\n  const processedCategories = useMemo(\n    () =>\n      categories.map((category) => {\n        const cached = initialOrderRef.current.get(category.id);\n        if (cached) {\n          const orderMap = new Map(cached.map((id, idx) => [id, idx]));\n          const sorted = [...category.options].sort((a, b) => {\n            const aIdx = orderMap.get(a.id) ?? Infinity;\n            const bIdx = orderMap.get(b.id) ?? Infinity;\n            return aIdx - bIdx;\n          });\n          return { ...category, sortedOptions: sorted };\n        }\n        const sorted = stableSortByState(category.options);\n        initialOrderRef.current.set(\n          category.id,\n          sorted.map((o) => o.id),\n        );\n        return { ...category, sortedOptions: sorted };\n      }),\n    [categories],\n  );\n\n  const getColCount = useCallback(\n    (row: number): number => processedCategories[row]?.sortedOptions.length ?? 0,\n    [processedCategories],\n  );\n\n  const isRowLocked = useCallback(\n    (row: number): boolean => {\n      const cat = processedCategories[row];\n      return cat ? isSectionLocked(cat.id, categories) : false;\n    },\n    [processedCategories, categories],\n  );\n\n  const findValidCol = useCallback(\n    (row: number, currentCol: number, direction: 1 | -1): number => {\n      const options = processedCategories[row]?.sortedOptions || [];\n      const catId = processedCategories[row]?.id;\n      if (catId && isSectionLocked(catId, categories)) return currentCol;\n      return findNextValidOption(options, currentCol, direction, true);\n    },\n    [processedCategories, categories],\n  );\n\n  const { focusedRow, focusedCol, setFocused, moveFocus } = useFocusedListItem(\n    processedCategories.length,\n    getColCount,\n    {\n      wrap: true,\n      isRowLocked,\n      findValidCol,\n      onChange: onFocusChange,\n      initialRow: defaultFocusedRow,\n      initialCol: defaultFocusedCol,\n    },\n  );\n\n  useCategoryGridInput({\n    processedCategories,\n    categories,\n    focusedRow,\n    focusedCol,\n    setFocused,\n    moveFocus,\n    onToggle,\n    onToggleLabels,\n  });\n\n  const sectionRefs = useRef<(DOMElement | null)[]>([]);\n  const [sectionHeights, setSectionHeights] = useState<number[]>([]);\n  const [scrollTopPx, setScrollTopPx] = useState(0);\n\n  const setSectionRef = useCallback((index: number, el: DOMElement | null) => {\n    sectionRefs.current[index] = el;\n  }, []);\n\n  useEffect(() => {\n    const heights = sectionRefs.current.map((el) => {\n      if (el) {\n        const { height } = measureElement(el);\n        return height;\n      }\n      return 0;\n    });\n    setSectionHeights((prev) => {\n      if (prev.length === heights.length && prev.every((h, i) => h === heights[i])) {\n        return prev;\n      }\n      return heights;\n    });\n  });\n\n  const scrollEnabled = availableHeight > 0 && availableHeight >= SCROLL_VIEWPORT.MIN_VIEWPORT_ROWS;\n\n  useEffect(() => {\n    if (!scrollEnabled || sectionHeights.length === 0) return;\n\n    let topOfFocused = 0;\n    for (let i = 0; i < focusedRow; i++) {\n      topOfFocused += sectionHeights[i] ?? 0;\n    }\n    const focusedHeight = sectionHeights[focusedRow] ?? 0;\n    const bottomOfFocused = topOfFocused + focusedHeight;\n\n    setScrollTopPx((prev) => {\n      if (topOfFocused < prev) {\n        return topOfFocused;\n      }\n      if (bottomOfFocused > prev + availableHeight) {\n        return bottomOfFocused - availableHeight;\n      }\n      return prev;\n    });\n  }, [focusedRow, sectionHeights, scrollEnabled, availableHeight]);\n\n  if (categories.length === 0) {\n    return (\n      <Box flexDirection=\"column\">\n        <Text dimColor>No categories to display.</Text>\n      </Box>\n    );\n  }\n\n  const sectionElements = processedCategories.map((category, index) => {\n    const isLocked = isSectionLocked(category.id, categories);\n\n    return (\n      <Box key={category.id} ref={(el) => setSectionRef(index, el)} flexShrink={0}>\n        <CategorySection\n          category={category}\n          options={category.sortedOptions}\n          isLocked={isLocked}\n          isFocused={index === focusedRow}\n          focusedOptionIndex={focusedCol}\n          showLabels={showLabels}\n          isFirst={index === 0}\n        />\n      </Box>\n    );\n  });\n\n  // When no height constraint, render flat (tests, or before first measurement)\n  if (!scrollEnabled) {\n    return (\n      <Box flexDirection=\"column\" flexGrow={1} overflow=\"hidden\">\n        {sectionElements}\n      </Box>\n    );\n  }\n\n  return (\n    <Box flexDirection=\"column\" height={availableHeight} overflow=\"hidden\">\n      <Box flexDirection=\"column\" marginTop={scrollTopPx > 0 ? -scrollTopPx : 0} flexShrink={0}>\n        {sectionElements}\n      </Box>\n    </Box>\n  );\n};\n","import { useCallback, useEffect, useRef } from \"react\";\nimport { useInput } from \"ink\";\n\nimport type { Subcategory, SkillId } from \"../../types/index.js\";\nimport type { CategoryOption, CategoryRow } from \"../wizard/category-grid.js\";\n\nconst FRAMEWORK_CATEGORY_ID = \"web-framework\";\n\n// Locked = non-framework section when no framework is selected\nexport const isSectionLocked = (categoryId: Subcategory, categories: CategoryRow[]): boolean => {\n  if (categoryId === FRAMEWORK_CATEGORY_ID) {\n    return false;\n  }\n\n  const frameworkCategory = categories.find((cat) => cat.id === FRAMEWORK_CATEGORY_ID);\n  if (!frameworkCategory) return false;\n\n  return !frameworkCategory.options.some((opt) => opt.selected);\n};\n\nexport const findValidStartColumn = (_options: CategoryOption[]): number => {\n  return 0;\n};\n\n/** Find next unlocked section index (wrapping, direction: forward) */\nexport const findNextUnlockedIndex = (\n  processed: { id: Subcategory; sortedOptions: CategoryOption[] }[],\n  currentIndex: number,\n  allCategories: CategoryRow[],\n): number => {\n  const length = processed.length;\n  if (length === 0) return currentIndex;\n\n  let index = currentIndex;\n  let attempts = 0;\n\n  while (attempts < length) {\n    index += 1;\n    if (index >= length) index = 0;\n\n    const category = processed[index];\n    if (category && !isSectionLocked(category.id, allCategories)) {\n      return index;\n    }\n\n    attempts++;\n  }\n\n  return currentIndex;\n};\n\ntype ProcessedCategory = CategoryRow & { sortedOptions: CategoryOption[] };\n\ntype UseCategoryGridInputOptions = {\n  processedCategories: ProcessedCategory[];\n  categories: CategoryRow[];\n  focusedRow: number;\n  focusedCol: number;\n  setFocused: (row: number, col: number) => void;\n  moveFocus: (direction: \"up\" | \"down\" | \"left\" | \"right\") => void;\n  onToggle: (categoryId: Subcategory, technologyId: SkillId) => void;\n  onToggleLabels: () => void;\n};\n\nexport function useCategoryGridInput({\n  processedCategories,\n  categories,\n  focusedRow,\n  focusedCol,\n  setFocused,\n  moveFocus,\n  onToggle,\n  onToggleLabels,\n}: UseCategoryGridInputOptions): void {\n  const currentRow = processedCategories[focusedRow];\n  const currentOptions = currentRow?.sortedOptions || [];\n  const currentLocked = currentRow ? isSectionLocked(currentRow.id, categories) : false;\n\n  // Adjust column when current row's options change externally (e.g. option becomes disabled)\n  useEffect(() => {\n    if (!currentRow) return;\n\n    const maxCol = currentOptions.length - 1;\n    if (focusedCol > maxCol) {\n      const newCol = Math.max(0, maxCol);\n      setFocused(focusedRow, newCol);\n    }\n  }, [focusedRow, currentOptions, focusedCol, setFocused, currentRow]);\n\n  // Bounce off locked sections when a section becomes locked (e.g. framework deselected)\n  useEffect(() => {\n    if (currentRow && currentLocked) {\n      const nextUnlocked = findNextUnlockedIndex(processedCategories, focusedRow, categories);\n      if (nextUnlocked !== focusedRow) {\n        const newRowOptions = processedCategories[nextUnlocked]?.sortedOptions || [];\n        const newCol = findValidStartColumn(newRowOptions);\n        setFocused(nextUnlocked, newCol);\n      }\n    }\n  }, [currentRow, currentLocked, focusedRow, processedCategories, categories, setFocused]);\n\n  // Store the latest handler in a ref so that the useInput effect never needs to\n  // re-register on the event emitter. This avoids a stale-closure race condition\n  // where, after a domain switch (CategoryGrid remount via key={activeDomain}),\n  // the useInput effect may not yet have re-registered the updated handler when\n  // the first keypress arrives — causing the first space press to be silently lost.\n  type InputKey = {\n    leftArrow: boolean;\n    rightArrow: boolean;\n    upArrow: boolean;\n    downArrow: boolean;\n    tab: boolean;\n    shift: boolean;\n  };\n\n  const handlerRef = useRef<((input: string, key: InputKey) => void) | null>(null);\n  handlerRef.current = (input: string, key: InputKey) => {\n    if (key.tab && key.shift) {\n      onToggleLabels();\n      return;\n    }\n\n    if (key.tab && !key.shift) {\n      const nextSection = findNextUnlockedIndex(processedCategories, focusedRow, categories);\n      if (nextSection !== focusedRow) {\n        const newRowOptions = processedCategories[nextSection]?.sortedOptions || [];\n        const newCol = findValidStartColumn(newRowOptions);\n        setFocused(nextSection, newCol);\n      }\n      return;\n    }\n\n    if (input === \"d\" || input === \"D\") {\n      onToggleLabels();\n      return;\n    }\n\n    if (input === \" \") {\n      if (currentLocked) return;\n      const currentOption = currentOptions[focusedCol];\n      if (currentOption && currentOption.state !== \"disabled\") {\n        onToggle(currentRow.id, currentOption.id);\n      }\n      return;\n    }\n\n    const isLeft = key.leftArrow || input === \"h\";\n    const isRight = key.rightArrow || input === \"l\";\n    const isUp = key.upArrow || input === \"k\";\n    const isDown = key.downArrow || input === \"j\";\n\n    if (isLeft) {\n      if (currentLocked) return;\n      moveFocus(\"left\");\n    } else if (isRight) {\n      if (currentLocked) return;\n      moveFocus(\"right\");\n    } else if (isUp) {\n      moveFocus(\"up\");\n    } else if (isDown) {\n      moveFocus(\"down\");\n    }\n  };\n\n  // Stable handler reference — never changes, so useInput's effect registers once\n  const stableHandler = useCallback((input: string, key: InputKey) => {\n    handlerRef.current?.(input, key);\n  }, []);\n\n  useInput(stableHandler);\n}\n"],"mappings":"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","names":["useCallback","useEffect","useRef","useRef","sorted","useCallback","useEffect"]}

package/dist/{chunk-2D6LKRHW.js → chunk-ALWLM5MC.js}

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   getErrorMessage
-} from "./chunk-XJXJZ2MJ.js";
+} from "./chunk-UXNHU7Y7.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -53,4 +53,4 @@ export {
   EXIT_CODES,
   BaseCommand
 };
-//# sourceMappingURL=chunk-2D6LKRHW.js.map
+//# sourceMappingURL=chunk-ALWLM5MC.js.map

package/dist/{chunk-AVVYFEMF.js → chunk-AQANPOLS.js}

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   CLI_COLORS
-} from "./chunk-BK7TANUV.js";
+} from "./chunk-PP7NDFFE.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -78,4 +78,4 @@ var cliTheme = extendTheme(defaultTheme, {
 export {
   cliTheme
 };
-//# sourceMappingURL=chunk-AVVYFEMF.js.map
+//# sourceMappingURL=chunk-AQANPOLS.js.map

package/dist/{chunk-5TMB53BV.js → chunk-BKW34TKI.js}

@@ -2,9 +2,12 @@
 import {
   getDomainDisplayName
 } from "./chunk-YRVTXSXP.js";
+import {
+  ViewTitle
+} from "./chunk-MMD26LKJ.js";
 import {
   CLI_COLORS
-} from "./chunk-BK7TANUV.js";
+} from "./chunk-PP7NDFFE.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -35,7 +38,7 @@ var StepConfirm = ({
   const domainsText = selectedDomains?.map(getDomainDisplayName).join(" + ") || "";
   const title = stackName ? `Ready to install ${stackName}` : `Ready to install your custom stack${domainsText ? ` (${domainsText})` : ""}`;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
-    /* @__PURE__ */ jsx(Text, { bold: true, color: CLI_COLORS.SUCCESS, children: title }),
+    /* @__PURE__ */ jsx(ViewTitle, { children: title }),
     /* @__PURE__ */ jsx(Text, { children: " " }),
     domainSelections && selectedDomains && !stackName && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: selectedDomains.map((domain) => {
       const selections = domainSelections[domain] || {};
@@ -61,7 +64,7 @@ var StepConfirm = ({
         " ",
         /* @__PURE__ */ jsx(Text, { bold: true, children: skillCount }),
         " ",
-        /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.SUCCESS, children: "(all verified)" })
+        /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.PRIMARY, children: "(all verified)" })
       ] }),
       agentCount !== void 0 && /* @__PURE__ */ jsxs(Text, { children: [
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Agents:" }),
@@ -81,4 +84,4 @@ var StepConfirm = ({
 export {
   StepConfirm
 };
-//# sourceMappingURL=chunk-5TMB53BV.js.map
+//# sourceMappingURL=chunk-BKW34TKI.js.map

package/dist/chunk-BKW34TKI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/step-confirm.tsx"],"sourcesContent":["import { Box, Text, useInput } from \"ink\";\nimport React from \"react\";\nimport { CLI_COLORS } from \"../../consts.js\";\nimport type { Domain, DomainSelections } from \"../../types/index.js\";\nimport { getDomainDisplayName } from \"./utils.js\";\nimport { ViewTitle } from \"./view-title.js\";\n\ntype StepConfirmProps = {\n  onComplete: () => void;\n  stackName?: string;\n  selectedDomains?: Domain[];\n  domainSelections?: DomainSelections;\n  technologyCount?: number;\n  skillCount?: number;\n  agentCount?: number;\n  installMode?: \"plugin\" | \"local\";\n  onBack?: () => void;\n};\n\nexport const StepConfirm: React.FC<StepConfirmProps> = ({\n  onComplete,\n  stackName,\n  selectedDomains,\n  domainSelections,\n  technologyCount,\n  skillCount,\n  agentCount,\n  installMode,\n  onBack,\n}) => {\n  useInput((_input, key) => {\n    if (key.return) {\n      onComplete();\n    }\n    if (key.escape && onBack) {\n      onBack();\n    }\n  });\n\n  const domainsText = selectedDomains?.map(getDomainDisplayName).join(\" + \") || \"\";\n  const title = stackName\n    ? `Ready to install ${stackName}`\n    : `Ready to install your custom stack${domainsText ? ` (${domainsText})` : \"\"}`;\n\n  return (\n    <Box flexDirection=\"column\" paddingX={2}>\n      <ViewTitle>{title}</ViewTitle>\n      <Text> </Text>\n\n      {domainSelections && selectedDomains && !stackName && (\n        <Box flexDirection=\"column\" marginBottom={1}>\n          {selectedDomains.map((domain) => {\n            const selections = domainSelections[domain] || {};\n            const techs = Object.values(selections).flat();\n            if (techs.length === 0) return null;\n            return (\n              <Text key={domain}>\n                <Text bold>{getDomainDisplayName(domain)}:</Text> <Text>{techs.join(\", \")}</Text>\n              </Text>\n            );\n          })}\n        </Box>\n      )}\n\n      <Box flexDirection=\"column\" marginY={1}>\n        {technologyCount !== undefined && (\n          <Text>\n            <Text dimColor>Technologies:</Text> <Text bold>{technologyCount}</Text>\n          </Text>\n        )}\n        {skillCount !== undefined && (\n          <Text>\n            <Text dimColor>Skills:</Text> <Text bold>{skillCount}</Text>{\" \"}\n            <Text color={CLI_COLORS.PRIMARY}>(all verified)</Text>\n          </Text>\n        )}\n        {agentCount !== undefined && (\n          <Text>\n            <Text dimColor>Agents:</Text> <Text bold>{agentCount}</Text>\n          </Text>\n        )}\n        {installMode && (\n          <Text>\n            <Text dimColor>Install mode:</Text>{\" \"}\n            <Text bold>{installMode === \"plugin\" ? \"Plugin\" : \"Local\"}</Text>\n          </Text>\n        )}\n      </Box>\n\n      <Box marginTop={1}>\n        <Text dimColor>ENTER install ESC go back</Text>\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA,SAAS,KAAK,MAAM,gBAAgB;AA8C9B,cAWU,YAXV;AA3BC,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,IAAI,QAAQ;AACd,iBAAW;AAAA,IACb;AACA,QAAI,IAAI,UAAU,QAAQ;AACxB,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,QAAM,cAAc,iBAAiB,IAAI,oBAAoB,EAAE,KAAK,KAAK,KAAK;AAC9E,QAAM,QAAQ,YACV,oBAAoB,SAAS,KAC7B,qCAAqC,cAAc,KAAK,WAAW,MAAM,EAAE;AAE/E,SACE,qBAAC,OAAI,eAAc,UAAS,UAAU,GACpC;AAAA,wBAAC,aAAW,iBAAM;AAAA,IAClB,oBAAC,QAAK,eAAC;AAAA,IAEN,oBAAoB,mBAAmB,CAAC,aACvC,oBAAC,OAAI,eAAc,UAAS,cAAc,GACvC,0BAAgB,IAAI,CAAC,WAAW;AAC/B,YAAM,aAAa,iBAAiB,MAAM,KAAK,CAAC;AAChD,YAAM,QAAQ,OAAO,OAAO,UAAU,EAAE,KAAK;AAC7C,UAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,aACE,qBAAC,QACC;AAAA,6BAAC,QAAK,MAAI,MAAE;AAAA,+BAAqB,MAAM;AAAA,UAAE;AAAA,WAAC;AAAA,QAAO;AAAA,QAAC,oBAAC,QAAM,gBAAM,KAAK,IAAI,GAAE;AAAA,WADjE,MAEX;AAAA,IAEJ,CAAC,GACH;AAAA,IAGF,qBAAC,OAAI,eAAc,UAAS,SAAS,GAClC;AAAA,0BAAoB,UACnB,qBAAC,QACC;AAAA,4BAAC,QAAK,UAAQ,MAAC,2BAAa;AAAA,QAAO;AAAA,QAAC,oBAAC,QAAK,MAAI,MAAE,2BAAgB;AAAA,SAClE;AAAA,MAED,eAAe,UACd,qBAAC,QACC;AAAA,4BAAC,QAAK,UAAQ,MAAC,qBAAO;AAAA,QAAO;AAAA,QAAC,oBAAC,QAAK,MAAI,MAAE,sBAAW;AAAA,QAAQ;AAAA,QAC7D,oBAAC,QAAK,OAAO,WAAW,SAAS,4BAAc;AAAA,SACjD;AAAA,MAED,eAAe,UACd,qBAAC,QACC;AAAA,4BAAC,QAAK,UAAQ,MAAC,qBAAO;AAAA,QAAO;AAAA,QAAC,oBAAC,QAAK,MAAI,MAAE,sBAAW;AAAA,SACvD;AAAA,MAED,eACC,qBAAC,QACC;AAAA,4BAAC,QAAK,UAAQ,MAAC,2BAAa;AAAA,QAAQ;AAAA,QACpC,oBAAC,QAAK,MAAI,MAAE,0BAAgB,WAAW,WAAW,SAAQ;AAAA,SAC5D;AAAA,OAEJ;AAAA,IAEA,oBAAC,OAAI,WAAW,GACd,8BAAC,QAAK,UAAQ,MAAC,uCAAyB,GAC1C;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-BFISETQG.js → chunk-EFZN22TO.js}

@@ -4,14 +4,14 @@ import {
 } from "./chunk-7SOPVGDV.js";
 import {
   SearchModal
-} from "./chunk-NYP5SB2V.js";
+} from "./chunk-52SI5XJH.js";
 import {
   useFocusedListItem
 } from "./chunk-GG4BSB6S.js";
 import {
   CLI_COLORS,
   SCROLL_VIEWPORT
-} from "./chunk-BK7TANUV.js";
+} from "./chunk-PP7NDFFE.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -280,4 +280,4 @@ var SourceGrid = ({
 export {
   SourceGrid
 };
-//# sourceMappingURL=chunk-BFISETQG.js.map
+//# sourceMappingURL=chunk-EFZN22TO.js.map

package/dist/{chunk-7FBM7V3E.js → chunk-EPJ2GJNJ.js}

@@ -2,30 +2,30 @@
 import {
   getDomainDisplayName
 } from "./chunk-YRVTXSXP.js";
-import {
-  ViewTitle
-} from "./chunk-KXM7KOPE.js";
 import {
   useMeasuredHeight
 } from "./chunk-K77I4XGL.js";
+import {
+  ViewTitle
+} from "./chunk-MMD26LKJ.js";
 import {
   CategoryGrid
-} from "./chunk-GEDWVX6Y.js";
+} from "./chunk-53K3URKF.js";
 import {
   buildCategoriesForDomain,
   validateBuildStep
-} from "./chunk-SILUTTV7.js";
+} from "./chunk-FDY6SGSA.js";
 import {
   CLI_COLORS
-} from "./chunk-BK7TANUV.js";
+} from "./chunk-PP7NDFFE.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
 
 // src/cli/components/wizard/step-build.tsx
 init_esm_shims();
-import { useState } from "react";
 import { Box, Text, useInput } from "ink";
+import { useState } from "react";
 
 // src/cli/lib/wizard/index.ts
 init_esm_shims();
@@ -117,11 +117,11 @@ var StepBuild = ({
         borderStyle: "single",
         children: /* @__PURE__ */ jsx(Box, { columnGap: 2, flexDirection: "row", children: selectedDomains.map((domain) => {
           const isActive = domain === activeDomain;
-          return /* @__PURE__ */ jsx(Text, { color: isActive ? CLI_COLORS.PRIMARY : void 0, bold: isActive, children: getDomainDisplayName(domain) }, domain);
+          return /* @__PURE__ */ jsx(Text, { color: isActive ? CLI_COLORS.WARNING : void 0, bold: isActive, children: getDomainDisplayName(domain) }, domain);
         }) })
       }
     ),
-    /* @__PURE__ */ jsx(ViewTitle, { children: `[2] Customize your ${getDomainDisplayName(activeDomain)} stack` }),
+    /* @__PURE__ */ jsx(ViewTitle, { children: `Customize your ${getDomainDisplayName(activeDomain)} stack` }),
     /* @__PURE__ */ jsx(Box, { ref: gridRef, flexGrow: 1, flexBasis: 0, children: /* @__PURE__ */ jsx(
       CategoryGrid,
       {
@@ -141,4 +141,4 @@ var StepBuild = ({
 export {
   StepBuild
 };
-//# sourceMappingURL=chunk-7FBM7V3E.js.map
+//# sourceMappingURL=chunk-EPJ2GJNJ.js.map

package/dist/chunk-EPJ2GJNJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/step-build.tsx","../src/cli/lib/wizard/index.ts","../src/cli/components/hooks/use-framework-filtering.ts"],"sourcesContent":["import { Box, Text, useInput } from \"ink\";\nimport React, { useState } from \"react\";\nimport { CLI_COLORS } from \"../../consts.js\";\nimport { validateBuildStep } from \"../../lib/wizard/index.js\";\nimport type {\n  Domain,\n  MergedSkillsMatrix,\n  SkillId,\n  Subcategory,\n  SubcategorySelections,\n} from \"../../types/index.js\";\nimport { useFrameworkFiltering } from \"../hooks/use-framework-filtering.js\";\nimport { useMeasuredHeight } from \"../hooks/use-measured-height.js\";\nimport { CategoryGrid } from \"./category-grid.js\";\nimport { getDomainDisplayName } from \"./utils.js\";\nimport { ViewTitle } from \"./view-title.js\";\n\nexport type StepBuildProps = {\n  matrix: MergedSkillsMatrix;\n  domain: Domain;\n  selectedDomains: Domain[];\n  selections: SubcategorySelections;\n  allSelections: SkillId[];\n  showLabels: boolean;\n  expertMode: boolean;\n  /** Skill IDs already installed on disk, shown with a dimmed checkmark */\n  installedSkillIds?: SkillId[];\n  onToggle: (subcategoryId: Subcategory, technologyId: SkillId) => void;\n  onToggleLabels: () => void;\n  onContinue: () => void;\n  onBack: () => void;\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 flexDirection=\"column\" marginBottom={1}>\n          <Text color={CLI_COLORS.WARNING}>{validationError}</Text>\n          <Text dimColor>Press ESC to go back, or select a skill and press ENTER to continue.</Text>\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nexport const StepBuild: React.FC<StepBuildProps> = ({\n  matrix,\n  domain: activeDomain,\n  selectedDomains,\n  selections,\n  allSelections,\n  showLabels,\n  expertMode,\n  installedSkillIds,\n  onToggle,\n  onToggleLabels,\n  onContinue,\n  onBack,\n}) => {\n  const [validationError, setValidationError] = useState<string | undefined>(undefined);\n  const { ref: gridRef, measuredHeight: gridHeight } = useMeasuredHeight();\n\n  const categories = useFrameworkFiltering({\n    domain: activeDomain,\n    allSelections,\n    matrix,\n    expertMode,\n    selections,\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%\" flexGrow={1} flexBasis={0}>\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={CLI_COLORS.NEUTRAL}\n        borderStyle=\"single\"\n      >\n        <Box columnGap={2} flexDirection=\"row\">\n          {selectedDomains.map((domain) => {\n            const isActive = domain === activeDomain;\n            return (\n              <Text key={domain} color={isActive ? CLI_COLORS.WARNING : undefined} bold={isActive}>\n                {getDomainDisplayName(domain)}\n              </Text>\n            );\n          })}\n        </Box>\n      </Box>\n      <ViewTitle>{`Customize your ${getDomainDisplayName(activeDomain)} stack`}</ViewTitle>\n\n      <Box ref={gridRef} flexGrow={1} flexBasis={0}>\n        <CategoryGrid\n          key={activeDomain}\n          categories={categories}\n          availableHeight={gridHeight}\n          expertMode={expertMode}\n          showLabels={showLabels}\n          onToggle={onToggle}\n          onToggleLabels={onToggleLabels}\n        />\n      </Box>\n\n      <Footer validationError={validationError} />\n    </Box>\n  );\n};\n","export {\n  type BuildStepValidation,\n  validateBuildStep,\n  computeOptionState,\n  getSkillDisplayLabel,\n  buildCategoriesForDomain,\n} from \"./build-step-logic\";\n","import { useMemo } from \"react\";\nimport type {\n  Domain,\n  MergedSkillsMatrix,\n  SkillId,\n  SubcategorySelections,\n} from \"../../types/index.js\";\nimport { buildCategoriesForDomain } from \"../../lib/wizard/index.js\";\nimport type { CategoryRow } from \"../wizard/category-grid.js\";\n\ntype UseFrameworkFilteringOptions = {\n  domain: Domain;\n  allSelections: SkillId[];\n  matrix: MergedSkillsMatrix;\n  expertMode: boolean;\n  selections: SubcategorySelections;\n  installedSkillIds?: SkillId[];\n};\n\nexport function useFrameworkFiltering({\n  domain,\n  allSelections,\n  matrix,\n  expertMode,\n  selections,\n  installedSkillIds,\n}: UseFrameworkFilteringOptions): CategoryRow[] {\n  return useMemo(\n    () =>\n      buildCategoriesForDomain(\n        domain,\n        allSelections,\n        matrix,\n        expertMode,\n        selections,\n        installedSkillIds,\n      ),\n    [domain, allSelections, matrix, expertMode, selections, installedSkillIds],\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAgB,gBAAgB;;;ACDhC;;;ACAA;AAAA,SAAS,eAAe;AAmBjB,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAC9C,SAAO;AAAA,IACL,MACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACF,CAAC,QAAQ,eAAe,QAAQ,YAAY,YAAY,iBAAiB;AAAA,EAC3E;AACF;;;AFEQ,SACE,KADF;AAJR,IAAM,SAAgC,CAAC,EAAE,gBAAgB,MAAM;AAC7D,SACE,oBAAC,OAAI,eAAc,UAAS,WAAW,GACpC,6BACC,qBAAC,OAAI,eAAc,UAAS,cAAc,GACxC;AAAA,wBAAC,QAAK,OAAO,WAAW,SAAU,2BAAgB;AAAA,IAClD,oBAAC,QAAK,UAAQ,MAAC,kFAAoE;AAAA,KACrF,GAEJ;AAEJ;AAEO,IAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAA6B,MAAS;AACpF,QAAM,EAAE,KAAK,SAAS,gBAAgB,WAAW,IAAI,kBAAkB;AAEvE,QAAM,aAAa,sBAAsB;AAAA,IACvC,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,IAAI,QAAQ;AACd,YAAM,aAAa,kBAAkB,YAAY,UAAU;AAC3D,UAAI,WAAW,OAAO;AACpB,2BAAmB,MAAS;AAC5B,mBAAW;AAAA,MACb,OAAO;AACL,2BAAmB,WAAW,OAAO;AAAA,MACvC;AAAA,IACF,WAAW,IAAI,QAAQ;AACrB,yBAAmB,MAAS;AAC5B,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,SACE,qBAAC,OAAI,eAAc,UAAS,OAAM,QAAO,UAAU,GAAG,WAAW,GAC/D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd,WAAW;AAAA,QACX,WAAW;AAAA,QACX,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa,WAAW;AAAA,QACxB,aAAY;AAAA,QAEZ,8BAAC,OAAI,WAAW,GAAG,eAAc,OAC9B,0BAAgB,IAAI,CAAC,WAAW;AAC/B,gBAAM,WAAW,WAAW;AAC5B,iBACE,oBAAC,QAAkB,OAAO,WAAW,WAAW,UAAU,QAAW,MAAM,UACxE,+BAAqB,MAAM,KADnB,MAEX;AAAA,QAEJ,CAAC,GACH;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,aAAW,4BAAkB,qBAAqB,YAAY,CAAC,UAAS;AAAA,IAEzE,oBAAC,OAAI,KAAK,SAAS,UAAU,GAAG,WAAW,GACzC;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,iBAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MANK;AAAA,IAOP,GACF;AAAA,IAEA,oBAAC,UAAO,iBAAkC;AAAA,KAC5C;AAEJ;","names":[]}

package/dist/{chunk-SILUTTV7.js → chunk-FDY6SGSA.js}

@@ -2,7 +2,7 @@
 import {
   getAvailableSkills,
   resolveAlias
-} from "./chunk-TTXV55NQ.js";
+} from "./chunk-SYHRJG5G.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -110,4 +110,4 @@ export {
   getSkillDisplayLabel,
   buildCategoriesForDomain
 };
-//# sourceMappingURL=chunk-SILUTTV7.js.map
+//# sourceMappingURL=chunk-FDY6SGSA.js.map