@claude-collective/cli 0.13.4 → 0.25.1

package/dist/components/common/confirm.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/cli/components/common/confirm.test.tsx"],"sourcesContent":["// ConfirmInput requires longer delays than other components for useInput processing\nimport React from \"react\";\nimport { render } from \"ink-testing-library\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\nimport { Confirm } from \"./confirm\";\nimport { KEY_Y, KEY_N, ENTER, RENDER_DELAY_MS, delay } from \"../../lib/__tests__/test-constants\";\n\nconst CONFIRM_INPUT_DELAY_MS = 100;\n\ndescribe(\"Confirm component\", () => {\n  let cleanup: (() => void) | undefined;\n\n  afterEach(() => {\n    cleanup?.();\n    cleanup = undefined;\n  });\n\n  describe(\"rendering\", () => {\n    it(\"should render the message\", () => {\n      const { lastFrame, unmount } = render(\n        <Confirm message=\"Do you want to proceed?\" onConfirm={() => {}} onCancel={() => {}} />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Do you want to proceed?\");\n    });\n\n    it(\"should show y/n prompt\", () => {\n      const { lastFrame, unmount } = render(\n        <Confirm message=\"Continue?\" onConfirm={() => {}} onCancel={() => {}} />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // ConfirmInput shows (Y/n) or (y/N) depending on default\n      expect(output?.toLowerCase()).toMatch(/[yn]/);\n    });\n\n    it(\"should show Y/n when default is confirm (true)\", () => {\n      const { lastFrame, unmount } = render(\n        <Confirm message=\"Confirm?\" onConfirm={() => {}} onCancel={() => {}} defaultValue={true} />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Y/n\");\n    });\n\n    it(\"should show y/N when default is cancel (false)\", () => {\n      const { lastFrame, unmount } = render(\n        <Confirm\n          message=\"Confirm?\"\n          onConfirm={() => {}}\n          onCancel={() => {}}\n          defaultValue={false}\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"y/N\");\n    });\n  });\n\n  describe(\"keyboard interactions\", () => {\n    it(\"should call onConfirm when pressing y\", async () => {\n      const onConfirm = vi.fn();\n      const onCancel = vi.fn();\n\n      const { stdin, unmount } = render(\n        <Confirm message=\"Confirm?\" onConfirm={onConfirm} onCancel={onCancel} />,\n      );\n      cleanup = unmount;\n\n      // Wait for component to mount and set up input handler\n      await delay(RENDER_DELAY_MS);\n\n      await stdin.write(KEY_Y);\n      await delay(CONFIRM_INPUT_DELAY_MS);\n\n      expect(onConfirm).toHaveBeenCalled();\n      expect(onCancel).not.toHaveBeenCalled();\n    });\n\n    it(\"should call onCancel when pressing n\", async () => {\n      const onConfirm = vi.fn();\n      const onCancel = vi.fn();\n\n      const { stdin, unmount } = render(\n        <Confirm message=\"Confirm?\" onConfirm={onConfirm} onCancel={onCancel} />,\n      );\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n\n      await stdin.write(KEY_N);\n      await delay(CONFIRM_INPUT_DELAY_MS);\n\n      expect(onCancel).toHaveBeenCalled();\n      expect(onConfirm).not.toHaveBeenCalled();\n    });\n\n    it(\"should call onConfirm when default is true and enter pressed\", async () => {\n      const onConfirm = vi.fn();\n      const onCancel = vi.fn();\n\n      const { stdin, unmount } = render(\n        <Confirm\n          message=\"Confirm?\"\n          onConfirm={onConfirm}\n          onCancel={onCancel}\n          defaultValue={true}\n        />,\n      );\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n\n      await stdin.write(ENTER);\n      await delay(CONFIRM_INPUT_DELAY_MS);\n\n      expect(onConfirm).toHaveBeenCalled();\n      expect(onCancel).not.toHaveBeenCalled();\n    });\n\n    it(\"should call onCancel when default is false and enter pressed\", async () => {\n      const onConfirm = vi.fn();\n      const onCancel = vi.fn();\n\n      const { stdin, unmount } = render(\n        <Confirm\n          message=\"Confirm?\"\n          onConfirm={onConfirm}\n          onCancel={onCancel}\n          defaultValue={false}\n        />,\n      );\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n\n      await stdin.write(ENTER);\n      await delay(CONFIRM_INPUT_DELAY_MS);\n\n      expect(onCancel).toHaveBeenCalled();\n      expect(onConfirm).not.toHaveBeenCalled();\n    });\n\n    it(\"should handle uppercase Y\", async () => {\n      const onConfirm = vi.fn();\n\n      const { stdin, unmount } = render(\n        <Confirm message=\"Confirm?\" onConfirm={onConfirm} onCancel={() => {}} />,\n      );\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n\n      await stdin.write(\"Y\");\n      await delay(CONFIRM_INPUT_DELAY_MS);\n\n      expect(onConfirm).toHaveBeenCalled();\n    });\n\n    it(\"should handle uppercase N\", async () => {\n      const onCancel = vi.fn();\n\n      const { stdin, unmount } = render(\n        <Confirm message=\"Confirm?\" onConfirm={() => {}} onCancel={onCancel} />,\n      );\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n\n      await stdin.write(\"N\");\n      await delay(CONFIRM_INPUT_DELAY_MS);\n\n      expect(onCancel).toHaveBeenCalled();\n    });\n  });\n\n  describe(\"default value\", () => {\n    it(\"should default to false when not specified\", () => {\n      const { lastFrame, unmount } = render(\n        <Confirm message=\"Confirm?\" onConfirm={() => {}} onCancel={() => {}} />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // When default is false, N is capitalized (y/N)\n      expect(output).toContain(\"y/N\");\n    });\n\n    it(\"should render with specified default value of true\", () => {\n      const { lastFrame, unmount } = render(\n        <Confirm message=\"Confirm?\" onConfirm={() => {}} onCancel={() => {}} defaultValue={true} />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // When default is true, Y is capitalized (Y/n)\n      expect(output).toContain(\"Y/n\");\n    });\n  });\n});\n"],"mappings":"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","names":[]}

