@polderlabs/bizar 10.7.2 → 10.10.0

package/bizar-dash/tests/v7-archive/components/Modal.test.tsx

@@ -1,104 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, it, expect, vi } from 'vitest';
-import { ModalProvider, useModal } from '../../src/web/components/Modal';
-
-function ModalHarness() {
-  const modal = useModal();
-  return (
-    <div>
-      <button onClick={() => modal.open({ title: 'Dialog', children: <p>Content</p> })}>
-        Open
-      </button>
-    </div>
-  );
-}
-
-function ModalHarnessWithClose() {
-  const modal = useModal();
-  return (
-    <div>
-      <button
-        onClick={() =>
-          modal.open({
-            title: 'Dialog',
-            children: <p>Content</p>,
-            footer: <button onClick={() => modal.close()}>Close</button>,
-          })
-        }
-      >
-        Open
-      </button>
-    </div>
-  );
-}
-
-describe('Modal', () => {
-  it('renders when open', async () => {
-    const user = userEvent.setup();
-    render(
-      <ModalProvider>
-        <ModalHarness />
-      </ModalProvider>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    expect(screen.getByRole('dialog')).toBeInTheDocument();
-    expect(screen.getByText('Dialog')).toBeInTheDocument();
-    expect(screen.getByText('Content')).toBeInTheDocument();
-  });
-
-  it('does not render dialog when closed', () => {
-    render(
-      <ModalProvider>
-        <ModalHarness />
-      </ModalProvider>,
-    );
-
-    expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
-  });
-
-  it('has role="dialog"', async () => {
-    const user = userEvent.setup();
-    render(
-      <ModalProvider>
-        <ModalHarness />
-      </ModalProvider>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    expect(screen.getByRole('dialog')).toBeInTheDocument();
-  });
-
-  it('closes on Escape key', async () => {
-    const user = userEvent.setup();
-    render(
-      <ModalProvider>
-        <ModalHarness />
-      </ModalProvider>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    expect(screen.getByRole('dialog')).toBeInTheDocument();
-
-    await user.keyboard('{Escape}');
-    expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
-  });
-
-  it('closes when clicking the backdrop', async () => {
-    const user = userEvent.setup();
-    render(
-      <ModalProvider>
-        <ModalHarness />
-      </ModalProvider>,
-    );
-
-    await user.click(screen.getByText('Open'));
-    const dialog = screen.getByRole('dialog');
-    expect(dialog).toBeInTheDocument();
-
-    const backdrop = dialog.parentElement!;
-    await user.click(backdrop);
-    expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
-  });
-});

package/bizar-dash/tests/v7-archive/components/Spinner.test.tsx

@@ -1,32 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import { describe, it, expect } from 'vitest';
-import { Spinner } from '../../src/web/components/Spinner';
-
-describe('Spinner', () => {
-  it('renders with default size', () => {
-    const { container } = render(<Spinner />);
-    const spinner = container.firstChild;
-    expect(spinner).toHaveClass('spinner');
-    expect(spinner).toHaveClass('spinner-md');
-  });
-
-  it('renders with custom size', () => {
-    const { container } = render(<Spinner size="lg" />);
-    expect(container.firstChild).toHaveClass('spinner-lg');
-  });
-
-  it('has role="status" for accessibility', () => {
-    render(<Spinner />);
-    expect(screen.getByRole('status')).toBeInTheDocument();
-  });
-
-  it('has default aria-label', () => {
-    render(<Spinner />);
-    expect(screen.getByRole('status')).toHaveAttribute('aria-label', 'Loading');
-  });
-
-  it('accepts a custom aria-label', () => {
-    render(<Spinner label="Please wait" />);
-    expect(screen.getByRole('status')).toHaveAttribute('aria-label', 'Please wait');
-  });
-});

package/bizar-dash/tests/v7-archive/components/StatusBadge.test.tsx

@@ -1,35 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import { describe, it, expect } from 'vitest';
-import { StatusBadge } from '../../src/web/components/StatusBadge';
-
-describe('StatusBadge', () => {
-  it('renders with default neutral kind', () => {
-    const { container } = render(<StatusBadge>Default</StatusBadge>);
-    expect(container.firstChild).toHaveClass('badge');
-    expect(container.firstChild).toHaveClass('badge-neutral');
-  });
-
-  it('renders with each variant class', () => {
-    const variants = ['success', 'warning', 'error', 'info', 'accent'] as const;
-    for (const kind of variants) {
-      const { container, unmount } = render(<StatusBadge kind={kind}>{kind}</StatusBadge>);
-      expect(container.firstChild).toHaveClass(`badge-${kind}`);
-      unmount();
-    }
-  });
-
-  it('renders children', () => {
-    render(<StatusBadge>Active</StatusBadge>);
-    expect(screen.getByText('Active')).toBeInTheDocument();
-  });
-
-  it('shows dot element when dot prop is true', () => {
-    const { container } = render(<StatusBadge dot>With dot</StatusBadge>);
-    expect(container.querySelector('.badge-dot')).toBeInTheDocument();
-  });
-
-  it('does not show dot when dot prop is false', () => {
-    const { container } = render(<StatusBadge>No dot</StatusBadge>);
-    expect(container.querySelector('.badge-dot')).not.toBeInTheDocument();
-  });
-});

package/bizar-dash/tests/v7-archive/components/doctor-panel.test.tsx

@@ -1,105 +0,0 @@
-// tests/components/doctor-panel.test.tsx — v6.0.0
-//
-// Tests for the reusable DoctorPanel component. Verifies:
-//   - Renders the category title and check rows with status pills
-//   - Empty state when no checks / info / children
-//   - info list renders below checks
-//   - children bypasses the default check-list render
-
-import { render, screen } from '@testing-library/react';
-import { describe, it, expect } from 'vitest';
-import { DoctorPanel } from '../../src/web/components/DoctorPanel';
-import type { DoctorCheck } from '../../src/web/lib/types';
-
-const checks: DoctorCheck[] = [
-  { name: 'node', status: 'ok', message: 'v22.16.0 on linux/x64' },
-  { name: 'memory', status: 'warn', message: 'rss 612.4 MB' },
-  { name: 'cline', status: 'fail', message: 'serve-info missing' },
-];
-
-describe('DoctorPanel', () => {
-  it('renders the category title from defaults', () => {
-    render(<DoctorPanel category="system" checks={checks} />);
-    expect(screen.getByText('System health')).toBeInTheDocument();
-  });
-
-  it('renders one row per check, with name + message', () => {
-    render(<DoctorPanel category="services" checks={checks} />);
-    expect(screen.getByText('node')).toBeInTheDocument();
-    expect(screen.getByText('memory')).toBeInTheDocument();
-    expect(screen.getByText('cline')).toBeInTheDocument();
-    expect(screen.getByText('v22.16.0 on linux/x64')).toBeInTheDocument();
-    expect(screen.getByText('rss 612.4 MB')).toBeInTheDocument();
-    expect(screen.getByText('serve-info missing')).toBeInTheDocument();
-  });
-
-  it('renders the status pill text per row', () => {
-    render(<DoctorPanel category="services" checks={checks} />);
-    expect(screen.getAllByText('ok').length).toBeGreaterThanOrEqual(1);
-    expect(screen.getAllByText('warn').length).toBeGreaterThanOrEqual(1);
-    expect(screen.getAllByText('fail').length).toBeGreaterThanOrEqual(1);
-  });
-
-  it('shows the empty state when no checks / info / children are passed', () => {
-    render(<DoctorPanel category="errors" checks={[]} />);
-    expect(screen.getByText('No recent errors')).toBeInTheDocument();
-  });
-
-  it('renders the info list when info rows are supplied', () => {
-    render(
-      <DoctorPanel
-        category="counts"
-        checks={[]}
-        info={[
-          { label: 'Tasks', value: 42 },
-          { label: 'Mods', value: 5 },
-        ]}
-      />,
-    );
-    expect(screen.getByText('Tasks')).toBeInTheDocument();
-    expect(screen.getByText('Mods')).toBeInTheDocument();
-    expect(screen.getByText('42')).toBeInTheDocument();
-    expect(screen.getByText('5')).toBeInTheDocument();
-  });
-
-  it('renders children when provided, bypassing the default check-list', () => {
-    render(
-      <DoctorPanel category="actions" checks={[]}>
-        <div data-testid="custom-child">Run Check</div>
-      </DoctorPanel>,
-    );
-    expect(screen.getByTestId('custom-child')).toBeInTheDocument();
-    expect(screen.getByText('Actions')).toBeInTheDocument();
-  });
-
-  it('honors an explicit title override', () => {
-    render(
-      <DoctorPanel
-        category="system"
-        title="My custom title"
-        checks={[]}
-      />,
-    );
-    expect(screen.getByText('My custom title')).toBeInTheDocument();
-    expect(screen.queryByText('System health')).not.toBeInTheDocument();
-  });
-
-  it('renders the meta string when supplied', () => {
-    render(
-      <DoctorPanel
-        category="system"
-        checks={[]}
-        meta="linux/x64"
-      />,
-    );
-    expect(screen.getByText('linux/x64')).toBeInTheDocument();
-  });
-
-  it('applies the category-specific class to the card', () => {
-    const { container } = render(
-      <DoctorPanel category="services" checks={checks} />,
-    );
-    const card = container.querySelector('.doctor-panel-services');
-    expect(card).toBeInTheDocument();
-  });
-});

package/bizar-dash/tests/v7-archive/components/screenshot-ocr.test.tsx

@@ -1,75 +0,0 @@
-/**
- * tests/components/screenshot-ocr.test.tsx
- *
- * v5.0.0 — Component tests for ScreenshotCapture and ScreenshotOCR.
- *
- * These tests verify that the components render correctly and handle
- * their states (capturing, processing, results).
- */
-
-import { describe, it, expect } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import { ScreenshotCapture } from '../../src/web/components/ScreenshotCapture';
-import { ScreenshotOCR } from '../../src/web/components/ScreenshotOCR';
-
-// Mock the Toast component
-vi.mock('../../src/web/components/Toast', () => ({
-  useToast: () => ({
-    info: vi.fn(),
-    success: vi.fn(),
-    error: vi.fn(),
-    warning: vi.fn(),
-  }),
-  ToastProvider: ({ children }: { children: React.ReactNode }) => <>{children}</>,
-}));
-
-// Mock the api module
-vi.mock('../../src/web/lib/api', () => ({
-  api: {
-    post: vi.fn().mockResolvedValue({ ok: true, text: 'test text', notePath: 'ocr/test.md' }),
-  },
-}));
-
-// Mock getDisplayMedia
-beforeEach(() => {
-  Object.defineProperty(navigator, 'mediaDevices', {
-    value: {
-      getDisplayMedia: vi.fn().mockRejectedValue(new DOMException('', 'NotAllowedError')),
-    },
-    writable: true,
-    configurable: true,
-  });
-});
-
-describe('ScreenshotCapture', () => {
-  it('renders the capture button', () => {
-    render(<ScreenshotCapture onTextExtracted={vi.fn()} />);
-    expect(screen.getByText('Capture Screen')).toBeDefined();
-  });
-
-  it('renders without crashing when no onTextExtracted provided', () => {
-    render(<ScreenshotCapture />);
-    expect(screen.getByText('Capture Screen')).toBeDefined();
-  });
-
-  it('shows loading state when capturing', async () => {
-    // getDisplayMedia won't resolve, so it will show "Selecting…"
-    render(<ScreenshotCapture onTextExtracted={vi.fn()} />);
-    const btn = screen.getByText('Capture Screen');
-    // Not clicking — just verify initial state renders
-    expect(btn).toBeDefined();
-  });
-});
-
-describe('ScreenshotOCR', () => {
-  it('renders the combined panel', () => {
-    render(<ScreenshotOCR />);
-    expect(screen.getByText('Capture Screen')).toBeDefined();
-    expect(screen.getByText(/capture your screen/i)).toBeDefined();
-  });
-
-  it('renders without crashing', () => {
-    const { container } = render(<ScreenshotOCR />);
-    expect(container).toBeDefined();
-  });
-});

package/bizar-dash/tests/v7-archive/components/settings-search.test.tsx

@@ -1,180 +0,0 @@
-/**
- * tests/components/settings-search.test.tsx
- *
- * v4.9 — Component tests for SettingsSearch.
- */
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { render, screen, fireEvent } from '@testing-library/react';
-import React from 'react';
-import { SettingsSearch, type SettingsSection } from '../../src/web/components/SettingsSearch';
-
-const mockSections: SettingsSection[] = [
-  {
-    id: 'theme',
-    label: 'Theme',
-    fields: [
-      { key: 'theme.accent', label: 'Accent color', section: 'theme', value: '#8b5cf6' },
-      { key: 'theme.fontFamily', label: 'Font family', section: 'theme' },
-    ],
-  },
-  {
-    id: 'general',
-    label: 'General',
-    fields: [
-      { key: 'defaultAgent', label: 'Default agent', section: 'general', value: 'odin' },
-    ],
-  },
-];
-
-/* ─── localStorage mock ─── */
-const localStorageMock = (() => {
-  let store: Record<string, string> = {};
-  return {
-    getItem: vi.fn((key: string) => store[key] ?? null),
-    setItem: vi.fn((key: string, value: string) => { store[key] = value; }),
-    removeItem: vi.fn((key: string) => { delete store[key]; }),
-    clear: vi.fn(() => { store = {}; }),
-  };
-})();
-
-Object.defineProperty(window, 'localStorage', { value: localStorageMock });
-
-describe('SettingsSearch', () => {
-  const onJump = vi.fn();
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-    localStorageMock.clear();
-  });
-
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  it('renders the search input', () => {
-    render(<SettingsSearch sections={mockSections} onJump={onJump} />);
-    expect(screen.getByPlaceholderText(/search settings/i)).toBeInTheDocument();
-  });
-
-  it('shows recent searches when input is empty and focused', () => {
-    // Pre-populate a recent search
-    localStorageMock.getItem.mockReturnValue(JSON.stringify(['accent']));
-
-    render(<SettingsSearch sections={mockSections} onJump={onJump} />);
-    const input = screen.getByPlaceholderText(/search settings/i);
-    fireEvent.focus(input);
-
-    // Wait briefly for focus state — recent dropdown uses focused state
-    expect(screen.getByText('accent')).toBeInTheDocument();
-  });
-
-  it('saves search to recent on submit (Enter)', async () => {
-    const { container } = render(<SettingsSearch sections={mockSections} onJump={onJump} />);
-    const input = screen.getByPlaceholderText(/search settings/i);
-
-    fireEvent.change(input, { target: { value: 'accent' } });
-
-    // Wait for the search results to render
-    await vi.waitFor(() => {
-      expect(container.querySelector('.settings-search-results')).toBeTruthy();
-    });
-
-    fireEvent.keyDown(input, { key: 'Enter' });
-
-    // localStorage should have been written
-    expect(localStorageMock.setItem).toHaveBeenCalledWith(
-      'bizar_settings_recent',
-      expect.any(String),
-    );
-  });
-
-  it('filters items by query', async () => {
-    const { container } = render(<SettingsSearch sections={mockSections} onJump={onJump} />);
-    const input = screen.getByPlaceholderText(/search settings/i);
-
-    fireEvent.change(input, { target: { value: 'accent' } });
-
-    // Check that results contain the matching field key (not split by highlight)
-    await vi.waitFor(() => {
-      expect(screen.getByText('theme.accent')).toBeInTheDocument();
-    });
-  });
-
-  it('handles typos via fuzzy match', async () => {
-    const { container } = render(<SettingsSearch sections={mockSections} onJump={onJump} />);
-    const input = screen.getByPlaceholderText(/search settings/i);
-
-    fireEvent.change(input, { target: { value: 'axcent' } });
-
-    // Typo leads to lower score but still matches — key should appear
-    await vi.waitFor(() => {
-      expect(screen.getByText('theme.accent')).toBeInTheDocument();
-    });
-  });
-
-  it('highlights matched terms in results', async () => {
-    render(<SettingsSearch sections={mockSections} onJump={onJump} />);
-    const input = screen.getByPlaceholderText(/search settings/i);
-
-    fireEvent.change(input, { target: { value: 'accent' } });
-
-    await vi.waitFor(() => {
-      // The label contains <mark>Accent</mark> inside a button
-      const buttons = screen.getAllByRole('button');
-      const matchBtn = buttons.find((b) => b.textContent?.includes('Accent'));
-      expect(matchBtn).toBeTruthy();
-      const mark = matchBtn?.querySelector('mark');
-      expect(mark).toBeTruthy();
-      expect(mark?.textContent).toBe('Accent');
-    });
-  });
-
-  it('jumps to section on result click', async () => {
-    render(<SettingsSearch sections={mockSections} onJump={onJump} />);
-    const input = screen.getByPlaceholderText(/search settings/i);
-
-    fireEvent.change(input, { target: { value: 'theme' } });
-
-    await vi.waitFor(() => {
-      // Click the section result
-      const buttons = screen.getAllByRole('button');
-      // Find the one containing "section" badge with "Theme"
-      const themeBtn = buttons.find(
-        (b) => b.textContent?.includes('Theme') && b.textContent?.includes('section'),
-      );
-      if (themeBtn) {
-        fireEvent.click(themeBtn);
-        expect(onJump).toHaveBeenCalledWith('theme');
-      }
-    });
-  });
-
-  it('clears search after jump', async () => {
-    render(<SettingsSearch sections={mockSections} onJump={onJump} />);
-    const input = screen.getByPlaceholderText(/search settings/i);
-
-    fireEvent.change(input, { target: { value: 'font' } });
-
-    await vi.waitFor(() => {
-      const buttons = screen.getAllByRole('button');
-      const fontBtn = buttons.find((b) => b.textContent?.includes('Font family'));
-      if (fontBtn) {
-        fireEvent.click(fontBtn);
-        expect(onJump).toHaveBeenCalledWith('theme', 'theme.fontFamily');
-        // Input should be cleared after jump
-        expect(input).toHaveValue('');
-      }
-    });
-  });
-
-  it('shows no results message for unmatched query', async () => {
-    render(<SettingsSearch sections={mockSections} onJump={onJump} />);
-    const input = screen.getByPlaceholderText(/search settings/i);
-
-    fireEvent.change(input, { target: { value: 'zzzzdoesnotmatch' } });
-
-    await vi.waitFor(() => {
-      expect(screen.getByText(/no matching settings/i)).toBeInTheDocument();
-    });
-  });
-});

package/bizar-dash/tests/v7-archive/components/workspace-selector.test.tsx

@@ -1,73 +0,0 @@
-import { render, screen, waitFor, act } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import React from 'react';
-import { WorkspaceSelector } from '../../src/web/components/WorkspaceSelector';
-
-// Mock the api module
-vi.mock('../../src/web/lib/api', () => ({
-  api: {
-    get: vi.fn().mockResolvedValue({ workspaces: [] }),
-  },
-}));
-
-describe('WorkspaceSelector', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('renders with default text when no workspace is selected', () => {
-    render(
-      <WorkspaceSelector
-        currentWorkspaceId={null}
-        onWorkspaceChange={vi.fn()}
-      />,
-    );
-    expect(screen.getByText('Workspace')).toBeInTheDocument();
-  });
-
-  it('opens dropdown on click', async () => {
-    const user = userEvent.setup();
-    render(
-      <WorkspaceSelector
-        currentWorkspaceId={null}
-        onWorkspaceChange={vi.fn()}
-      />,
-    );
-    await user.click(screen.getByRole('button'));
-    expect(screen.getByRole('menu')).toBeInTheDocument();
-  });
-
-  it('shows empty state in dropdown when no workspaces', async () => {
-    const user = userEvent.setup();
-    render(
-      <WorkspaceSelector
-        currentWorkspaceId={null}
-        onWorkspaceChange={vi.fn()}
-      />,
-    );
-    await user.click(screen.getByRole('button'));
-    expect(screen.getByText('No workspaces')).toBeInTheDocument();
-  });
-
-  it('renders workspace name when provided and API returns data', async () => {
-    const { api } = await import('../../src/web/lib/api');
-    (api.get as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-      workspaces: [
-        { workspace: { id: 'ws_abc', name: 'Engineering' }, role: 'admin' },
-      ],
-    });
-
-    render(
-      <WorkspaceSelector
-        currentWorkspaceId="ws_abc"
-        onWorkspaceChange={vi.fn()}
-      />,
-    );
-
-    // Wait for the effect to run and state to update
-    await waitFor(() => {
-      expect(screen.getByText('Engineering')).toBeInTheDocument();
-    });
-  });
-});

