@claude-collective/cli 0.6.0 → 0.8.0

package/dist/chunk-K7PTOVX4.js

@@ -0,0 +1,158 @@
+#!/usr/bin/env node
+import {
+  DEFAULT_PRESELECTED_SKILLS
+} from "./chunk-A3J6IAXK.js";
+import {
+  init_esm_shims
+} from "./chunk-DHET7RCE.js";
+
+// src/cli-v2/stores/wizard-store.ts
+init_esm_shims();
+import { create } from "zustand";
+var createInitialState = () => ({
+  step: "approach",
+  approach: null,
+  selectedStackId: null,
+  stackAction: null,
+  selectedDomains: [],
+  currentDomainIndex: 0,
+  domainSelections: {},
+  focusedRow: 0,
+  focusedCol: 0,
+  currentRefineIndex: 0,
+  skillSources: {},
+  refineAction: null,
+  showDescriptions: false,
+  expertMode: false,
+  installMode: "local",
+  history: []
+});
+var useWizardStore = create((set, get) => ({
+  ...createInitialState(),
+  setStep: (step) => set((state) => ({
+    step,
+    history: [...state.history, state.step],
+    // Reset focus when changing steps
+    focusedRow: 0,
+    focusedCol: 0
+  })),
+  setApproach: (approach) => set({ approach }),
+  selectStack: (stackId) => set({ selectedStackId: stackId }),
+  setStackAction: (action) => set({ stackAction: action }),
+  toggleDomain: (domain) => set((state) => {
+    const isSelected = state.selectedDomains.includes(domain);
+    return {
+      selectedDomains: isSelected ? state.selectedDomains.filter((d) => d !== domain) : [...state.selectedDomains, domain]
+    };
+  }),
+  setDomainSelection: (domain, subcategory, technologies) => set((state) => ({
+    domainSelections: {
+      ...state.domainSelections,
+      [domain]: {
+        ...state.domainSelections[domain],
+        [subcategory]: technologies
+      }
+    }
+  })),
+  toggleTechnology: (domain, subcategory, technology, exclusive) => set((state) => {
+    const currentSelections = state.domainSelections[domain]?.[subcategory] || [];
+    const isSelected = currentSelections.includes(technology);
+    let newSelections;
+    if (exclusive) {
+      newSelections = isSelected ? [] : [technology];
+    } else {
+      newSelections = isSelected ? currentSelections.filter((t) => t !== technology) : [...currentSelections, technology];
+    }
+    return {
+      domainSelections: {
+        ...state.domainSelections,
+        [domain]: {
+          ...state.domainSelections[domain],
+          [subcategory]: newSelections
+        }
+      }
+    };
+  }),
+  setCurrentDomainIndex: (index) => set({ currentDomainIndex: index, focusedRow: 0, focusedCol: 0 }),
+  nextDomain: () => {
+    const state = get();
+    if (state.currentDomainIndex < state.selectedDomains.length - 1) {
+      set({
+        currentDomainIndex: state.currentDomainIndex + 1,
+        focusedRow: 0,
+        focusedCol: 0
+      });
+      return true;
+    }
+    return false;
+  },
+  prevDomain: () => {
+    const state = get();
+    if (state.currentDomainIndex > 0) {
+      set({
+        currentDomainIndex: state.currentDomainIndex - 1,
+        focusedRow: 0,
+        focusedCol: 0
+      });
+      return true;
+    }
+    return false;
+  },
+  setFocus: (row, col) => set({ focusedRow: row, focusedCol: col }),
+  setRefineAction: (action) => set({ refineAction: action }),
+  setSkillSource: (technology, skillId) => set((state) => ({
+    skillSources: {
+      ...state.skillSources,
+      [technology]: skillId
+    }
+  })),
+  setCurrentRefineIndex: (index) => set({ currentRefineIndex: index }),
+  toggleShowDescriptions: () => set((state) => ({ showDescriptions: !state.showDescriptions })),
+  toggleExpertMode: () => set((state) => ({ expertMode: !state.expertMode })),
+  toggleInstallMode: () => set((state) => ({
+    installMode: state.installMode === "plugin" ? "local" : "plugin"
+  })),
+  goBack: () => set((state) => {
+    const history = [...state.history];
+    const previousStep = history.pop();
+    return {
+      step: previousStep || "approach",
+      history,
+      focusedRow: 0,
+      focusedCol: 0
+    };
+  }),
+  reset: () => set(createInitialState()),
+  // ─────────────────────────────────────────────────────────────────
+  // Computed getters
+  // ─────────────────────────────────────────────────────────────────
+  getAllSelectedTechnologies: () => {
+    const state = get();
+    const technologies = [];
+    for (const domain of Object.keys(state.domainSelections)) {
+      for (const subcategory of Object.keys(state.domainSelections[domain])) {
+        technologies.push(...state.domainSelections[domain][subcategory]);
+      }
+    }
+    return technologies;
+  },
+  getCurrentDomain: () => {
+    const state = get();
+    return state.selectedDomains[state.currentDomainIndex] || null;
+  },
+  getSelectedSkills: () => {
+    const state = get();
+    const skillIds = [...DEFAULT_PRESELECTED_SKILLS];
+    for (const skillId of Object.values(state.skillSources)) {
+      if (!skillIds.includes(skillId)) {
+        skillIds.push(skillId);
+      }
+    }
+    return skillIds;
+  }
+}));
+
+export {
+  useWizardStore
+};
+//# sourceMappingURL=chunk-K7PTOVX4.js.map

