@claude-collective/cli 0.2.0 → 0.8.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/cli-v2/components/wizard/category-grid.test.tsx"],"sourcesContent":["/**\n * Tests for the CategoryGrid component.\n *\n * Tests 2D grid rendering and keyboard navigation for wizard Build step.\n */\nimport React from \"react\";\nimport { render } from \"ink-testing-library\";\nimport { describe, expect, it, afterEach, vi } from \"vitest\";\nimport {\n  CategoryGrid,\n  type CategoryGridProps,\n  type CategoryRow,\n  type CategoryOption,\n} from \"./category-grid\";\nimport {\n  ARROW_UP,\n  ARROW_DOWN,\n  ARROW_LEFT,\n  ARROW_RIGHT,\n  TAB,\n  RENDER_DELAY_MS,\n  INPUT_DELAY_MS,\n  delay,\n} from \"../../lib/__tests__/test-constants\";\n\n// =============================================================================\n// Test Fixtures\n// =============================================================================\n\nconst createOption = (\n  id: string,\n  label: string,\n  overrides: Partial<CategoryOption> = {},\n): CategoryOption => ({\n  id,\n  label,\n  state: \"normal\",\n  selected: false,\n  ...overrides,\n});\n\nconst createCategory = (\n  id: string,\n  name: string,\n  options: CategoryOption[],\n  overrides: Partial<CategoryRow> = {},\n): CategoryRow => ({\n  id,\n  name,\n  required: false,\n  exclusive: true,\n  options,\n  ...overrides,\n});\n\nconst defaultCategories: CategoryRow[] = [\n  createCategory(\n    \"framework\",\n    \"Framework\",\n    [\n      createOption(\"react\", \"react\", {\n        state: \"recommended\",\n        stateReason: \"Popular choice\",\n      }),\n      createOption(\"vue\", \"vue\"),\n      createOption(\"angular\", \"angular\"),\n      createOption(\"svelte\", \"svelte\"),\n    ],\n    { required: true },\n  ),\n  createCategory(\n    \"styling\",\n    \"Styling\",\n    [\n      createOption(\"scss-mod\", \"scss-mod\", { selected: true }),\n      createOption(\"tailwind\", \"tailwind\", { state: \"recommended\" }),\n      createOption(\"styled\", \"styled\"),\n      createOption(\"vanilla\", \"vanilla\"),\n    ],\n    { required: true },\n  ),\n  createCategory(\"client-state\", \"Client State\", [\n    createOption(\"zustand\", \"zustand\", { state: \"recommended\" }),\n    createOption(\"jotai\", \"jotai\"),\n    createOption(\"redux\", \"redux\", {\n      state: \"discouraged\",\n      stateReason: \"Complex for most apps\",\n    }),\n    createOption(\"mobx\", \"mobx\"),\n  ]),\n  createCategory(\"server-state\", \"Server State\", [\n    createOption(\"react-query\", \"react-query\", { selected: true }),\n    createOption(\"swr\", \"swr\"),\n    createOption(\"apollo\", \"apollo\"),\n  ]),\n  createCategory(\"analytics\", \"Analytics\", [\n    createOption(\"posthog\", \"posthog\"),\n  ]),\n];\n\nconst defaultProps: CategoryGridProps = {\n  categories: defaultCategories,\n  focusedRow: 0,\n  focusedCol: 0,\n  showDescriptions: false,\n  expertMode: false,\n  onToggle: vi.fn(),\n  onFocusChange: vi.fn(),\n  onToggleDescriptions: vi.fn(),\n  onToggleExpertMode: vi.fn(),\n};\n\nconst renderGrid = (props: Partial<CategoryGridProps> = {}) => {\n  return render(<CategoryGrid {...defaultProps} {...props} />);\n};\n\n// =============================================================================\n// Tests\n// =============================================================================\n\ndescribe(\"CategoryGrid component\", () => {\n  let cleanup: (() => void) | undefined;\n\n  afterEach(() => {\n    cleanup?.();\n    cleanup = undefined;\n    vi.clearAllMocks();\n  });\n\n  // ===========================================================================\n  // Basic Rendering\n  // ===========================================================================\n\n  describe(\"rendering\", () => {\n    it(\"should render all categories\", () => {\n      const { lastFrame, unmount } = renderGrid();\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Framework\");\n      expect(output).toContain(\"Styling\");\n      expect(output).toContain(\"Client State\");\n      expect(output).toContain(\"Server State\");\n      expect(output).toContain(\"Analytics\");\n    });\n\n    it(\"should render all options in each category\", () => {\n      const { lastFrame, unmount } = renderGrid();\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // Framework options\n      expect(output).toContain(\"react\");\n      expect(output).toContain(\"vue\");\n      expect(output).toContain(\"angular\");\n      expect(output).toContain(\"svelte\");\n      // Styling options\n      expect(output).toContain(\"scss-mod\");\n      expect(output).toContain(\"tailwind\");\n    });\n\n    it(\"should show required indicator (*) for required categories\", () => {\n      const { lastFrame, unmount } = renderGrid();\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // Framework and Styling are required\n      // The * should appear after their names\n      expect(output).toContain(\"*\");\n    });\n\n    it(\"should show (optional) for non-required categories\", () => {\n      const { lastFrame, unmount } = renderGrid();\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"(optional)\");\n    });\n\n    it(\"should render legend row\", () => {\n      const { lastFrame, unmount } = renderGrid();\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Legend:\");\n      expect(output).toContain(\"selected\");\n      expect(output).toContain(\"recommended\");\n      expect(output).toContain(\"discouraged\");\n      expect(output).toContain(\"disabled\");\n    });\n\n    it(\"should render header with toggle hints\", () => {\n      const { lastFrame, unmount } = renderGrid();\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"[Tab] Show descriptions\");\n      expect(output).toContain(\"[e] Expert Mode\");\n    });\n\n    it(\"should handle empty categories array\", () => {\n      const { lastFrame, unmount } = renderGrid({ categories: [] });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"No categories to display\");\n    });\n  });\n\n  // ===========================================================================\n  // Visual States\n  // ===========================================================================\n\n  describe(\"visual states\", () => {\n    it(\"should show selected symbol for selected options\", () => {\n      const { lastFrame, unmount } = renderGrid();\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // scss-mod and react-query are selected\n      // Should contain filled circles (●)\n      expect(output).toContain(\"\\u25CF\"); // ●\n    });\n\n    it(\"should show unselected symbol for unselected options\", () => {\n      const { lastFrame, unmount } = renderGrid();\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // Should contain empty circles (○)\n      expect(output).toContain(\"\\u25CB\"); // ○\n    });\n\n    it(\"should show recommended indicator for recommended options\", () => {\n      const { lastFrame, unmount } = renderGrid();\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // Should contain star (⭐) for recommended\n      expect(output).toContain(\"\\u2B50\");\n    });\n\n    it(\"should show discouraged indicator for discouraged options\", () => {\n      const { lastFrame, unmount } = renderGrid();\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // Should contain warning (⚠) for discouraged\n      expect(output).toContain(\"\\u26A0\");\n    });\n\n    it(\"should show disabled symbol for disabled options\", () => {\n      const categories: CategoryRow[] = [\n        createCategory(\"test\", \"Test\", [\n          createOption(\"opt1\", \"Option 1\"),\n          createOption(\"opt2\", \"Option 2\", { state: \"disabled\" }),\n        ]),\n      ];\n\n      const { lastFrame, unmount } = renderGrid({ categories });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // Should contain X (✗) for disabled\n      expect(output).toContain(\"\\u2717\");\n    });\n  });\n\n  // ===========================================================================\n  // Focus Indicator\n  // ===========================================================================\n\n  describe(\"focus indicator\", () => {\n    it(\"should show focus indicator (>) on focused option\", () => {\n      const { lastFrame, unmount } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 0,\n      });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\">\");\n    });\n\n    it(\"should update focus indicator when focusedRow changes\", () => {\n      const { lastFrame: frame1, unmount: unmount1 } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 0,\n      });\n      const output1 = frame1();\n      unmount1();\n\n      const { lastFrame: frame2, unmount: unmount2 } = renderGrid({\n        focusedRow: 1,\n        focusedCol: 0,\n      });\n      cleanup = unmount2;\n      const output2 = frame2();\n\n      // Both should have focus indicator, but in different rows\n      expect(output1).toContain(\">\");\n      expect(output2).toContain(\">\");\n    });\n\n    it(\"should highlight focused category name\", () => {\n      const { lastFrame, unmount } = renderGrid({\n        focusedRow: 1,\n        focusedCol: 0,\n      });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // Styling row should be focused (index 1)\n      expect(output).toContain(\"Styling\");\n    });\n  });\n\n  // ===========================================================================\n  // Keyboard Navigation - Arrow Keys\n  // ===========================================================================\n\n  describe(\"keyboard navigation - arrow keys\", () => {\n    it(\"should call onFocusChange when pressing left arrow\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 1,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_LEFT);\n      await delay(INPUT_DELAY_MS);\n\n      expect(onFocusChange).toHaveBeenCalledWith(0, 0);\n    });\n\n    it(\"should call onFocusChange when pressing right arrow\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 0,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_RIGHT);\n      await delay(INPUT_DELAY_MS);\n\n      expect(onFocusChange).toHaveBeenCalledWith(0, 1);\n    });\n\n    it(\"should call onFocusChange when pressing up arrow\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 1,\n        focusedCol: 0,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_UP);\n      await delay(INPUT_DELAY_MS);\n\n      expect(onFocusChange).toHaveBeenCalledWith(0, 0);\n    });\n\n    it(\"should call onFocusChange when pressing down arrow\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 0,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_DOWN);\n      await delay(INPUT_DELAY_MS);\n\n      expect(onFocusChange).toHaveBeenCalledWith(1, 0);\n    });\n\n    it(\"should wrap horizontally when pressing left at first column\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 0,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_LEFT);\n      await delay(INPUT_DELAY_MS);\n\n      // Should wrap to last column (index 3 for framework with 4 options)\n      expect(onFocusChange).toHaveBeenCalledWith(0, 3);\n    });\n\n    it(\"should wrap horizontally when pressing right at last column\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 3, // Last option in framework\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_RIGHT);\n      await delay(INPUT_DELAY_MS);\n\n      // Should wrap to first column\n      expect(onFocusChange).toHaveBeenCalledWith(0, 0);\n    });\n\n    it(\"should wrap vertically when pressing up at first row\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 0,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_UP);\n      await delay(INPUT_DELAY_MS);\n\n      // Should wrap to last row (index 4 for 5 categories)\n      expect(onFocusChange).toHaveBeenCalledWith(4, 0);\n    });\n\n    it(\"should wrap vertically when pressing down at last row\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 4, // Last category (analytics)\n        focusedCol: 0,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_DOWN);\n      await delay(INPUT_DELAY_MS);\n\n      // Should wrap to first row\n      expect(onFocusChange).toHaveBeenCalledWith(0, 0);\n    });\n  });\n\n  // ===========================================================================\n  // Keyboard Navigation - Vim Keys\n  // ===========================================================================\n\n  describe(\"keyboard navigation - vim keys\", () => {\n    it(\"should move left with h key\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 1,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(\"h\");\n      await delay(INPUT_DELAY_MS);\n\n      expect(onFocusChange).toHaveBeenCalledWith(0, 0);\n    });\n\n    it(\"should move right with l key\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 0,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(\"l\");\n      await delay(INPUT_DELAY_MS);\n\n      expect(onFocusChange).toHaveBeenCalledWith(0, 1);\n    });\n\n    it(\"should move up with k key\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 1,\n        focusedCol: 0,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(\"k\");\n      await delay(INPUT_DELAY_MS);\n\n      expect(onFocusChange).toHaveBeenCalledWith(0, 0);\n    });\n\n    it(\"should move down with j key\", async () => {\n      const onFocusChange = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 0,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(\"j\");\n      await delay(INPUT_DELAY_MS);\n\n      expect(onFocusChange).toHaveBeenCalledWith(1, 0);\n    });\n  });\n\n  // ===========================================================================\n  // Selection Toggle\n  // ===========================================================================\n\n  describe(\"selection toggle\", () => {\n    it(\"should call onToggle when pressing space on a normal option\", async () => {\n      const onToggle = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 0,\n        focusedCol: 1, // vue (normal state)\n        onToggle,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(\" \"); // Space\n      await delay(INPUT_DELAY_MS);\n\n      expect(onToggle).toHaveBeenCalledWith(\"framework\", \"vue\");\n    });\n\n    it(\"should call onToggle when pressing space on a selected option\", async () => {\n      const onToggle = vi.fn();\n      // Use expertMode to preserve original option order\n      const { stdin, unmount } = renderGrid({\n        focusedRow: 1,\n        focusedCol: 0, // scss-mod (selected) - first in expert mode\n        expertMode: true,\n        onToggle,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(\" \");\n      await delay(INPUT_DELAY_MS);\n\n      expect(onToggle).toHaveBeenCalledWith(\"styling\", \"scss-mod\");\n    });\n\n    it(\"should NOT call onToggle when pressing space on a disabled option\", async () => {\n      const onToggle = vi.fn();\n      const categories: CategoryRow[] = [\n        createCategory(\"test\", \"Test\", [\n          createOption(\"opt1\", \"Option 1\", { state: \"disabled\" }),\n          createOption(\"opt2\", \"Option 2\"),\n        ]),\n      ];\n\n      // Use expertMode to preserve original option order (disabled at index 0)\n      const { stdin, unmount } = renderGrid({\n        categories,\n        focusedRow: 0,\n        focusedCol: 0, // Disabled option (first in expert mode)\n        expertMode: true,\n        onToggle,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(\" \");\n      await delay(INPUT_DELAY_MS);\n\n      expect(onToggle).not.toHaveBeenCalled();\n    });\n  });\n\n  // ===========================================================================\n  // Disabled Options Navigation\n  // ===========================================================================\n\n  describe(\"disabled options navigation\", () => {\n    it(\"should skip disabled options when navigating right\", async () => {\n      const onFocusChange = vi.fn();\n      const categories: CategoryRow[] = [\n        createCategory(\"test\", \"Test\", [\n          createOption(\"opt1\", \"Option 1\"),\n          createOption(\"opt2\", \"Option 2\", { state: \"disabled\" }),\n          createOption(\"opt3\", \"Option 3\"),\n        ]),\n      ];\n\n      // Use expertMode to preserve original option order\n      const { stdin, unmount } = renderGrid({\n        categories,\n        focusedRow: 0,\n        focusedCol: 0,\n        expertMode: true,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_RIGHT);\n      await delay(INPUT_DELAY_MS);\n\n      // Should skip opt2 (disabled) and go to opt3 (index 2)\n      expect(onFocusChange).toHaveBeenCalledWith(0, 2);\n    });\n\n    it(\"should skip disabled options when navigating left\", async () => {\n      const onFocusChange = vi.fn();\n      const categories: CategoryRow[] = [\n        createCategory(\"test\", \"Test\", [\n          createOption(\"opt1\", \"Option 1\"),\n          createOption(\"opt2\", \"Option 2\", { state: \"disabled\" }),\n          createOption(\"opt3\", \"Option 3\"),\n        ]),\n      ];\n\n      // Use expertMode to preserve original option order\n      const { stdin, unmount } = renderGrid({\n        categories,\n        focusedRow: 0,\n        focusedCol: 2, // Start at opt3\n        expertMode: true,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_LEFT);\n      await delay(INPUT_DELAY_MS);\n\n      // Should skip opt2 (disabled) and go to opt1 (index 0)\n      expect(onFocusChange).toHaveBeenCalledWith(0, 0);\n    });\n\n    it(\"should handle all options disabled in a row\", async () => {\n      const onFocusChange = vi.fn();\n      const categories: CategoryRow[] = [\n        createCategory(\"test\", \"Test\", [\n          createOption(\"opt1\", \"Option 1\", { state: \"disabled\" }),\n          createOption(\"opt2\", \"Option 2\", { state: \"disabled\" }),\n        ]),\n      ];\n\n      // Use expertMode to preserve original option order\n      const { stdin, unmount } = renderGrid({\n        categories,\n        focusedRow: 0,\n        focusedCol: 0,\n        expertMode: true,\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_RIGHT);\n      await delay(INPUT_DELAY_MS);\n\n      // Should stay at current position when all disabled\n      expect(onFocusChange).toHaveBeenCalledWith(0, 0);\n    });\n  });\n\n  // ===========================================================================\n  // Exclusive Categories\n  // ===========================================================================\n\n  describe(\"exclusive categories\", () => {\n    it(\"should render exclusive category correctly\", () => {\n      const { lastFrame, unmount } = renderGrid();\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // All default categories are exclusive, should render normally\n      expect(output).toContain(\"Framework\");\n    });\n\n    // Note: The actual exclusivity logic (only one selection) is handled\n    // by the parent component via onToggle. CategoryGrid just displays\n    // the current state.\n  });\n\n  // ===========================================================================\n  // Show Descriptions Toggle\n  // ===========================================================================\n\n  describe(\"show descriptions toggle\", () => {\n    it(\"should call onToggleDescriptions when pressing Tab\", async () => {\n      const onToggleDescriptions = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        onToggleDescriptions,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(TAB);\n      await delay(INPUT_DELAY_MS);\n\n      expect(onToggleDescriptions).toHaveBeenCalled();\n    });\n\n    it(\"should show descriptions when showDescriptions is true\", () => {\n      const { lastFrame, unmount } = renderGrid({ showDescriptions: true });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // Should show state reasons\n      expect(output).toContain(\"Popular choice\"); // react's stateReason\n    });\n\n    it(\"should hide descriptions when showDescriptions is false\", () => {\n      const { lastFrame, unmount } = renderGrid({ showDescriptions: false });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // stateReasons should not be visible (though they might still be in DOM)\n      // At minimum, the display should be different\n      expect(output).toBeDefined();\n    });\n\n    it(\"should show toggle state in header\", () => {\n      const { lastFrame: frame1, unmount: unmount1 } = renderGrid({\n        showDescriptions: false,\n      });\n      const output1 = frame1();\n      unmount1();\n\n      const { lastFrame: frame2, unmount: unmount2 } = renderGrid({\n        showDescriptions: true,\n      });\n      cleanup = unmount2;\n      const output2 = frame2();\n\n      expect(output1).toContain(\"Show descriptions: OFF\");\n      expect(output2).toContain(\"Show descriptions: ON\");\n    });\n  });\n\n  // ===========================================================================\n  // Expert Mode Toggle\n  // ===========================================================================\n\n  describe(\"expert mode toggle\", () => {\n    it(\"should call onToggleExpertMode when pressing e\", async () => {\n      const onToggleExpertMode = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        onToggleExpertMode,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(\"e\");\n      await delay(INPUT_DELAY_MS);\n\n      expect(onToggleExpertMode).toHaveBeenCalled();\n    });\n\n    it(\"should call onToggleExpertMode when pressing E (uppercase)\", async () => {\n      const onToggleExpertMode = vi.fn();\n      const { stdin, unmount } = renderGrid({\n        onToggleExpertMode,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(\"E\");\n      await delay(INPUT_DELAY_MS);\n\n      expect(onToggleExpertMode).toHaveBeenCalled();\n    });\n\n    it(\"should show toggle state in header\", () => {\n      const { lastFrame: frame1, unmount: unmount1 } = renderGrid({\n        expertMode: false,\n      });\n      const output1 = frame1();\n      unmount1();\n\n      const { lastFrame: frame2, unmount: unmount2 } = renderGrid({\n        expertMode: true,\n      });\n      cleanup = unmount2;\n      const output2 = frame2();\n\n      expect(output1).toContain(\"Expert Mode: OFF\");\n      expect(output2).toContain(\"Expert Mode: ON\");\n    });\n  });\n\n  // ===========================================================================\n  // Option Ordering\n  // ===========================================================================\n\n  describe(\"option ordering\", () => {\n    it(\"should sort options by state when expertMode is false\", () => {\n      // In non-expert mode, recommended should come first\n      // The default categories have recommended options at various positions\n      const { lastFrame, unmount } = renderGrid({ expertMode: false });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // This test verifies the component renders - sorting happens internally\n      expect(output).toBeDefined();\n    });\n\n    it(\"should preserve original order when expertMode is true\", () => {\n      const { lastFrame, unmount } = renderGrid({ expertMode: true });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // This test verifies the component renders with expert mode\n      expect(output).toBeDefined();\n    });\n  });\n\n  // ===========================================================================\n  // Edge Cases\n  // ===========================================================================\n\n  describe(\"edge cases\", () => {\n    it(\"should handle single category\", () => {\n      const categories: CategoryRow[] = [\n        createCategory(\"single\", \"Single Category\", [\n          createOption(\"opt1\", \"Option 1\"),\n        ]),\n      ];\n\n      const { lastFrame, unmount } = renderGrid({ categories });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Single Category\");\n      expect(output).toContain(\"Option 1\");\n    });\n\n    it(\"should handle single option in category\", () => {\n      const categories: CategoryRow[] = [\n        createCategory(\"single\", \"Single\", [\n          createOption(\"only\", \"Only Option\"),\n        ]),\n      ];\n\n      const { lastFrame, unmount } = renderGrid({ categories });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Only Option\");\n    });\n\n    it(\"should handle category with many options\", () => {\n      const options = Array.from({ length: 10 }, (_, i) =>\n        createOption(`opt${i}`, `Option ${i}`),\n      );\n      const categories: CategoryRow[] = [\n        createCategory(\"many\", \"Many Options\", options),\n      ];\n\n      const { lastFrame, unmount } = renderGrid({ categories });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Many Options\");\n      expect(output).toContain(\"Option 0\");\n      expect(output).toContain(\"Option 9\");\n    });\n\n    it(\"should handle long option labels\", () => {\n      const categories: CategoryRow[] = [\n        createCategory(\"long\", \"Long Labels\", [\n          createOption(\"long1\", \"very-long-option-name-here\"),\n          createOption(\"long2\", \"another-very-long-option\"),\n        ]),\n      ];\n\n      const { lastFrame, unmount } = renderGrid({ categories });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"very-long-option-name-here\");\n    });\n\n    it(\"should handle categories with different option counts\", () => {\n      const categories: CategoryRow[] = [\n        createCategory(\"cat1\", \"Category 1\", [\n          createOption(\"opt1\", \"Option 1\"),\n          createOption(\"opt2\", \"Option 2\"),\n        ]),\n        createCategory(\"cat2\", \"Category 2\", [\n          createOption(\"opt3\", \"Option 3\"),\n        ]),\n        createCategory(\"cat3\", \"Category 3\", [\n          createOption(\"opt4\", \"Option 4\"),\n          createOption(\"opt5\", \"Option 5\"),\n          createOption(\"opt6\", \"Option 6\"),\n        ]),\n      ];\n\n      const { lastFrame, unmount } = renderGrid({ categories });\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Category 1\");\n      expect(output).toContain(\"Category 2\");\n      expect(output).toContain(\"Category 3\");\n    });\n  });\n\n  // ===========================================================================\n  // Column Adjustment on Row Change\n  // ===========================================================================\n\n  describe(\"column adjustment\", () => {\n    it(\"should adjust focusedCol when changing to row with fewer options\", async () => {\n      const onFocusChange = vi.fn();\n      const categories: CategoryRow[] = [\n        createCategory(\"cat1\", \"Category 1\", [\n          createOption(\"opt1\", \"Option 1\"),\n          createOption(\"opt2\", \"Option 2\"),\n          createOption(\"opt3\", \"Option 3\"),\n        ]),\n        createCategory(\"cat2\", \"Category 2\", [\n          createOption(\"opt4\", \"Option 4\"),\n        ]),\n      ];\n\n      const { stdin, unmount } = renderGrid({\n        categories,\n        focusedRow: 0,\n        focusedCol: 2, // Last option in first row\n        onFocusChange,\n      });\n      cleanup = unmount;\n\n      await delay(RENDER_DELAY_MS);\n      await stdin.write(ARROW_DOWN);\n      await delay(INPUT_DELAY_MS);\n\n      // Should move to row 1, and col should be clamped to 0 (only option)\n      expect(onFocusChange).toHaveBeenCalledWith(1, 0);\n    });\n  });\n});\n"],"mappings":"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","names":[]}

