@agents-inc/cli 0.48.0 → 0.60.1

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

@@ -8,7 +8,7 @@ import {
   RENDER_DELAY_MS,
   TAB,
   delay
-} from "../../chunk-YZTWZVGX.js";
+} from "../../chunk-PUT7X3GA.js";
 import {
   render
 } from "../../chunk-66UDJBF6.js";
@@ -21,9 +21,10 @@ import {
 } from "../../chunk-XY3XDVMI.js";
 import {
   CategoryGrid
-} from "../../chunk-OTTITQ7C.js";
+} from "../../chunk-H7WJK7NJ.js";
 import "../../chunk-GG4BSB6S.js";
-import "../../chunk-LESHL6SM.js";
+import "../../chunk-BNQ5O6LE.js";
+import "../../chunk-6OWHQ7HM.js";
 import {
   init_esm_shims
 } from "../../chunk-DHET7RCE.js";
@@ -186,7 +187,6 @@ var defaultProps = {
   defaultFocusedRow: 0,
   defaultFocusedCol: 0,
   showLabels: false,
-  expertMode: false,
   onToggle: vi.fn(),
   onFocusChange: vi.fn(),
   onToggleLabels: vi.fn()
@@ -274,11 +274,11 @@ describe("CategoryGrid component", () => {
       const output = lastFrame();
       globalExpect(output).not.toContain("\u26A0");
     });
-    it("should show disabled options with dimmed styling", () => {
+    it("should show discouraged options with warning styling", () => {
       const categories = [
         createCategory("web-testing", "Test", [
           createOption("web-forms-react-hook-form", "Option 1"),
-          createOption("web-forms-vee-validate", "Option 2", { state: "disabled" })
+          createOption("web-forms-vee-validate", "Option 2", { state: "discouraged" })
         ])
       ];
       const { lastFrame, unmount } = renderGrid({ categories });
@@ -311,26 +311,26 @@ describe("CategoryGrid component", () => {
       const output = lastFrame();
       globalExpect(output).toContain("Unselected Skill");
     });
-    it("should render disabled skills with label text", () => {
+    it("should render discouraged skills with label text", () => {
       const categories = [
         createCategory("web-forms", "Forms", [
-          createOption("web-forms-react-hook-form", "Disabled Skill", { state: "disabled" })
+          createOption("web-forms-react-hook-form", "Discouraged Skill", { state: "discouraged" })
         ])
       ];
       const { lastFrame, unmount } = renderGrid({ categories });
       cleanup = unmount;
       const output = lastFrame();
-      globalExpect(output).toContain("Disabled Skill");
+      globalExpect(output).toContain("Discouraged Skill");
     });
-    it("should render disabled+selected skills with label text", () => {
+    it("should render discouraged+selected skills with label text", () => {
       const categories = [
         createCategory("web-forms", "Forms", [
-          createOption("web-forms-react-hook-form", "Disabled Selected", {
-            state: "disabled",
+          createOption("web-forms-react-hook-form", "Discouraged Selected", {
+            state: "discouraged",
             selected: true
           }),
-          createOption("web-forms-vee-validate", "Disabled Only", {
-            state: "disabled",
+          createOption("web-forms-vee-validate", "Discouraged Only", {
+            state: "discouraged",
             selected: false
           })
         ])
@@ -338,8 +338,8 @@ describe("CategoryGrid component", () => {
       const { lastFrame, unmount } = renderGrid({ categories });
       cleanup = unmount;
       const output = lastFrame();
-      globalExpect(output).toContain("Disabled Selected");
-      globalExpect(output).toContain("Disabled Only");
+      globalExpect(output).toContain("Discouraged Selected");
+      globalExpect(output).toContain("Discouraged Only");
     });
     it("should render discouraged skills with label text", () => {
       const categories = [
@@ -359,7 +359,7 @@ describe("CategoryGrid component", () => {
           createOption("web-forms-vee-validate", "Inactive", { selected: false })
         ])
       ];
-      const { lastFrame, unmount } = renderGrid({ categories, expertMode: true });
+      const { lastFrame, unmount } = renderGrid({ categories });
       cleanup = unmount;
       const output = lastFrame();
       globalExpect(output).toContain("Active");
@@ -646,7 +646,6 @@ describe("CategoryGrid component", () => {
         defaultFocusedRow: 0,
         defaultFocusedCol: 0,
         // react (selected)
-        expertMode: true,
         onToggle
       });
       cleanup = unmount;
@@ -655,26 +654,25 @@ describe("CategoryGrid component", () => {
       await delay(INPUT_DELAY_MS);
       globalExpect(onToggle).toHaveBeenCalledWith("web-framework", "web-framework-react");
     });
-    it("should NOT call onToggle when all options in a category are disabled", async () => {
+    it("should call onToggle for discouraged options (still selectable)", async () => {
       const onToggle = vi.fn();
       const categories = [
         createCategory("web-testing", "Test", [
-          createOption("web-forms-react-hook-form", "Option 1", { state: "disabled" }),
-          createOption("web-forms-vee-validate", "Option 2", { state: "disabled" })
+          createOption("web-forms-react-hook-form", "Option 1", { state: "discouraged" }),
+          createOption("web-forms-vee-validate", "Option 2", { state: "discouraged" })
         ])
       ];
       const { stdin, unmount } = renderGrid({
         categories,
         defaultFocusedRow: 0,
         defaultFocusedCol: 0,
-        expertMode: true,
         onToggle
       });
       cleanup = unmount;
       await delay(RENDER_DELAY_MS);
       await stdin.write(" ");
       await delay(INPUT_DELAY_MS);
-      globalExpect(onToggle).not.toHaveBeenCalled();
+      globalExpect(onToggle).toHaveBeenCalled();
     });
     it("should bounce focus away from locked sections on mount", async () => {
       const onFocusChange = vi.fn();
@@ -689,13 +687,13 @@ describe("CategoryGrid component", () => {
       globalExpect(onFocusChange).toHaveBeenCalledWith(0, 0);
     });
   });
-  describe("disabled options navigation", () => {
-    it("should navigate to disabled options when navigating right", async () => {
+  describe("discouraged options navigation", () => {
+    it("should navigate to discouraged options when navigating right", async () => {
       const onFocusChange = vi.fn();
       const categories = [
         createCategory("web-testing", "Test", [
           createOption("web-forms-react-hook-form", "Option 1"),
-          createOption("web-forms-vee-validate", "Option 2", { state: "disabled" }),
+          createOption("web-forms-vee-validate", "Option 2", { state: "discouraged" }),
           createOption("web-forms-zod-validation", "Option 3")
         ])
       ];
@@ -703,7 +701,6 @@ describe("CategoryGrid component", () => {
         categories,
         defaultFocusedRow: 0,
         defaultFocusedCol: 0,
-        expertMode: true,
         onFocusChange
       });
       cleanup = unmount;
@@ -712,12 +709,12 @@ describe("CategoryGrid component", () => {
       await delay(INPUT_DELAY_MS);
       globalExpect(onFocusChange).toHaveBeenCalledWith(0, 1);
     });
-    it("should navigate to disabled options when navigating left", async () => {
+    it("should navigate to discouraged options when navigating left", async () => {
       const onFocusChange = vi.fn();
       const categories = [
         createCategory("web-testing", "Test", [
           createOption("web-forms-react-hook-form", "Option 1"),
-          createOption("web-forms-vee-validate", "Option 2", { state: "disabled" }),
+          createOption("web-forms-vee-validate", "Option 2", { state: "discouraged" }),
           createOption("web-forms-zod-validation", "Option 3")
         ])
       ];
@@ -725,8 +722,7 @@ describe("CategoryGrid component", () => {
         categories,
         defaultFocusedRow: 0,
         defaultFocusedCol: 2,
-        // Start at opt2 (disabled, sorted to end)
-        expertMode: true,
+        // Start at opt3 (index 2)
         onFocusChange
       });
       cleanup = unmount;
@@ -735,19 +731,18 @@ describe("CategoryGrid component", () => {
       await delay(INPUT_DELAY_MS);
       globalExpect(onFocusChange).toHaveBeenCalledWith(0, 1);
     });
-    it("should navigate between all-disabled options in a row", async () => {
+    it("should navigate between all-discouraged options in a row", async () => {
       const onFocusChange = vi.fn();
       const categories = [
         createCategory("web-testing", "Test", [
-          createOption("web-forms-react-hook-form", "Option 1", { state: "disabled" }),
-          createOption("web-forms-vee-validate", "Option 2", { state: "disabled" })
+          createOption("web-forms-react-hook-form", "Option 1", { state: "discouraged" }),
+          createOption("web-forms-vee-validate", "Option 2", { state: "discouraged" })
         ])
       ];
       const { stdin, unmount } = renderGrid({
         categories,
         defaultFocusedRow: 0,
         defaultFocusedCol: 0,
-        expertMode: true,
         onFocusChange
       });
       cleanup = unmount;
@@ -834,41 +829,100 @@ describe("CategoryGrid component", () => {
       globalExpect(output).not.toContain("(recommended)");
       globalExpect(output).not.toContain("(selected)");
       globalExpect(output).not.toContain("(discouraged)");
-      globalExpect(output).not.toContain("(disabled)");
     });
-    it("should show Disabled label for disabled options when showLabels is true", () => {
+    it("should show discouraged label for discouraged options when showLabels is true", () => {
       const categories = [
         createCategory("web-testing", "Test", [
           createOption("web-forms-react-hook-form", "Option 1"),
-          createOption("web-forms-vee-validate", "Option 2", { state: "disabled" })
+          createOption("web-forms-vee-validate", "Option 2", { state: "discouraged" })
         ])
       ];
       const { lastFrame, unmount } = renderGrid({ categories, showLabels: true });
       cleanup = unmount;
       const output = lastFrame();
-      globalExpect(output).toContain("(disabled)");
-    });
-  });
-  describe("expert mode", () => {
-    it("should not handle expert mode toggle locally (handled globally)", () => {
-      const { lastFrame, unmount } = renderGrid();
-      cleanup = unmount;
-      const output = lastFrame();
-      globalExpect(output).not.toContain("[e] Expert Mode");
+      globalExpect(output).toContain("(discouraged)");
     });
   });
   describe("option ordering", () => {
     it("should preserve original order regardless of state", () => {
-      const { lastFrame, unmount } = renderGrid({ expertMode: false });
-      cleanup = unmount;
-      const output = lastFrame();
-      globalExpect(output).toBeDefined();
-    });
-    it("should preserve original order in expert mode", () => {
-      const { lastFrame, unmount } = renderGrid({ expertMode: true });
+      const categories = [
+        createCategory("web-client-state", "State", [
+          createOption("web-state-jotai", "Jotai"),
+          createOption("web-state-zustand", "Zustand", { state: "recommended" }),
+          createOption("web-state-redux-toolkit", "Redux", { state: "discouraged" }),
+          createOption("web-state-mobx", "MobX")
+        ])
+      ];
+      const { lastFrame, unmount } = renderGrid({ categories });
       cleanup = unmount;
       const output = lastFrame();
-      globalExpect(output).toBeDefined();
+      const jotaiIdx = output.indexOf("Jotai");
+      const zustandIdx = output.indexOf("Zustand");
+      const reduxIdx = output.indexOf("Redux");
+      const mobxIdx = output.indexOf("MobX");
+      globalExpect(jotaiIdx).toBeLessThan(zustandIdx);
+      globalExpect(zustandIdx).toBeLessThan(reduxIdx);
+      globalExpect(reduxIdx).toBeLessThan(mobxIdx);
+    });
+    it("should not change order when a skill is selected", () => {
+      const categoriesBefore = [
+        createCategory("web-client-state", "State", [
+          createOption("web-state-jotai", "Jotai"),
+          createOption("web-state-zustand", "Zustand"),
+          createOption("web-state-redux-toolkit", "Redux")
+        ])
+      ];
+      const categoriesAfter = [
+        createCategory("web-client-state", "State", [
+          createOption("web-state-jotai", "Jotai"),
+          createOption("web-state-zustand", "Zustand", { selected: true }),
+          createOption("web-state-redux-toolkit", "Redux")
+        ])
+      ];
+      const { lastFrame: frameBefore, unmount: unmountBefore } = renderGrid({
+        categories: categoriesBefore
+      });
+      const outputBefore = frameBefore();
+      unmountBefore();
+      const { lastFrame: frameAfter, unmount: unmountAfter } = renderGrid({
+        categories: categoriesAfter
+      });
+      cleanup = unmountAfter;
+      const outputAfter = frameAfter();
+      globalExpect(outputBefore.indexOf("Jotai")).toBeLessThan(outputBefore.indexOf("Zustand"));
+      globalExpect(outputBefore.indexOf("Zustand")).toBeLessThan(outputBefore.indexOf("Redux"));
+      globalExpect(outputAfter.indexOf("Jotai")).toBeLessThan(outputAfter.indexOf("Zustand"));
+      globalExpect(outputAfter.indexOf("Zustand")).toBeLessThan(outputAfter.indexOf("Redux"));
+    });
+    it("should not change order when a skill state changes from normal to discouraged", () => {
+      const categoriesBefore = [
+        createCategory("web-client-state", "State", [
+          createOption("web-state-jotai", "Jotai"),
+          createOption("web-state-zustand", "Zustand"),
+          createOption("web-state-redux-toolkit", "Redux")
+        ])
+      ];
+      const categoriesAfter = [
+        createCategory("web-client-state", "State", [
+          createOption("web-state-jotai", "Jotai"),
+          createOption("web-state-zustand", "Zustand", { state: "discouraged" }),
+          createOption("web-state-redux-toolkit", "Redux")
+        ])
+      ];
+      const { lastFrame: frameBefore, unmount: unmountBefore } = renderGrid({
+        categories: categoriesBefore
+      });
+      const outputBefore = frameBefore();
+      unmountBefore();
+      const { lastFrame: frameAfter, unmount: unmountAfter } = renderGrid({
+        categories: categoriesAfter
+      });
+      cleanup = unmountAfter;
+      const outputAfter = frameAfter();
+      globalExpect(outputBefore.indexOf("Jotai")).toBeLessThan(outputBefore.indexOf("Zustand"));
+      globalExpect(outputBefore.indexOf("Zustand")).toBeLessThan(outputBefore.indexOf("Redux"));
+      globalExpect(outputAfter.indexOf("Jotai")).toBeLessThan(outputAfter.indexOf("Zustand"));
+      globalExpect(outputAfter.indexOf("Zustand")).toBeLessThan(outputAfter.indexOf("Redux"));
     });
   });
   describe("edge cases", () => {
@@ -1138,7 +1192,7 @@ describe("CategoryGrid component", () => {
       const output = lastFrame();
       globalExpect(output).toContain("(0 selected)");
     });
-    it("should hide counter in expert mode", () => {
+    it("should always show selection counter", () => {
       const categories = [
         createCategory(
           "web-framework",
@@ -1153,11 +1207,11 @@ describe("CategoryGrid component", () => {
           { exclusive: false }
         )
       ];
-      const { lastFrame, unmount } = renderGrid({ categories, expertMode: true });
+      const { lastFrame, unmount } = renderGrid({ categories });
       cleanup = unmount;
       const output = lastFrame();
-      globalExpect(output).not.toContain("of 1");
-      globalExpect(output).not.toContain("selected");
+      globalExpect(output).toContain("1 of 1");
+      globalExpect(output).toContain("1 selected");
     });
     it("should show correct counts for mixed exclusive and non-exclusive categories", () => {
       const categories = [