package/dist/chunk-K7PTOVX4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli-v2/stores/wizard-store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { DEFAULT_PRESELECTED_SKILLS } from \"../consts\";\n\n// Step types for the wizard\nexport type WizardStep =\n  | \"approach\" // Choose stack template or build from scratch\n  | \"stack\" // Select pre-built stack (if approach=stack) or domains (if approach=scratch)\n  | \"stack-options\" // After stack selection: continue defaults or customize\n  | \"build\" // CategoryGrid for technology selection\n  | \"refine\" // Skill source selection\n  | \"confirm\"; // Final confirmation\n\nexport interface WizardState {\n  // ─────────────────────────────────────────────────────────────────\n  // Current step\n  // ─────────────────────────────────────────────────────────────────\n  step: WizardStep;\n\n  // ─────────────────────────────────────────────────────────────────\n  // Flow tracking\n  // ─────────────────────────────────────────────────────────────────\n  approach: \"stack\" | \"scratch\" | null;\n  selectedStackId: string | null;\n  stackAction: \"defaults\" | \"customize\" | null; // For stack flow after selection\n\n  // ─────────────────────────────────────────────────────────────────\n  // Domain selection (scratch flow or customize flow)\n  // ─────────────────────────────────────────────────────────────────\n  selectedDomains: string[]; // ['web', 'api', 'cli', 'mobile']\n\n  // ─────────────────────────────────────────────────────────────────\n  // Build step state\n  // ─────────────────────────────────────────────────────────────────\n  currentDomainIndex: number; // Which domain we're configuring (0-based)\n  domainSelections: Record<string, Record<string, string[]>>;\n  // e.g., { web: { framework: ['react'], styling: ['scss-modules'] } }\n  // Note: array supports multi-select categories\n\n  // ─────────────────────────────────────────────────────────────────\n  // Grid navigation state\n  // ─────────────────────────────────────────────────────────────────\n  focusedRow: number;\n  focusedCol: number;\n\n  // ─────────────────────────────────────────────────────────────────\n  // Refine step state\n  // ─────────────────────────────────────────────────────────────────\n  currentRefineIndex: number; // Which skill we're refining\n  skillSources: Record<string, string>; // technology -> selected skill ID\n  refineAction: \"all-recommended\" | \"customize\" | null;\n\n  // ─────────────────────────────────────────────────────────────────\n  // UI state\n  // ─────────────────────────────────────────────────────────────────\n  showDescriptions: boolean;\n  expertMode: boolean;\n\n  // ─────────────────────────────────────────────────────────────────\n  // Modes\n  // ─────────────────────────────────────────────────────────────────\n  installMode: \"plugin\" | \"local\";\n\n  // ─────────────────────────────────────────────────────────────────\n  // Navigation history\n  // ─────────────────────────────────────────────────────────────────\n  history: WizardStep[];\n\n  // ─────────────────────────────────────────────────────────────────\n  // Actions\n  // ─────────────────────────────────────────────────────────────────\n  setStep: (step: WizardStep) => void;\n  setApproach: (approach: \"stack\" | \"scratch\") => void;\n  selectStack: (stackId: string | null) => void;\n  setStackAction: (action: \"defaults\" | \"customize\") => void;\n  toggleDomain: (domain: string) => void;\n  setDomainSelection: (\n    domain: string,\n    subcategory: string,\n    technologies: string[],\n  ) => void;\n  toggleTechnology: (\n    domain: string,\n    subcategory: string,\n    technology: string,\n    exclusive: boolean,\n  ) => void;\n  setCurrentDomainIndex: (index: number) => void;\n  nextDomain: () => boolean; // Returns true if moved to next domain, false if at end\n  prevDomain: () => boolean; // Returns true if moved to prev domain, false if at start\n  setFocus: (row: number, col: number) => void;\n  setRefineAction: (action: \"all-recommended\" | \"customize\") => void;\n  setSkillSource: (technology: string, skillId: string) => void;\n  setCurrentRefineIndex: (index: number) => void;\n  toggleShowDescriptions: () => void;\n  toggleExpertMode: () => void;\n  toggleInstallMode: () => void;\n  goBack: () => void;\n  reset: () => void;\n\n  // ─────────────────────────────────────────────────────────────────\n  // Computed getters (derive from state)\n  // ─────────────────────────────────────────────────────────────────\n  getAllSelectedTechnologies: () => string[];\n  getCurrentDomain: () => string | null;\n  getSelectedSkills: () => string[]; // All selected skills including preselected\n}\n\nconst createInitialState = () => ({\n  step: \"approach\" as WizardStep,\n  approach: null as \"stack\" | \"scratch\" | null,\n  selectedStackId: null as string | null,\n  stackAction: null as \"defaults\" | \"customize\" | null,\n  selectedDomains: [] as string[],\n  currentDomainIndex: 0,\n  domainSelections: {} as Record<string, Record<string, string[]>>,\n  focusedRow: 0,\n  focusedCol: 0,\n  currentRefineIndex: 0,\n  skillSources: {} as Record<string, string>,\n  refineAction: null as \"all-recommended\" | \"customize\" | null,\n  showDescriptions: false,\n  expertMode: false,\n  installMode: \"local\" as \"plugin\" | \"local\",\n  history: [] as WizardStep[],\n});\n\nexport const useWizardStore = create<WizardState>((set, get) => ({\n  ...createInitialState(),\n\n  setStep: (step) =>\n    set((state) => ({\n      step,\n      history: [...state.history, state.step],\n      // Reset focus when changing steps\n      focusedRow: 0,\n      focusedCol: 0,\n    })),\n\n  setApproach: (approach) => set({ approach }),\n\n  selectStack: (stackId) => set({ selectedStackId: stackId }),\n\n  setStackAction: (action) => set({ stackAction: action }),\n\n  toggleDomain: (domain) =>\n    set((state) => {\n      const isSelected = state.selectedDomains.includes(domain);\n      return {\n        selectedDomains: isSelected\n          ? state.selectedDomains.filter((d) => d !== domain)\n          : [...state.selectedDomains, domain],\n      };\n    }),\n\n  setDomainSelection: (domain, subcategory, technologies) =>\n    set((state) => ({\n      domainSelections: {\n        ...state.domainSelections,\n        [domain]: {\n          ...state.domainSelections[domain],\n          [subcategory]: technologies,\n        },\n      },\n    })),\n\n  toggleTechnology: (domain, subcategory, technology, exclusive) =>\n    set((state) => {\n      const currentSelections =\n        state.domainSelections[domain]?.[subcategory] || [];\n      const isSelected = currentSelections.includes(technology);\n\n      let newSelections: string[];\n      if (exclusive) {\n        // For exclusive categories, toggle off if already selected, otherwise select only this one\n        newSelections = isSelected ? [] : [technology];\n      } else {\n        // For multi-select categories, toggle the selection\n        newSelections = isSelected\n          ? currentSelections.filter((t) => t !== technology)\n          : [...currentSelections, technology];\n      }\n\n      return {\n        domainSelections: {\n          ...state.domainSelections,\n          [domain]: {\n            ...state.domainSelections[domain],\n            [subcategory]: newSelections,\n          },\n        },\n      };\n    }),\n\n  setCurrentDomainIndex: (index) =>\n    set({ currentDomainIndex: index, focusedRow: 0, focusedCol: 0 }),\n\n  nextDomain: () => {\n    const state = get();\n    if (state.currentDomainIndex < state.selectedDomains.length - 1) {\n      set({\n        currentDomainIndex: state.currentDomainIndex + 1,\n        focusedRow: 0,\n        focusedCol: 0,\n      });\n      return true;\n    }\n    return false;\n  },\n\n  prevDomain: () => {\n    const state = get();\n    if (state.currentDomainIndex > 0) {\n      set({\n        currentDomainIndex: state.currentDomainIndex - 1,\n        focusedRow: 0,\n        focusedCol: 0,\n      });\n      return true;\n    }\n    return false;\n  },\n\n  setFocus: (row, col) => set({ focusedRow: row, focusedCol: col }),\n\n  setRefineAction: (action) => set({ refineAction: action }),\n\n  setSkillSource: (technology, skillId) =>\n    set((state) => ({\n      skillSources: {\n        ...state.skillSources,\n        [technology]: skillId,\n      },\n    })),\n\n  setCurrentRefineIndex: (index) => set({ currentRefineIndex: index }),\n\n  toggleShowDescriptions: () =>\n    set((state) => ({ showDescriptions: !state.showDescriptions })),\n\n  toggleExpertMode: () => set((state) => ({ expertMode: !state.expertMode })),\n\n  toggleInstallMode: () =>\n    set((state) => ({\n      installMode: state.installMode === \"plugin\" ? \"local\" : \"plugin\",\n    })),\n\n  goBack: () =>\n    set((state) => {\n      const history = [...state.history];\n      const previousStep = history.pop();\n      return {\n        step: previousStep || \"approach\",\n        history,\n        focusedRow: 0,\n        focusedCol: 0,\n      };\n    }),\n\n  reset: () => set(createInitialState()),\n\n  // ─────────────────────────────────────────────────────────────────\n  // Computed getters\n  // ─────────────────────────────────────────────────────────────────\n  getAllSelectedTechnologies: () => {\n    const state = get();\n    const technologies: string[] = [];\n    for (const domain of Object.keys(state.domainSelections)) {\n      for (const subcategory of Object.keys(state.domainSelections[domain])) {\n        technologies.push(...state.domainSelections[domain][subcategory]);\n      }\n    }\n    return technologies;\n  },\n\n  getCurrentDomain: () => {\n    const state = get();\n    return state.selectedDomains[state.currentDomainIndex] || null;\n  },\n\n  getSelectedSkills: () => {\n    const state = get();\n    // Include preselected methodology skills plus resolved skill sources\n    const skillIds: string[] = [...DEFAULT_PRESELECTED_SKILLS];\n    for (const skillId of Object.values(state.skillSources)) {\n      if (!skillIds.includes(skillId)) {\n        skillIds.push(skillId);\n      }\n    }\n    return skillIds;\n  },\n}));\n"],"mappings":"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","names":[]}