package/bizar-dash/tests/v7-archive/controls/Button.test.tsx

@@ -1,50 +0,0 @@
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { Button } from '../../../src/web/ui/controls/Button';
-
-describe('Button', () => {
-  it('renders its children', () => {
-    render(<Button>Click me</Button>);
-    expect(screen.getByRole('button', { name: 'Click me' })).toBeInTheDocument();
-  });
-
-  it('fires onClick when clicked', async () => {
-    const onClick = vi.fn();
-    const user = userEvent.setup();
-    render(<Button onClick={onClick}>Go</Button>);
-    await user.click(screen.getByRole('button'));
-    expect(onClick).toHaveBeenCalledTimes(1);
-  });
-
-  it('is disabled when disabled prop is set', () => {
-    render(<Button disabled>Off</Button>);
-    expect(screen.getByRole('button')).toBeDisabled();
-  });
-
-  it('shows the spinner and disables clicks when loading', async () => {
-    const onClick = vi.fn();
-    const user = userEvent.setup();
-    render(<Button loading onClick={onClick}>Saving</Button>);
-    const btn = screen.getByRole('button');
-    expect(btn).toBeDisabled();
-    expect(btn.querySelector('.btn-spinner')).toBeInTheDocument();
-    await user.click(btn);
-    expect(onClick).not.toHaveBeenCalled();
-  });
-
-  it('applies variant and size classes', () => {
-    const { container } = render(
-      <Button variant="primary" size="lg">
-        Primary
-      </Button>,
-    );
-    const btn = container.firstChild as HTMLElement;
-    expect(btn).toHaveClass('btn-primary', 'btn-size-lg');
-  });
-
-  it('renders as full-width when fullWidth is true', () => {
-    render(<Button fullWidth>Wide</Button>);
-    expect(screen.getByRole('button')).toHaveClass('btn-full');
-  });
-});