package/dist/components/common/message.js

@@ -1,20 +1,16 @@
 #!/usr/bin/env node
 import {
   init_esm_shims
-} from "../../chunk-DHET7RCE.js";
+} from "../../chunk-AWKZ5BDL.js";
 
 // src/cli/components/common/message.tsx
 init_esm_shims();
 import { Alert } from "@inkjs/ui";
 import { jsx } from "react/jsx-runtime";
 var InfoMessage = ({ children }) => /* @__PURE__ */ jsx(Alert, { variant: "info", children });
-var WarningMessage = ({
-  children
-}) => /* @__PURE__ */ jsx(Alert, { variant: "warning", children });
+var WarningMessage = ({ children }) => /* @__PURE__ */ jsx(Alert, { variant: "warning", children });
 var ErrorMessage = ({ children }) => /* @__PURE__ */ jsx(Alert, { variant: "error", children });
-var SuccessMessage = ({
-  children
-}) => /* @__PURE__ */ jsx(Alert, { variant: "success", children });
+var SuccessMessage = ({ children }) => /* @__PURE__ */ jsx(Alert, { variant: "success", children });
 export {
   ErrorMessage,
   InfoMessage,

package/dist/components/common/message.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/cli/components/common/message.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@inkjs/ui\";\n\nexport const InfoMessage: React.FC<{ children: string }> = ({ children }) => (\n  <Alert variant=\"info\">{children}</Alert>\n);\n\nexport const WarningMessage: React.FC<{ children: string }> = ({\n  children,\n}) => <Alert variant=\"warning\">{children}</Alert>;\n\nexport const ErrorMessage: React.FC<{ children: string }> = ({ children }) => (\n  <Alert variant=\"error\">{children}</Alert>\n);\n\nexport const SuccessMessage: React.FC<{ children: string }> = ({\n  children,\n}) => <Alert variant=\"success\">{children}</Alert>;\n"],"mappings":";;;;;;AAAA;AACA,SAAS,aAAa;AAGpB;AADK,IAAM,cAA8C,CAAC,EAAE,SAAS,MACrE,oBAAC,SAAM,SAAQ,QAAQ,UAAS;AAG3B,IAAM,iBAAiD,CAAC;AAAA,EAC7D;AACF,MAAM,oBAAC,SAAM,SAAQ,WAAW,UAAS;AAElC,IAAM,eAA+C,CAAC,EAAE,SAAS,MACtE,oBAAC,SAAM,SAAQ,SAAS,UAAS;AAG5B,IAAM,iBAAiD,CAAC;AAAA,EAC7D;AACF,MAAM,oBAAC,SAAM,SAAQ,WAAW,UAAS;","names":[]}
+{"version":3,"sources":["../../../src/cli/components/common/message.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@inkjs/ui\";\n\nexport const InfoMessage: React.FC<{ children: string }> = ({ children }) => (\n  <Alert variant=\"info\">{children}</Alert>\n);\n\nexport const WarningMessage: React.FC<{ children: string }> = ({ children }) => (\n  <Alert variant=\"warning\">{children}</Alert>\n);\n\nexport const ErrorMessage: React.FC<{ children: string }> = ({ children }) => (\n  <Alert variant=\"error\">{children}</Alert>\n);\n\nexport const SuccessMessage: React.FC<{ children: string }> = ({ children }) => (\n  <Alert variant=\"success\">{children}</Alert>\n);\n"],"mappings":";;;;;;AAAA;AACA,SAAS,aAAa;AAGpB;AADK,IAAM,cAA8C,CAAC,EAAE,SAAS,MACrE,oBAAC,SAAM,SAAQ,QAAQ,UAAS;AAG3B,IAAM,iBAAiD,CAAC,EAAE,SAAS,MACxE,oBAAC,SAAM,SAAQ,WAAW,UAAS;AAG9B,IAAM,eAA+C,CAAC,EAAE,SAAS,MACtE,oBAAC,SAAM,SAAQ,SAAS,UAAS;AAG5B,IAAM,iBAAiD,CAAC,EAAE,SAAS,MACxE,oBAAC,SAAM,SAAQ,WAAW,UAAS;","names":[]}

