@agents-inc/cli 0.41.2 → 0.42.1

package/CHANGELOG.md

@@ -9,6 +9,19 @@ 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**

package/config/stacks.yaml

@@ -1863,324 +1863,3 @@ stacks:
           - id: meta-methodology-context-management
             preloaded: true
     philosophy: Maximum performance with minimal overhead
-
-  - id: react-native-stack
-    name: React Native Stack
-    description: React Native + Expo mobile
-    agents:
-      web-developer:
-        web-framework:
-          - id: mobile-framework-react-native
-            preloaded: true
-        mobile-platform:
-          - id: mobile-framework-expo
-            preloaded: true
-        web-base-framework:
-          - id: web-framework-react
-            preloaded: true
-        web-client-state: web-state-zustand
-        web-server-state: web-server-state-react-query
-        web-testing: web-testing-vitest
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-      web-reviewer:
-        shared-reviewing:
-          - id: meta-reviewing-reviewing
-            preloaded: true
-        web-framework: mobile-framework-react-native
-        mobile-platform: mobile-framework-expo
-        web-base-framework: web-framework-react
-        web-client-state: web-state-zustand
-        web-server-state: web-server-state-react-query
-        web-testing: web-testing-vitest
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-      web-pm:
-        web-framework: mobile-framework-react-native
-        mobile-platform: mobile-framework-expo
-        web-base-framework: web-framework-react
-        web-client-state: web-state-zustand
-        web-server-state: web-server-state-react-query
-        web-testing: web-testing-vitest
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-      web-architecture:
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-      web-researcher:
-        web-framework: mobile-framework-react-native
-        mobile-platform: mobile-framework-expo
-        web-base-framework: web-framework-react
-        web-client-state: web-state-zustand
-        web-server-state: web-server-state-react-query
-        web-testing: web-testing-vitest
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-      pattern-scout:
-        web-framework: mobile-framework-react-native
-        mobile-platform: mobile-framework-expo
-        web-base-framework: web-framework-react
-        web-client-state: web-state-zustand
-        web-server-state: web-server-state-react-query
-        web-testing: web-testing-vitest
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-      web-pattern-critique:
-        web-framework: mobile-framework-react-native
-        mobile-platform: mobile-framework-expo
-        web-base-framework: web-framework-react
-        web-client-state: web-state-zustand
-        web-server-state: web-server-state-react-query
-        web-testing: web-testing-vitest
-        shared-reviewing:
-          - id: meta-reviewing-reviewing
-            preloaded: true
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-      agent-summoner:
-        web-framework: mobile-framework-react-native
-        mobile-platform: mobile-framework-expo
-        web-base-framework: web-framework-react
-        web-client-state: web-state-zustand
-        web-server-state: web-server-state-react-query
-        web-testing: web-testing-vitest
-        shared-reviewing: meta-reviewing-reviewing
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-      skill-summoner:
-        web-framework: mobile-framework-react-native
-        mobile-platform: mobile-framework-expo
-        web-base-framework: web-framework-react
-        web-client-state: web-state-zustand
-        web-server-state: web-server-state-react-query
-        web-testing: web-testing-vitest
-        shared-reviewing: meta-reviewing-reviewing
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-      documentor:
-        web-framework: mobile-framework-react-native
-        mobile-platform: mobile-framework-expo
-        web-base-framework: web-framework-react
-        web-client-state: web-state-zustand
-        web-server-state: web-server-state-react-query
-        web-testing: web-testing-vitest
-        shared-reviewing: meta-reviewing-reviewing
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-      web-tester:
-        web-testing: web-testing-vitest
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-    philosophy: One codebase, iOS and Android
-
-  - id: meta-stack
-    name: Meta Agent Stack
-    description: Meta-level agent tooling
-    agents:
-      skill-summoner:
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-        shared-research:
-          - id: meta-research-research-methodology
-            preloaded: true
-      agent-summoner:
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-        shared-research:
-          - id: meta-research-research-methodology
-            preloaded: true
-      documentor:
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-        shared-research:
-          - id: meta-research-research-methodology
-            preloaded: true
-      pattern-scout:
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-        shared-reviewing:
-          - id: meta-reviewing-reviewing
-            preloaded: true
-      web-pattern-critique:
-        shared-methodology:
-          - id: meta-methodology-investigation-requirements
-            preloaded: true
-          - id: meta-methodology-anti-over-engineering
-            preloaded: true
-          - id: meta-methodology-success-criteria
-            preloaded: true
-          - id: meta-methodology-write-verification
-            preloaded: true
-          - id: meta-methodology-improvement-protocol
-            preloaded: true
-          - id: meta-methodology-context-management
-            preloaded: true
-        shared-reviewing:
-          - id: meta-reviewing-reviewing
-            preloaded: true
-    philosophy: Build tools that build tools

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAgB,aAAa,gBAAgB;AA0GvC,SACE,KADF;AAjFC,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,QAAQ;AACtD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAC5D,QAAM,EAAE,KAAK,SAAS,gBAAgB,WAAW,IAAI,kBAAkB;AAEvE,QAAM,mBAAmB;AAAA,IACvB,CAAC,SAAkB,aAAqB;AACtC,YAAM,mBAAmB,SAAS,QAAQ;AAAA,IAC5C;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,eAAe;AAAA,IACnB,OAAO,UAAsD;AAC3D,UAAI,CAAC,WAAY,QAAO,CAAC;AACzB,UAAI;AACF,cAAM,UAAU,MAAM,kBAAkB,UAAU;AAClD,eAAO,MAAM,mBAAmB,OAAO,QAAQ,MAAM;AAAA,MACvD,QAAQ;AACN,eAAO,CAAC;AAAA,MACV;AAAA,IACF;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,aAAa;AAAA,IACjB,CAAC,cAAmC;AAClC,YAAM,UAAU;AAAA,QACd,IAAI,UAAU;AAAA,QACd,WAAW,UAAU;AAAA,QACrB,YAAY,UAAU;AAAA,QACtB,SAAS,UAAU;AAAA,QACnB,aAAa,UAAU;AAAA,MACzB,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,0BAA0B,YAAY,CAAC,WAAoB;AAC/D,uBAAmB,MAAM;AAAA,EAC3B,GAAG,CAAC,CAAC;AAEL,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,SAAS,UAAU;AACrB,UAAI,IAAI,QAAQ;AACd,YAAI,gBAAgB,GAAG;AACrB,qBAAW;AAAA,QACb,OAAO;AACL,gBAAM,oBAAoB,IAAI;AAC9B,kBAAQ,WAAW;AAAA,QACrB;AAAA,MACF;AACA,UAAI,IAAI,QAAQ;AACd,eAAO;AAAA,MACT;AACA,UAAI,IAAI,WAAW,IAAI,WAAW;AAChC,uBAAe,CAAC,SAAU,SAAS,IAAI,IAAI,CAAE;AAAA,MAC/C;AAAA,IACF,WAAW,SAAS,aAAa;AAC/B,UAAI,gBAAiB;AAErB,UAAI,IAAI,QAAQ;AACd,mBAAW;AAAA,MACb;AACA,UAAI,IAAI,QAAQ;AACd,cAAM,oBAAoB,KAAK;AAC/B,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,SAAS,aAAa;AACxB,UAAMA,QAAO,MAAM,gBAAgB,MAAM;AACzC,WACE,qBAAC,OAAI,eAAc,UAAS,OAAM,QAAO,UAAU,GAAG,WAAW,GAC/D;AAAA,0BAAC,aAAU,qCAAuB;AAAA,MAClC,oBAAC,OAAI,KAAK,SAAS,UAAU,GAAG,WAAW,GACzC;AAAA,QAAC;AAAA;AAAA,UACC,MAAMA;AAAA,UACN,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,qBAAqB;AAAA;AAAA,MACvB,GACF;AAAA,OACF;AAAA,EAEJ;AAEA,QAAM,uBAAuB,MAAM,2BAA2B;AAC9D,QAAM,OAAO,MAAM,gBAAgB,MAAM;AACzC,QAAM,wBAAwB,gBAAgB;AAC9C,QAAM,iBAAiB,KAAK;AAAA,IAAK,CAAC,QAChC,IAAI,QAAQ,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,OAAO;AAAA,EACzD;AAEA,SACE,qBAAC,OAAI,eAAc,UAAS,UAAU,GACpC;AAAA,yBAAC,QAAK;AAAA;AAAA,MACgB;AAAA,MACpB,oBAAC,QAAK,OAAO,WAAW,SAAS,MAAI,MAClC,+BAAqB,QACxB;AAAA,MAAQ;AAAA,MAAI;AAAA,OAEd;AAAA,IACA,oBAAC,QAAK,eAAC;AAAA,IAEP;AAAA,MAAC;AAAA;AAAA,QACC,OACE,iBAAiB,gCAAgC;AAAA,QAEnD,aACE,iBACI,yDACA;AAAA,UACE,yEAAyE,iBAAiB,IAAI;AAAA,QAChG;AAAA,QAEN,WAAW;AAAA,QACX,cAAc;AAAA;AAAA,IAChB;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,WAAW,CAAC;AAAA;AAAA,IACd;AAAA,KACF;AAEJ;","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