package/dist/{chunk-AU7XVCLO.js → chunk-LQTST4WY.js}

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   DEFAULT_VERSION
-} from "./chunk-SJYG4EJZ.js";
+} from "./chunk-A3J6IAXK.js";
 import {
   ensureDir,
   writeFile
@@ -88,4 +88,4 @@ export {
   writePluginManifest,
   getPluginManifestPath
 };
-//# sourceMappingURL=chunk-AU7XVCLO.js.map
+//# sourceMappingURL=chunk-LQTST4WY.js.map

package/dist/chunk-LVKRVFYR.js

@@ -0,0 +1,54 @@
+#!/usr/bin/env node
+import {
+  init_esm_shims
+} from "./chunk-DHET7RCE.js";
+
+// src/cli-v2/components/wizard/section-progress.tsx
+init_esm_shims();
+import { Box, Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SectionProgress = ({
+  label,
+  current,
+  index,
+  total,
+  next
+}) => {
+  const isLast = index === total;
+  const rightText = isLast ? "Last step" : `Next: ${next}`;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      paddingX: 2,
+      marginBottom: 1,
+      children: [
+        /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsxs(Text, { bold: true, children: [
+            label,
+            ":"
+          ] }),
+          " ",
+          /* @__PURE__ */ jsx(Text, { color: "cyan", children: current })
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "[",
+            index,
+            "/",
+            total,
+            "]"
+          ] }),
+          " ",
+          /* @__PURE__ */ jsx(Text, { dimColor: isLast, children: rightText })
+        ] })
+      ]
+    }
+  );
+};
+
+export {
+  SectionProgress
+};
+//# sourceMappingURL=chunk-LVKRVFYR.js.map