package/dist/components/common/spinner.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   init_esm_shims
-} from "../../chunk-DHET7RCE.js";
+} from "../../chunk-AWKZ5BDL.js";
 
 // src/cli/components/common/spinner.tsx
 init_esm_shims();

package/dist/components/common/spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/cli/components/common/spinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { Spinner as InkSpinner } from \"@inkjs/ui\";\n\ninterface SpinnerProps {\n  label: string;\n}\n\nexport const Spinner: React.FC<SpinnerProps> = ({ label }) => (\n  <InkSpinner label={label} />\n);\n"],"mappings":";;;;;;AAAA;AACA,SAAS,WAAW,kBAAkB;AAOpC;AADK,IAAM,UAAkC,CAAC,EAAE,MAAM,MACtD,oBAAC,cAAW,OAAc;","names":[]}
+{"version":3,"sources":["../../../src/cli/components/common/spinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { Spinner as InkSpinner } from \"@inkjs/ui\";\n\ntype SpinnerProps = {\n  label: string;\n};\n\nexport const Spinner: React.FC<SpinnerProps> = ({ label }) => <InkSpinner label={label} />;\n"],"mappings":";;;;;;AAAA;AACA,SAAS,WAAW,kBAAkB;AAMwB;AAAvD,IAAM,UAAkC,CAAC,EAAE,MAAM,MAAM,oBAAC,cAAW,OAAc;","names":[]}

package/dist/components/skill-search/skill-search.js

@@ -1,9 +1,9 @@
 #!/usr/bin/env node
 import {
   SkillSearch
-} from "../../chunk-ACNBKXXJ.js";
-import "../../chunk-Z2CWURZ6.js";
-import "../../chunk-DHET7RCE.js";
+} from "../../chunk-GGFOD5PK.js";
+import "../../chunk-UNN7523L.js";
+import "../../chunk-AWKZ5BDL.js";
 export {
   SkillSearch
 };

package/dist/components/wizard/category-grid.js

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
 import {
   CategoryGrid
-} from "../../chunk-Z7G4B5HJ.js";
-import "../../chunk-DHET7RCE.js";
+} from "../../chunk-ETCVEV3S.js";
+import "../../chunk-AWKZ5BDL.js";
 export {
   CategoryGrid
 };