package/dist/components/wizard/section-progress.js

@@ -0,0 +1,9 @@
+#!/usr/bin/env node
+import {
+  SectionProgress
+} from "../../chunk-LVKRVFYR.js";
+import "../../chunk-DHET7RCE.js";
+export {
+  SectionProgress
+};
+//# sourceMappingURL=section-progress.js.map

package/dist/components/wizard/section-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/wizard/section-progress.test.js

@@ -0,0 +1,281 @@
+#!/usr/bin/env node
+import {
+  render
+} from "../../chunk-66UDJBF6.js";
+import {
+  afterEach,
+  describe,
+  globalExpect,
+  it
+} from "../../chunk-XY3XDVMI.js";
+import {
+  SectionProgress
+} from "../../chunk-LVKRVFYR.js";
+import {
+  init_esm_shims
+} from "../../chunk-DHET7RCE.js";
+
+// src/cli-v2/components/wizard/section-progress.test.tsx
+init_esm_shims();
+import { jsx } from "react/jsx-runtime";
+describe("SectionProgress component", () => {
+  let cleanup;
+  afterEach(() => {
+    cleanup?.();
+    cleanup = void 0;
+  });
+  describe("rendering", () => {
+    it("should render label and current value", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Domain",
+            current: "Web",
+            index: 1,
+            total: 2,
+            next: "API"
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("Domain:");
+      globalExpect(output).toContain("Web");
+    });
+    it("should show correct index/total format", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Skill",
+            current: "react",
+            index: 1,
+            total: 8,
+            next: "zustand"
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("[1/8]");
+    });
+    it("should show different index/total values", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Domain",
+            current: "API",
+            index: 3,
+            total: 4,
+            next: "Mobile"
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("[3/4]");
+    });
+  });
+  describe("next item display", () => {
+    it("should show 'Next: X' when not last item", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Domain",
+            current: "Web",
+            index: 1,
+            total: 2,
+            next: "API"
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("Next: API");
+    });
+    it("should show 'Last step' when on final item", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(SectionProgress, { label: "Domain", current: "API", index: 2, total: 2 })
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("Last step");
+      globalExpect(output).not.toContain("Next:");
+    });
+    it("should show 'Last step' for single item (1/1)", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(SectionProgress, { label: "Domain", current: "Web", index: 1, total: 1 })
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("[1/1]");
+      globalExpect(output).toContain("Last step");
+    });
+  });
+  describe("text styling", () => {
+    it("should render label in bold", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Domain",
+            current: "Web",
+            index: 1,
+            total: 2,
+            next: "API"
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("Domain:");
+    });
+    it("should render current value with cyan color", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Skill",
+            current: "react",
+            index: 1,
+            total: 3,
+            next: "vue"
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("react");
+    });
+    it("should render index/total as dim text", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Domain",
+            current: "CLI",
+            index: 2,
+            total: 3,
+            next: "Mobile"
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("[2/3]");
+    });
+  });
+  describe("edge cases", () => {
+    it("should handle long label and current value", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Subcategory",
+            current: "styled-components",
+            index: 1,
+            total: 5,
+            next: "emotion"
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("Subcategory:");
+      globalExpect(output).toContain("styled-components");
+    });
+    it("should handle large index/total numbers", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Skill",
+            current: "some-skill",
+            index: 99,
+            total: 100,
+            next: "last-skill"
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("[99/100]");
+      globalExpect(output).toContain("Next: last-skill");
+    });
+    it("should handle empty next value gracefully", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Domain",
+            current: "Mobile",
+            index: 4,
+            total: 4,
+            next: void 0
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("Last step");
+      globalExpect(output).not.toContain("undefined");
+    });
+  });
+  describe("display variants from spec", () => {
+    it("should match multi-domain Build step format", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Domain",
+            current: "Web",
+            index: 1,
+            total: 2,
+            next: "API"
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("Domain:");
+      globalExpect(output).toContain("Web");
+      globalExpect(output).toContain("[1/2]");
+      globalExpect(output).toContain("Next: API");
+    });
+    it("should match Refine step format", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(
+          SectionProgress,
+          {
+            label: "Skill",
+            current: "react",
+            index: 1,
+            total: 8,
+            next: "zustand"
+          }
+        )
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("Skill:");
+      globalExpect(output).toContain("react");
+      globalExpect(output).toContain("[1/8]");
+      globalExpect(output).toContain("Next: zustand");
+    });
+    it("should match last item format", () => {
+      const { lastFrame, unmount } = render(
+        /* @__PURE__ */ jsx(SectionProgress, { label: "Domain", current: "API", index: 2, total: 2 })
+      );
+      cleanup = unmount;
+      const output = lastFrame();
+      globalExpect(output).toContain("Domain:");
+      globalExpect(output).toContain("API");
+      globalExpect(output).toContain("[2/2]");
+      globalExpect(output).toContain("Last step");
+    });
+  });
+});
+//# sourceMappingURL=section-progress.test.js.map