package/dist/chunk-LVKRVFYR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli-v2/components/wizard/section-progress.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Text } from \"ink\";\n\nexport interface SectionProgressProps {\n  /** Section label (e.g., \"Domain\" or \"Skill\") */\n  label: string;\n  /** Current item name (e.g., \"Web\" or \"react\") */\n  current: string;\n  /** 1-based index */\n  index: number;\n  /** Total count */\n  total: number;\n  /** Next item name, or undefined if last */\n  next?: string;\n}\n\nexport const SectionProgress: React.FC<SectionProgressProps> = ({\n  label,\n  current,\n  index,\n  total,\n  next,\n}) => {\n  const isLast = index === total;\n  const rightText = isLast ? \"Last step\" : `Next: ${next}`;\n\n  return (\n    <Box\n      flexDirection=\"row\"\n      justifyContent=\"space-between\"\n      paddingX={2}\n      marginBottom={1}\n    >\n      <Text>\n        <Text bold>{label}:</Text> <Text color=\"cyan\">{current}</Text>\n      </Text>\n      <Text>\n        <Text dimColor>\n          [{index}/{total}]\n        </Text>{\" \"}\n        <Text dimColor={isLast}>{rightText}</Text>\n      </Text>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;AAAA;AACA,SAAS,KAAK,YAAY;AAiClB,SAA2B,KAA3B;AAlBD,IAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,SAAS,UAAU;AACzB,QAAM,YAAY,SAAS,cAAc,SAAS,IAAI;AAEtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,UAAU;AAAA,MACV,cAAc;AAAA,MAEd;AAAA,6BAAC,QACC;AAAA,+BAAC,QAAK,MAAI,MAAE;AAAA;AAAA,YAAM;AAAA,aAAC;AAAA,UAAO;AAAA,UAAC,oBAAC,QAAK,OAAM,QAAQ,mBAAQ;AAAA,WACzD;AAAA,QACA,qBAAC,QACC;AAAA,+BAAC,QAAK,UAAQ,MAAC;AAAA;AAAA,YACX;AAAA,YAAM;AAAA,YAAE;AAAA,YAAM;AAAA,aAClB;AAAA,UAAQ;AAAA,UACR,oBAAC,QAAK,UAAU,QAAS,qBAAU;AAAA,WACrC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/{chunk-ZSKHDU5P.js → chunk-NGBFJJ7Q.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-QESUUPOE.js";
 import {
   CACHE_DIR
-} from "./chunk-SJYG4EJZ.js";
+} from "./chunk-A3J6IAXK.js";
 import {
   verbose
 } from "./chunk-TOPAIL5W.js";
