test(frontend): comprehensive test coverage improvements and bug fixes

- Raise coverage thresholds to 90% statements/lines/functions, 85% branches
- Add comprehensive tests for ProjectDashboard, ProjectWizard, and all wizard steps
- Add tests for issue management: IssueDetailPanel, BulkActions, IssueFilters
- Expand IssueTable tests with keyboard navigation, dropdown menu, edge cases
- Add useIssues hook tests covering all mutations and optimistic updates
- Expand eventStore tests with selector hooks and additional scenarios
- Expand useProjectEvents tests with error recovery, ping events, edge cases
- Add PriorityBadge, StatusBadge, SyncStatusIndicator fallback branch tests
- Add constants.test.ts for comprehensive constant validation

Bug fixes:
- Fix false positive rollback test to properly verify onMutate context setup
- Replace deprecated substr() with substring() in mock helpers
- Fix type errors: ProjectComplexity, ClientMode enum values
- Fix unused imports and variables across test files
- Fix @ts-expect-error directives and method override signatures

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/tests/components/projects/wizard/steps/ComplexityStep.test.tsx

@@ -0,0 +1,179 @@
+/**
+ * ComplexityStep Component Tests
+ *
+ * Tests for the project complexity selection step.
+ */
+
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ComplexityStep } from '@/components/projects/wizard/steps/ComplexityStep';
+import { complexityOptions } from '@/components/projects/wizard/constants';
+import type { WizardState } from '@/components/projects/wizard/types';
+
+describe('ComplexityStep', () => {
+  const defaultState: WizardState = {
+    step: 2,
+    projectName: 'Test Project',
+    description: '',
+    repoUrl: '',
+    complexity: null,
+    clientMode: null,
+    autonomyLevel: null,
+  };
+
+  const mockUpdateState = jest.fn();
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe('Rendering', () => {
+    it('renders the step title', () => {
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+      expect(screen.getByText('Project Complexity')).toBeInTheDocument();
+    });
+
+    it('renders the description text', () => {
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+      expect(screen.getByText(/how complex is your project/i)).toBeInTheDocument();
+    });
+
+    it('renders all complexity options', () => {
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+
+      complexityOptions.forEach((option) => {
+        expect(screen.getByText(option.label)).toBeInTheDocument();
+        expect(screen.getByText(option.description)).toBeInTheDocument();
+      });
+    });
+
+    it('renders scope information for each option', () => {
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+
+      complexityOptions.forEach((option) => {
+        expect(screen.getByText(option.scope)).toBeInTheDocument();
+      });
+    });
+
+    it('renders examples for each option', () => {
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+
+      complexityOptions.forEach((option) => {
+        expect(screen.getByText(option.examples)).toBeInTheDocument();
+      });
+    });
+
+    it('has accessible radiogroup role', () => {
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+      expect(screen.getByRole('radiogroup', { name: /project complexity options/i })).toBeInTheDocument();
+    });
+  });
+
+  describe('Selection', () => {
+    it('shows no selection initially', () => {
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+
+      // No check icons should be visible
+      const selectedIndicators = document.querySelectorAll('[data-selected="true"]');
+      expect(selectedIndicators.length).toBe(0);
+    });
+
+    it('calls updateState when clicking a complexity option', async () => {
+      const user = userEvent.setup();
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+
+      // Find and click the "Simple" option
+      const simpleOption = screen.getByRole('button', { name: /simple.*small applications/i });
+      await user.click(simpleOption);
+
+      expect(mockUpdateState).toHaveBeenCalledWith({ complexity: 'simple' });
+    });
+
+    it('calls updateState when selecting script complexity', async () => {
+      const user = userEvent.setup();
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+
+      const scriptOption = screen.getByRole('button', { name: /script.*single-file/i });
+      await user.click(scriptOption);
+
+      expect(mockUpdateState).toHaveBeenCalledWith({ complexity: 'script' });
+    });
+
+    it('calls updateState when selecting medium complexity', async () => {
+      const user = userEvent.setup();
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+
+      const mediumOption = screen.getByRole('button', { name: /medium.*full applications/i });
+      await user.click(mediumOption);
+
+      expect(mockUpdateState).toHaveBeenCalledWith({ complexity: 'medium' });
+    });
+
+    it('calls updateState when selecting complex complexity', async () => {
+      const user = userEvent.setup();
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+
+      const complexOption = screen.getByRole('button', { name: /complex.*enterprise/i });
+      await user.click(complexOption);
+
+      expect(mockUpdateState).toHaveBeenCalledWith({ complexity: 'complex' });
+    });
+
+    it('shows visual selection indicator when an option is selected', () => {
+      const stateWithSelection: WizardState = {
+        ...defaultState,
+        complexity: 'simple',
+      };
+      render(<ComplexityStep state={stateWithSelection} updateState={mockUpdateState} />);
+
+      // The selected card should have the check icon
+      const checkIcons = document.querySelectorAll('.lucide-check');
+      expect(checkIcons.length).toBeGreaterThan(0);
+    });
+  });
+
+  describe('Script Mode Hint', () => {
+    it('does not show script mode hint when script is not selected', () => {
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+      expect(screen.queryByText(/simplified flow/i)).not.toBeInTheDocument();
+    });
+
+    it('shows script mode hint when script complexity is selected', () => {
+      const stateWithScript: WizardState = {
+        ...defaultState,
+        complexity: 'script',
+      };
+      render(<ComplexityStep state={stateWithScript} updateState={mockUpdateState} />);
+      expect(screen.getByText(/simplified flow/i)).toBeInTheDocument();
+      expect(screen.getByText(/skip to agent chat/i)).toBeInTheDocument();
+    });
+
+    it('does not show script mode hint for simple complexity', () => {
+      const stateWithSimple: WizardState = {
+        ...defaultState,
+        complexity: 'simple',
+      };
+      render(<ComplexityStep state={stateWithSimple} updateState={mockUpdateState} />);
+      expect(screen.queryByText(/simplified flow/i)).not.toBeInTheDocument();
+    });
+  });
+
+  describe('Accessibility', () => {
+    it('each option has accessible aria-label', () => {
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+
+      complexityOptions.forEach((option) => {
+        const button = screen.getByRole('button', {
+          name: new RegExp(`${option.label}.*${option.description}`, 'i')
+        });
+        expect(button).toBeInTheDocument();
+      });
+    });
+
+    it('icons have aria-hidden attribute', () => {
+      render(<ComplexityStep state={defaultState} updateState={mockUpdateState} />);
+      const hiddenIcons = document.querySelectorAll('[aria-hidden="true"]');
+      expect(hiddenIcons.length).toBeGreaterThan(0);
+    });
+  });
+});