@claude-collective/cli 0.21.0 → 0.25.1

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 }) => <InkSpinner label={label} />;\n"],"mappings":";;;;;;AAAA;AACA,SAAS,WAAW,kBAAkB;AAMwB;AAAvD,IAAM,UAAkC,CAAC,EAAE,MAAM,MAAM,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-5KXUDHAB.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-OQYYMQJR.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-OQYYMQJR.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,43 +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 }
   ),
@@ -107,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 = {
@@ -139,7 +139,6 @@ describe("CategoryGrid component", () => {
   afterEach(() => {
     cleanup?.();
     cleanup = void 0;
-    vi.clearAllMocks();
   });
   describe("rendering", () => {
     it("should render all categories as sections", () => {
@@ -217,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 });
@@ -250,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
@@ -468,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();
@@ -476,7 +475,10 @@ describe("CategoryGrid component", () => {
         createCategory(
           "framework",
           "Framework",
-          [createOption("react", "React", { selected: true }), createOption("vue", "Vue")],
+          [
+            createOption("web-test-react", "React", { selected: true }),
+            createOption("web-test-vue", "Vue")
+          ],
           { required: true }
         )
       ];
@@ -492,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({
@@ -535,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({
@@ -557,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({
@@ -580,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({
@@ -694,7 +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;
@@ -704,7 +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;
@@ -712,8 +714,11 @@ describe("CategoryGrid component", () => {
       globalExpect(output).toContain("Only Option");
     });
     it("should handle category with many options (flows naturally)", () => {
-      const options = Array.from({ length: 10 }, (_, i) => createOption(`opt${i}`, `Option ${i}`));
-      const categories = [createCategory("many", "Many Options", options)];
+      const options = Array.from(
+        { length: 10 },
+        (_, i) => createOption(`web-test-opt${i}`, `Option ${i}`)
+      );
+      const categories = [createCategory("mocking", "Many Options", options)];
       const { lastFrame, unmount } = renderGrid({ categories });
       cleanup = unmount;
       const output = lastFrame();
@@ -723,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 });
@@ -735,15 +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 });
@@ -762,14 +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,
@@ -785,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