@@ -121,4 +121,4 @@ If you're behind a corporate proxy, you may need to set:
 export {
   fetchFromSource
 };
-//# sourceMappingURL=chunk-ZSKHDU5P.js.map
+//# sourceMappingURL=chunk-NGBFJJ7Q.js.map

package/dist/{chunk-UNHCZRO4.js → chunk-OLBOTK3O.js}

@@ -3,7 +3,7 @@ import {
   DEFAULT_VERSION,
   PLUGIN_MANIFEST_DIR,
   PLUGIN_MANIFEST_FILE
-} from "./chunk-SJYG4EJZ.js";
+} from "./chunk-A3J6IAXK.js";
 import {
   readFile,
   writeFile
@@ -61,4 +61,4 @@ export {
   bumpPluginVersion,
   getPluginVersion
 };
-//# sourceMappingURL=chunk-UNHCZRO4.js.map
+//# sourceMappingURL=chunk-OLBOTK3O.js.map

package/dist/chunk-PPNTD5LO.js

@@ -0,0 +1,330 @@
+#!/usr/bin/env node
+import {
+  init_esm_shims
+} from "./chunk-DHET7RCE.js";
+
+// src/cli-v2/components/wizard/category-grid.tsx
+init_esm_shims();
+import { useCallback, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SYMBOL_SELECTED = "\u25CF";
+var SYMBOL_UNSELECTED = "\u25CB";
+var SYMBOL_DISABLED = "\u2717";
+var SYMBOL_RECOMMENDED = "\u2B50";
+var SYMBOL_DISCOURAGED = "\u26A0";
+var SYMBOL_FOCUS = ">";
+var SYMBOL_REQUIRED = "*";
+var MIN_OPTION_WIDTH = 12;
+var getOptionSymbol = (option) => {
+  if (option.state === "disabled") {
+    return SYMBOL_DISABLED;
+  }
+  return option.selected ? SYMBOL_SELECTED : SYMBOL_UNSELECTED;
+};
+var getStateIndicator = (option) => {
+  if (option.state === "recommended") {
+    return SYMBOL_RECOMMENDED;
+  }
+  if (option.state === "discouraged") {
+    return SYMBOL_DISCOURAGED;
+  }
+  return null;
+};
+var getSymbolColor = (option) => {
+  if (option.state === "disabled") {
+    return "gray";
+  }
+  if (option.selected) {
+    return "green";
+  }
+  return void 0;
+};
+var getLabelColor = (option, isFocused) => {
+  if (option.state === "disabled") {
+    return "gray";
+  }
+  if (isFocused) {
+    return "cyan";
+  }
+  if (option.state === "recommended") {
+    return "green";
+  }
+  if (option.state === "discouraged") {
+    return "yellow";
+  }
+  return void 0;
+};
+var sortOptions = (options, expertMode) => {
+  if (expertMode) {
+    return options;
+  }
+  const stateOrder = {
+    recommended: 0,
+    normal: 1,
+    discouraged: 2,
+    disabled: 3
+  };
+  return [...options].sort((a, b) => {
+    return stateOrder[a.state] - stateOrder[b.state];
+  });
+};
+var findNextValidOption = (options, currentIndex, direction, wrap = true) => {
+  const length = options.length;
+  if (length === 0) return currentIndex;
+  let index = currentIndex;
+  let attempts = 0;
+  while (attempts < length) {
+    index += direction;
+    if (wrap) {
+      if (index < 0) index = length - 1;
+      if (index >= length) index = 0;
+    } else {
+      if (index < 0) index = 0;
+      if (index >= length) index = length - 1;
+    }
+    if (options[index] && options[index].state !== "disabled") {
+      return index;
+    }
+    attempts++;
+  }
+  return currentIndex;
+};
+var findValidStartColumn = (options) => {
+  for (let i = 0; i < options.length; i++) {
+    if (options[i] && options[i].state !== "disabled") {
+      return i;
+    }
+  }
+  return 0;
+};
+var HeaderRow = ({
+  showDescriptions,
+  expertMode
+}) => {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", justifyContent: "flex-end", marginBottom: 1, gap: 2, children: [
+    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "[Tab] Show descriptions: ",
+      showDescriptions ? "ON" : "OFF"
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "[e] Expert Mode: ",
+      expertMode ? "ON" : "OFF"
+    ] })
+  ] });
+};
+var OptionCell = ({
+  option,
+  isFocused,
+  showDescription
+}) => {
+  const symbol = getOptionSymbol(option);
+  const symbolColor = getSymbolColor(option);
+  const labelColor = getLabelColor(option, isFocused);
+  const stateIndicator = getStateIndicator(option);
+  const isDimmed = option.state === "disabled" || option.state === "discouraged";
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", minWidth: MIN_OPTION_WIDTH, marginRight: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: isFocused ? SYMBOL_FOCUS : " " }),
+      /* @__PURE__ */ jsx(Text, { children: " " }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          color: symbolColor,
+          dimColor: isDimmed && option.state === "discouraged",
+          children: symbol
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { children: " " }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          color: labelColor,
+          dimColor: option.state === "disabled",
+          bold: isFocused,
+          strikethrough: option.state === "disabled",
+          children: option.label
+        }
+      ),
+      stateIndicator && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { children: " " }),
+        /* @__PURE__ */ jsx(Text, { color: option.state === "recommended" ? "green" : "yellow", children: stateIndicator })
+      ] })
+    ] }),
+    showDescription && option.stateReason && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "truncate-end", children: option.stateReason }) })
+  ] });
+};
+var CategoryRowComponent = ({
+  category,
+  options,
+  focusedCol,
+  isRowFocused,
+  showDescriptions
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "row",
+      alignItems: "flex-start",
+      marginBottom: showDescriptions ? 1 : 0,
+      children: [
+        /* @__PURE__ */ jsx(Box, { minWidth: 16, marginRight: 2, children: /* @__PURE__ */ jsxs(Text, { bold: isRowFocused, color: isRowFocused ? "cyan" : void 0, children: [
+          category.name,
+          category.required && /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+            " ",
+            SYMBOL_REQUIRED
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Box, { flexDirection: "row", flexWrap: "wrap", children: options.map((option, index) => /* @__PURE__ */ jsx(
+          OptionCell,
+          {
+            option,
+            isFocused: isRowFocused && index === focusedCol,
+            showDescription: showDescriptions
+          },
+          option.id
+        )) }),
+        !category.required && /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(optional)" }) })
+      ]
+    }
+  );
+};
+var LegendRow = () => {
+  return /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+    "Legend: ",
+    /* @__PURE__ */ jsx(Text, { color: "green", children: SYMBOL_SELECTED }),
+    " selected",
+    "   ",
+    /* @__PURE__ */ jsx(Text, { color: "green", children: SYMBOL_RECOMMENDED }),
+    " recommended",
+    "   ",
+    /* @__PURE__ */ jsx(Text, { color: "yellow", children: SYMBOL_DISCOURAGED }),
+    " discouraged",
+    "   ",
+    /* @__PURE__ */ jsx(Text, { color: "gray", children: SYMBOL_DISABLED }),
+    " disabled"
+  ] }) });
+};
+var CategoryGrid = ({
+  categories,
+  focusedRow,
+  focusedCol,
+  showDescriptions,
+  expertMode,
+  onToggle,
+  onFocusChange,
+  onToggleDescriptions,
+  onToggleExpertMode
+}) => {
+  const processedCategories = categories.map((category) => ({
+    ...category,
+    sortedOptions: sortOptions(category.options, expertMode)
+  }));
+  const currentRow = processedCategories[focusedRow];
+  const currentOptions = currentRow?.sortedOptions || [];
+  useEffect(() => {
+    if (!currentRow) return;
+    const maxCol = currentOptions.length - 1;
+    if (focusedCol > maxCol) {
+      const newCol = Math.max(0, maxCol);
+      onFocusChange(focusedRow, newCol);
+    } else if (currentOptions[focusedCol]?.state === "disabled") {
+      const validCol = findValidStartColumn(currentOptions);
+      if (validCol !== focusedCol) {
+        onFocusChange(focusedRow, validCol);
+      }
+    }
+  }, [focusedRow, currentOptions, focusedCol, onFocusChange, currentRow]);
+  useInput(
+    useCallback(
+      (input, key) => {
+        if (key.tab) {
+          onToggleDescriptions();
+          return;
+        }
+        if (input === "e" || input === "E") {
+          onToggleExpertMode();
+          return;
+        }
+        if (input === " ") {
+          const currentOption = currentOptions[focusedCol];
+          if (currentOption && currentOption.state !== "disabled") {
+            onToggle(currentRow.id, currentOption.id);
+          }
+          return;
+        }
+        const isLeft = key.leftArrow || input === "h";
+        const isRight = key.rightArrow || input === "l";
+        const isUp = key.upArrow || input === "k";
+        const isDown = key.downArrow || input === "j";
+        if (isLeft) {
+          const newCol = findNextValidOption(
+            currentOptions,
+            focusedCol,
+            -1,
+            true
+          );
+          onFocusChange(focusedRow, newCol);
+        } else if (isRight) {
+          const newCol = findNextValidOption(
+            currentOptions,
+            focusedCol,
+            1,
+            true
+          );
+          onFocusChange(focusedRow, newCol);
+        } else if (isUp) {
+          const newRow = focusedRow <= 0 ? processedCategories.length - 1 : focusedRow - 1;
+          const newRowOptions = processedCategories[newRow]?.sortedOptions || [];
+          let newCol = Math.min(focusedCol, newRowOptions.length - 1);
+          if (newRowOptions[newCol]?.state === "disabled") {
+            newCol = findValidStartColumn(newRowOptions);
+          }
+          onFocusChange(newRow, newCol);
+        } else if (isDown) {
+          const newRow = focusedRow >= processedCategories.length - 1 ? 0 : focusedRow + 1;
+          const newRowOptions = processedCategories[newRow]?.sortedOptions || [];
+          let newCol = Math.min(focusedCol, newRowOptions.length - 1);
+          if (newRowOptions[newCol]?.state === "disabled") {
+            newCol = findValidStartColumn(newRowOptions);
+          }
+          onFocusChange(newRow, newCol);
+        }
+      },
+      [
+        focusedRow,
+        focusedCol,
+        currentOptions,
+        currentRow,
+        processedCategories,
+        onToggle,
+        onFocusChange,
+        onToggleDescriptions,
+        onToggleExpertMode
+      ]
+    )
+  );
+  if (categories.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No categories to display." }) });
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(HeaderRow, { showDescriptions, expertMode }),
+    processedCategories.map((category, rowIndex) => /* @__PURE__ */ jsx(
+      CategoryRowComponent,
+      {
+        category,
+        options: category.sortedOptions,
+        focusedCol,
+        isRowFocused: rowIndex === focusedRow,
+        showDescriptions
+      },
+      category.id
+    )),
+    /* @__PURE__ */ jsx(LegendRow, {})
+  ] });
+};
+
+export {
+  CategoryGrid
+};
+//# sourceMappingURL=chunk-PPNTD5LO.js.map