package/dist/components/wizard/section-progress.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/cli-v2/components/wizard/section-progress.test.tsx"],"sourcesContent":["/**\n * Tests for the SectionProgress component.\n *\n * Tests sub-step progress display within wizard steps (e.g., multi-domain Build).\n */\nimport React from \"react\";\nimport { render } from \"ink-testing-library\";\nimport { describe, expect, it, afterEach } from \"vitest\";\nimport { SectionProgress } from \"./section-progress\";\n\ndescribe(\"SectionProgress component\", () => {\n  let cleanup: (() => void) | undefined;\n\n  afterEach(() => {\n    cleanup?.();\n    cleanup = undefined;\n  });\n\n  // ===========================================================================\n  // Basic Rendering\n  // ===========================================================================\n\n  describe(\"rendering\", () => {\n    it(\"should render label and current value\", () => {\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Domain\"\n          current=\"Web\"\n          index={1}\n          total={2}\n          next=\"API\"\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Domain:\");\n      expect(output).toContain(\"Web\");\n    });\n\n    it(\"should show correct index/total format\", () => {\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Skill\"\n          current=\"react\"\n          index={1}\n          total={8}\n          next=\"zustand\"\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"[1/8]\");\n    });\n\n    it(\"should show different index/total values\", () => {\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Domain\"\n          current=\"API\"\n          index={3}\n          total={4}\n          next=\"Mobile\"\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"[3/4]\");\n    });\n  });\n\n  // ===========================================================================\n  // Next Item Display\n  // ===========================================================================\n\n  describe(\"next item display\", () => {\n    it(\"should show 'Next: X' when not last item\", () => {\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Domain\"\n          current=\"Web\"\n          index={1}\n          total={2}\n          next=\"API\"\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Next: API\");\n    });\n\n    it(\"should show 'Last step' when on final item\", () => {\n      const { lastFrame, unmount } = render(\n        <SectionProgress label=\"Domain\" current=\"API\" index={2} total={2} />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Last step\");\n      expect(output).not.toContain(\"Next:\");\n    });\n\n    it(\"should show 'Last step' for single item (1/1)\", () => {\n      const { lastFrame, unmount } = render(\n        <SectionProgress label=\"Domain\" current=\"Web\" index={1} total={1} />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"[1/1]\");\n      expect(output).toContain(\"Last step\");\n    });\n  });\n\n  // ===========================================================================\n  // Text Styling\n  // ===========================================================================\n\n  describe(\"text styling\", () => {\n    it(\"should render label in bold\", () => {\n      // Note: ink-testing-library doesn't expose ANSI codes directly in lastFrame()\n      // but we verify the text content is present and structure is correct\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Domain\"\n          current=\"Web\"\n          index={1}\n          total={2}\n          next=\"API\"\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // The label should be present - bold styling is applied via Ink Text component\n      expect(output).toContain(\"Domain:\");\n    });\n\n    it(\"should render current value with cyan color\", () => {\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Skill\"\n          current=\"react\"\n          index={1}\n          total={3}\n          next=\"vue\"\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // Current value should be present - cyan styling is applied via Ink Text component\n      expect(output).toContain(\"react\");\n    });\n\n    it(\"should render index/total as dim text\", () => {\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Domain\"\n          current=\"CLI\"\n          index={2}\n          total={3}\n          next=\"Mobile\"\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      // Progress indicator should be present - dim styling is applied via Ink Text component\n      expect(output).toContain(\"[2/3]\");\n    });\n  });\n\n  // ===========================================================================\n  // Edge Cases\n  // ===========================================================================\n\n  describe(\"edge cases\", () => {\n    it(\"should handle long label and current value\", () => {\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Subcategory\"\n          current=\"styled-components\"\n          index={1}\n          total={5}\n          next=\"emotion\"\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Subcategory:\");\n      expect(output).toContain(\"styled-components\");\n    });\n\n    it(\"should handle large index/total numbers\", () => {\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Skill\"\n          current=\"some-skill\"\n          index={99}\n          total={100}\n          next=\"last-skill\"\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"[99/100]\");\n      expect(output).toContain(\"Next: last-skill\");\n    });\n\n    it(\"should handle empty next value gracefully\", () => {\n      // When next is undefined (last item case)\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Domain\"\n          current=\"Mobile\"\n          index={4}\n          total={4}\n          next={undefined}\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Last step\");\n      expect(output).not.toContain(\"undefined\");\n    });\n  });\n\n  // ===========================================================================\n  // Display Variants (from spec examples)\n  // ===========================================================================\n\n  describe(\"display variants from spec\", () => {\n    it(\"should match multi-domain Build step format\", () => {\n      // Domain: Web                                         [1/2] Next: API\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Domain\"\n          current=\"Web\"\n          index={1}\n          total={2}\n          next=\"API\"\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Domain:\");\n      expect(output).toContain(\"Web\");\n      expect(output).toContain(\"[1/2]\");\n      expect(output).toContain(\"Next: API\");\n    });\n\n    it(\"should match Refine step format\", () => {\n      // Skill: react                                   [1/8] Next: zustand\n      const { lastFrame, unmount } = render(\n        <SectionProgress\n          label=\"Skill\"\n          current=\"react\"\n          index={1}\n          total={8}\n          next=\"zustand\"\n        />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Skill:\");\n      expect(output).toContain(\"react\");\n      expect(output).toContain(\"[1/8]\");\n      expect(output).toContain(\"Next: zustand\");\n    });\n\n    it(\"should match last item format\", () => {\n      // Domain: API                                         [2/2] Last step\n      const { lastFrame, unmount } = render(\n        <SectionProgress label=\"Domain\" current=\"API\" index={2} total={2} />,\n      );\n      cleanup = unmount;\n\n      const output = lastFrame();\n      expect(output).toContain(\"Domain:\");\n      expect(output).toContain(\"API\");\n      expect(output).toContain(\"[2/2]\");\n      expect(output).toContain(\"Last step\");\n    });\n  });\n});\n"],"mappings":"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","names":[]}

package/dist/components/wizard/step-approach.js

@@ -0,0 +1,11 @@
+#!/usr/bin/env node
+import {
+  StepApproach
+} from "../../chunk-XKEG3SCV.js";
+import "../../chunk-K7PTOVX4.js";
+import "../../chunk-A3J6IAXK.js";
+import "../../chunk-DHET7RCE.js";
+export {
+  StepApproach
+};
+//# sourceMappingURL=step-approach.js.map

package/dist/components/wizard/step-approach.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/wizard/step-build.js

@@ -0,0 +1,15 @@
+#!/usr/bin/env node
+import {
+  StepBuild,
+  getDisplayLabel,
+  validateBuildStep
+} from "../../chunk-Q6DR5QUH.js";
+import "../../chunk-LVKRVFYR.js";
+import "../../chunk-PPNTD5LO.js";
+import "../../chunk-DHET7RCE.js";
+export {
+  StepBuild,
+  getDisplayLabel,
+  validateBuildStep
+};
+//# sourceMappingURL=step-build.js.map

package/dist/components/wizard/step-build.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}