package/dist/components/wizard/category-grid.test.js

@@ -8,23 +8,23 @@ import {
   RENDER_DELAY_MS,
   TAB,
   delay
-} from "../../chunk-6Q3Y7KVB.js";
+} from "../../chunk-DBRUQQUF.js";
 import {
   render
-} from "../../chunk-66UDJBF6.js";
+} from "../../chunk-REJGRCVQ.js";
 import {
   afterEach,
   describe,
   globalExpect,
   it,
   vi
-} from "../../chunk-XY3XDVMI.js";
+} from "../../chunk-QR2EBWL2.js";
 import {
   CategoryGrid
-} from "../../chunk-Z7G4B5HJ.js";
+} from "../../chunk-ETCVEV3S.js";
 import {
   init_esm_shims
-} from "../../chunk-DHET7RCE.js";
+} from "../../chunk-AWKZ5BDL.js";
 
 // src/cli/components/wizard/category-grid.test.tsx
 init_esm_shims();
@@ -36,9 +36,9 @@ var createOption = (id, label, overrides = {}) => ({
   selected: false,
   ...overrides
 });
-var createCategory = (id, name, options, overrides = {}) => ({
+var createCategory = (id, displayName, options, overrides = {}) => ({
   id,
-  name,
+  displayName,
   required: false,
   exclusive: true,
   options,
@@ -49,13 +49,13 @@ var defaultCategories = [
     "framework",
     "Framework",
     [
-      createOption("react", "React", {
+      createOption("web-test-react", "React", {
         state: "recommended",
         stateReason: "Popular choice"
       }),
-      createOption("vue", "Vue"),
-      createOption("angular", "Angular"),
-      createOption("svelte", "Svelte")
+      createOption("web-test-vue", "Vue"),
+      createOption("web-test-angular", "Angular"),
+      createOption("web-test-svelte", "Svelte")
     ],
     { required: true }
   ),
@@ -63,45 +63,43 @@ var defaultCategories = [
     "styling",
     "Styling",
     [
-      createOption("scss-mod", "SCSS Modules", { selected: true }),
-      createOption("tailwind", "Tailwind", { state: "recommended" }),
-      createOption("styled", "Styled Components"),
-      createOption("vanilla", "Vanilla CSS")
+      createOption("web-scss-mod", "SCSS Modules", { selected: true }),
+      createOption("web-test-tailwind", "Tailwind", { state: "recommended" }),
+      createOption("web-test-styled", "Styled Components"),
+      createOption("web-test-vanilla", "Vanilla CSS")
     ],
     { required: true }
   ),
   createCategory("client-state", "Client State", [
-    createOption("zustand", "Zustand", { state: "recommended" }),
-    createOption("jotai", "Jotai"),
-    createOption("redux", "Redux", {
+    createOption("web-test-zustand", "Zustand", { state: "recommended" }),
+    createOption("web-test-jotai", "Jotai"),
+    createOption("web-test-redux", "Redux", {
       state: "discouraged",
       stateReason: "Complex for most apps"
     }),
-    createOption("mobx", "MobX")
+    createOption("web-test-mobx", "MobX")
   ]),
   createCategory("server-state", "Server State", [
-    createOption("react-query", "React Query", { selected: true }),
-    createOption("swr", "SWR"),
-    createOption("apollo", "Apollo")
+    createOption("web-react-query", "React Query", { selected: true }),
+    createOption("web-test-swr", "SWR"),
+    createOption("web-test-apollo", "Apollo")
   ]),
-  createCategory("analytics", "Analytics", [
-    createOption("posthog", "PostHog")
-  ])
+  createCategory("analytics", "Analytics", [createOption("web-test-posthog", "PostHog")])
 ];
 var categoriesWithFramework = [
   createCategory(
     "framework",
     "Framework",
     [
-      createOption("react", "React", {
+      createOption("web-test-react", "React", {
         state: "recommended",
         stateReason: "Popular choice",
         selected: true
         // Framework selected
       }),
-      createOption("vue", "Vue"),
-      createOption("angular", "Angular"),
-      createOption("svelte", "Svelte")
+      createOption("web-test-vue", "Vue"),
+      createOption("web-test-angular", "Angular"),
+      createOption("web-test-svelte", "Svelte")
     ],
     { required: true }
   ),
@@ -109,18 +107,18 @@ var categoriesWithFramework = [
     "styling",
     "Styling",
     [
-      createOption("scss-mod", "SCSS Modules"),
-      createOption("tailwind", "Tailwind", { state: "recommended" }),
-      createOption("styled", "Styled Components"),
-      createOption("vanilla", "Vanilla CSS")
+      createOption("web-scss-mod", "SCSS Modules"),
+      createOption("web-test-tailwind", "Tailwind", { state: "recommended" }),
+      createOption("web-test-styled", "Styled Components"),
+      createOption("web-test-vanilla", "Vanilla CSS")
     ],
     { required: true }
   ),
   createCategory("client-state", "Client State", [
-    createOption("zustand", "Zustand", { state: "recommended" }),
-    createOption("jotai", "Jotai"),
-    createOption("redux", "Redux", { state: "discouraged" }),
-    createOption("mobx", "MobX")
+    createOption("web-test-zustand", "Zustand", { state: "recommended" }),
+    createOption("web-test-jotai", "Jotai"),
+    createOption("web-test-redux", "Redux", { state: "discouraged" }),
+    createOption("web-test-mobx", "MobX")
   ])
 ];
 var defaultProps = {
@@ -131,8 +129,7 @@ var defaultProps = {
   expertMode: false,
   onToggle: vi.fn(),
   onFocusChange: vi.fn(),
-  onToggleDescriptions: vi.fn(),
-  onToggleExpertMode: vi.fn()
+  onToggleDescriptions: vi.fn()
 };
 var renderGrid = (props = {}) => {
   return render(/* @__PURE__ */ jsx(CategoryGrid, { ...defaultProps, ...props }));
@@ -142,7 +139,6 @@ describe("CategoryGrid component", () => {
   afterEach(() => {
     cleanup?.();
     cleanup = void 0;
-    vi.clearAllMocks();
   });
   describe("rendering", () => {
     it("should render all categories as sections", () => {
@@ -178,23 +174,6 @@ describe("CategoryGrid component", () => {
       const output = lastFrame();
       globalExpect(output).not.toContain("(optional)");
     });
-    it("should render legend row with visual states", () => {
-      const { lastFrame, unmount } = renderGrid();
-      cleanup = unmount;
-      const output = lastFrame();
-      globalExpect(output).toContain("Legend:");
-      globalExpect(output).toContain("selected");
-      globalExpect(output).toContain("recommended");
-      globalExpect(output).toContain("discouraged");
-      globalExpect(output).toContain("disabled");
-    });
-    it("should render header with toggle hints", () => {
-      const { lastFrame, unmount } = renderGrid();
-      cleanup = unmount;
-      const output = lastFrame();
-      globalExpect(output).toContain("[d] Descriptions");
-      globalExpect(output).toContain("[e] Expert Mode");
-    });
     it("should handle empty categories array", () => {
       const { lastFrame, unmount } = renderGrid({ categories: [] });
       cleanup = unmount;
@@ -237,9 +216,9 @@ describe("CategoryGrid component", () => {
     });
     it("should show disabled options with dimmed styling", () => {
       const categories = [
-        createCategory("test", "Test", [
-          createOption("opt1", "Option 1"),
-          createOption("opt2", "Option 2", { state: "disabled" })
+        createCategory("testing", "Test", [
+          createOption("web-test-opt1", "Option 1"),
+          createOption("web-test-opt2", "Option 2", { state: "disabled" })
         ])
       ];
       const { lastFrame, unmount } = renderGrid({ categories });
@@ -270,10 +249,10 @@ describe("CategoryGrid component", () => {
     it("should not lock any sections when no framework category exists", () => {
       const categoriesNoFramework = [
         createCategory("styling", "Styling", [
-          createOption("scss", "SCSS"),
-          createOption("tailwind", "Tailwind")
+          createOption("web-test-scss", "SCSS"),
+          createOption("web-test-tailwind", "Tailwind")
         ]),
-        createCategory("state", "State", [createOption("zustand", "Zustand")])
+        createCategory("client-state", "State", [createOption("web-test-zustand", "Zustand")])
       ];
       const { lastFrame, unmount } = renderGrid({
         categories: categoriesNoFramework
@@ -488,7 +467,7 @@ describe("CategoryGrid component", () => {
       await delay(RENDER_DELAY_MS);
       await stdin.write(" ");
       await delay(INPUT_DELAY_MS);
-      globalExpect(onToggle).toHaveBeenCalledWith("framework", "vue");
+      globalExpect(onToggle).toHaveBeenCalledWith("framework", "web-test-vue");
     });
     it("should call onToggle when pressing space on a selected option", async () => {
       const onToggle = vi.fn();
@@ -497,8 +476,8 @@ describe("CategoryGrid component", () => {
           "framework",
           "Framework",
           [
-            createOption("react", "React", { selected: true }),
-            createOption("vue", "Vue")
+            createOption("web-test-react", "React", { selected: true }),
+            createOption("web-test-vue", "Vue")
           ],
           { required: true }
         )
@@ -515,14 +494,14 @@ describe("CategoryGrid component", () => {
       await delay(RENDER_DELAY_MS);
       await stdin.write(" ");
       await delay(INPUT_DELAY_MS);
-      globalExpect(onToggle).toHaveBeenCalledWith("framework", "react");
+      globalExpect(onToggle).toHaveBeenCalledWith("framework", "web-test-react");
     });
     it("should NOT call onToggle when pressing space on a disabled option", async () => {
       const onToggle = vi.fn();
       const categories = [
-        createCategory("test", "Test", [
-          createOption("opt1", "Option 1", { state: "disabled" }),
-          createOption("opt2", "Option 2")
+        createCategory("testing", "Test", [
+          createOption("web-test-opt1", "Option 1", { state: "disabled" }),
+          createOption("web-test-opt2", "Option 2")
         ])
       ];
       const { stdin, unmount } = renderGrid({
@@ -558,10 +537,10 @@ describe("CategoryGrid component", () => {
     it("should skip disabled options when navigating right", async () => {
       const onFocusChange = vi.fn();
       const categories = [
-        createCategory("test", "Test", [
-          createOption("opt1", "Option 1"),
-          createOption("opt2", "Option 2", { state: "disabled" }),
-          createOption("opt3", "Option 3")
+        createCategory("testing", "Test", [
+          createOption("web-test-opt1", "Option 1"),
+          createOption("web-test-opt2", "Option 2", { state: "disabled" }),
+          createOption("web-test-opt3", "Option 3")
         ])
       ];
       const { stdin, unmount } = renderGrid({
@@ -580,10 +559,10 @@ describe("CategoryGrid component", () => {
     it("should skip disabled options when navigating left", async () => {
       const onFocusChange = vi.fn();
       const categories = [
-        createCategory("test", "Test", [
-          createOption("opt1", "Option 1"),
-          createOption("opt2", "Option 2", { state: "disabled" }),
-          createOption("opt3", "Option 3")
+        createCategory("testing", "Test", [
+          createOption("web-test-opt1", "Option 1"),
+          createOption("web-test-opt2", "Option 2", { state: "disabled" }),
+          createOption("web-test-opt3", "Option 3")
         ])
       ];
       const { stdin, unmount } = renderGrid({
@@ -603,9 +582,9 @@ describe("CategoryGrid component", () => {
     it("should handle all options disabled in a row", async () => {
       const onFocusChange = vi.fn();
       const categories = [
-        createCategory("test", "Test", [
-          createOption("opt1", "Option 1", { state: "disabled" }),
-          createOption("opt2", "Option 2", { state: "disabled" })
+        createCategory("testing", "Test", [
+          createOption("web-test-opt1", "Option 1", { state: "disabled" }),
+          createOption("web-test-opt2", "Option 2", { state: "disabled" })
         ])
       ];
       const { stdin, unmount } = renderGrid({
@@ -683,57 +662,21 @@ describe("CategoryGrid component", () => {
       const output = lastFrame();
       globalExpect(output).toBeDefined();
     });
-    it("should show toggle state in header", () => {
-      const { lastFrame: frame1, unmount: unmount1 } = renderGrid({
-        showDescriptions: false
-      });
-      const output1 = frame1();
-      unmount1();
-      const { lastFrame: frame2, unmount: unmount2 } = renderGrid({
+    it("should show descriptions when enabled", () => {
+      const { lastFrame, unmount } = renderGrid({
         showDescriptions: true
       });
-      cleanup = unmount2;
-      const output2 = frame2();
-      globalExpect(output1).toContain("Descriptions: OFF");
-      globalExpect(output2).toContain("Descriptions: ON");
-    });
-  });
-  describe("expert mode toggle", () => {
-    it("should call onToggleExpertMode when pressing e", async () => {
-      const onToggleExpertMode = vi.fn();
-      const { stdin, unmount } = renderGrid({
-        onToggleExpertMode
-      });
       cleanup = unmount;
-      await delay(RENDER_DELAY_MS);
-      await stdin.write("e");
-      await delay(INPUT_DELAY_MS);
-      globalExpect(onToggleExpertMode).toHaveBeenCalled();
+      const output = lastFrame();
+      globalExpect(output).toContain("Popular choice");
     });
-    it("should call onToggleExpertMode when pressing E (uppercase)", async () => {
-      const onToggleExpertMode = vi.fn();
-      const { stdin, unmount } = renderGrid({
-        onToggleExpertMode
-      });
+  });
+  describe("expert mode", () => {
+    it("should not handle expert mode toggle locally (handled globally)", () => {
+      const { lastFrame, unmount } = renderGrid();
       cleanup = unmount;
-      await delay(RENDER_DELAY_MS);
-      await stdin.write("E");
-      await delay(INPUT_DELAY_MS);
-      globalExpect(onToggleExpertMode).toHaveBeenCalled();
-    });
-    it("should show toggle state in header", () => {
-      const { lastFrame: frame1, unmount: unmount1 } = renderGrid({
-        expertMode: false
-      });
-      const output1 = frame1();
-      unmount1();
-      const { lastFrame: frame2, unmount: unmount2 } = renderGrid({
-        expertMode: true
-      });
-      cleanup = unmount2;
-      const output2 = frame2();
-      globalExpect(output1).toContain("Expert Mode: OFF");
-      globalExpect(output2).toContain("Expert Mode: ON");
+      const output = lastFrame();
+      globalExpect(output).not.toContain("[e] Expert Mode");
     });
   });
   describe("option ordering", () => {
@@ -753,9 +696,7 @@ describe("CategoryGrid component", () => {
   describe("edge cases", () => {
     it("should handle single category", () => {
       const categories = [
-        createCategory("single", "Single Category", [
-          createOption("opt1", "Option 1")
-        ])
+        createCategory("forms", "Single Category", [createOption("web-test-opt1", "Option 1")])
       ];
       const { lastFrame, unmount } = renderGrid({ categories });
       cleanup = unmount;
@@ -765,9 +706,7 @@ describe("CategoryGrid component", () => {
     });
     it("should handle single option in category", () => {
       const categories = [
-        createCategory("single", "Single", [
-          createOption("only", "Only Option")
-        ])
+        createCategory("forms", "Single", [createOption("web-test-only", "Only Option")])
       ];
       const { lastFrame, unmount } = renderGrid({ categories });
       cleanup = unmount;
@@ -777,11 +716,9 @@ describe("CategoryGrid component", () => {
     it("should handle category with many options (flows naturally)", () => {
       const options = Array.from(
         { length: 10 },
-        (_, i) => createOption(`opt${i}`, `Option ${i}`)
+        (_, i) => createOption(`web-test-opt${i}`, `Option ${i}`)
       );
-      const categories = [
-        createCategory("many", "Many Options", options)
-      ];
+      const categories = [createCategory("mocking", "Many Options", options)];
       const { lastFrame, unmount } = renderGrid({ categories });
       cleanup = unmount;
       const output = lastFrame();
@@ -791,9 +728,9 @@ describe("CategoryGrid component", () => {
     });
     it("should handle long option labels", () => {
       const categories = [
-        createCategory("long", "Long Labels", [
-          createOption("long1", "Very Long Option Name"),
-          createOption("long2", "Another Long Name")
+        createCategory("i18n", "Long Labels", [
+          createOption("web-test-long1", "Very Long Option Name"),
+          createOption("web-test-long2", "Another Long Name")
         ])
       ];
       const { lastFrame, unmount } = renderGrid({ categories });
@@ -803,17 +740,15 @@ describe("CategoryGrid component", () => {
     });
     it("should handle categories with different option counts", () => {
       const categories = [
-        createCategory("cat1", "Category 1", [
-          createOption("opt1", "Option 1"),
-          createOption("opt2", "Option 2")
+        createCategory("framework", "Category 1", [
+          createOption("web-test-opt1", "Option 1"),
+          createOption("web-test-opt2", "Option 2")
         ]),
-        createCategory("cat2", "Category 2", [
-          createOption("opt3", "Option 3")
-        ]),
-        createCategory("cat3", "Category 3", [
-          createOption("opt4", "Option 4"),
-          createOption("opt5", "Option 5"),
-          createOption("opt6", "Option 6")
+        createCategory("styling", "Category 2", [createOption("web-test-opt3", "Option 3")]),
+        createCategory("client-state", "Category 3", [
+          createOption("web-test-opt4", "Option 4"),
+          createOption("web-test-opt5", "Option 5"),
+          createOption("web-test-opt6", "Option 6")
         ])
       ];
       const { lastFrame, unmount } = renderGrid({ categories });
@@ -832,16 +767,14 @@ describe("CategoryGrid component", () => {
           "framework",
           "Framework",
           [
-            createOption("opt1", "Option 1", { selected: true }),
+            createOption("web-test-opt1", "Option 1", { selected: true }),
             // Framework selected
-            createOption("opt2", "Option 2"),
-            createOption("opt3", "Option 3")
+            createOption("web-test-opt2", "Option 2"),
+            createOption("web-test-opt3", "Option 3")
           ],
           { required: true }
         ),
-        createCategory("cat2", "Category 2", [
-          createOption("opt4", "Option 4")
-        ])
+        createCategory("styling", "Category 2", [createOption("web-test-opt4", "Option 4")])
       ];
       const { stdin, unmount } = renderGrid({
         categories,
@@ -857,5 +790,54 @@ describe("CategoryGrid component", () => {
       globalExpect(onFocusChange).toHaveBeenCalledWith(1, 0);
     });
   });
+  describe("installed indicator", () => {
+    it("should show checkmark for installed skill", () => {
+      const categories = [
+        createCategory("forms", "Forms", [
+          createOption("web-test-opt1", "Option 1", { installed: true })
+        ])
+      ];
+      const { lastFrame, unmount } = renderGrid({ categories });
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("\u2713");
+      globalExpect(output).toContain("Option 1");
+    });
+    it("should NOT show checkmark for non-installed skill", () => {
+      const categories = [
+        createCategory("forms", "Forms", [createOption("web-test-opt1", "Option 1")])
+      ];
+      const { lastFrame, unmount } = renderGrid({ categories });
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).not.toContain("\u2713");
+      globalExpect(output).toContain("Option 1");
+    });
+    it("should show both checkmark and cyan styling when installed and selected", () => {
+      const categories = [
+        createCategory("forms", "Forms", [
+          createOption("web-test-opt1", "Option 1", { installed: true, selected: true })
+        ])
+      ];
+      const { lastFrame, unmount } = renderGrid({ categories });
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("\u2713");
+      globalExpect(output).toContain("Option 1");
+    });
+    it("should show both L badge and checkmark when local and installed", () => {
+      const categories = [
+        createCategory("forms", "Forms", [
+          createOption("web-test-opt1", "Option 1", { local: true, installed: true })
+        ])
+      ];
+      const { lastFrame, unmount } = renderGrid({ categories });
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("L");
+      globalExpect(output).toContain("\u2713");
+      globalExpect(output).toContain("Option 1");
+    });
+  });
 });
 //# sourceMappingURL=category-grid.test.js.map