@polderlabs/bizar 10.7.2 → 10.11.0

package/bizar-dash/tests/v7-archive/autosave.test.tsx

@@ -1,276 +0,0 @@
-/**
- * tests/autosave.test.tsx
- *
- * Tests for useAutosave hook and AutosaveField component.
- */
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { render, screen, fireEvent, waitFor, act, renderHook } from '@testing-library/react';
-import React from 'react';
-import { useAutosave } from '../src/web/hooks/useAutosave';
-import { AutosaveField } from '../src/web/components/AutosaveField';
-
-// ── useAutosave tests ────────────────────────────────────────────────────────
-
-describe('useAutosave', () => {
-  beforeEach(() => { vi.useFakeTimers({ shouldAdvanceTime: true }); });
-  afterEach(() => { vi.useRealTimers(); });
-
-  it('debounces save by the configured delay', async () => {
-    const saveFn = vi.fn().mockResolvedValue(undefined);
-    const { result } = renderHook(() => useAutosave('initial', saveFn, { delay: 500 }));
-
-    act(() => { result.current.setValue('changed'); });
-    expect(saveFn).not.toHaveBeenCalled();
-
-    act(() => { vi.advanceTimersByTime(500); });
-    expect(saveFn).toHaveBeenCalledTimes(1);
-    expect(saveFn).toHaveBeenCalledWith('changed');
-  });
-
-  it('saves immediately on flush', async () => {
-    const saveFn = vi.fn().mockResolvedValue(undefined);
-    const { result } = renderHook(() => useAutosave('initial', saveFn, { delay: 500 }));
-
-    act(() => { result.current.setValue('changed'); });
-    expect(saveFn).not.toHaveBeenCalled();
-
-    await act(async () => { await result.current.flush(); });
-    expect(saveFn).toHaveBeenCalledTimes(1);
-    expect(saveFn).toHaveBeenCalledWith('changed');
-  });
-
-  it('does not save if value has not changed', async () => {
-    const saveFn = vi.fn().mockResolvedValue(undefined);
-    const { result } = renderHook(() => useAutosave('initial', saveFn, { delay: 500 }));
-
-    act(() => { vi.advanceTimersByTime(600); });
-    expect(saveFn).not.toHaveBeenCalled();
-  });
-
-  it('exposes status transitions: idle → saving → saved → idle', async () => {
-    let resolve: (v: unknown) => void;
-    const saveFn = vi.fn().mockReturnValue(new Promise(r => (resolve = r)));
-    const { result } = renderHook(() => useAutosave('initial', saveFn, { delay: 500 }));
-
-    expect(result.current.status).toBe('idle');
-
-    act(() => { result.current.setValue('changed'); });
-    expect(result.current.status).toBe('idle'); // still debouncing
-
-    act(() => { vi.advanceTimersByTime(500); });
-    expect(result.current.status).toBe('saving');
-
-    await act(async () => { resolve!(); });
-    expect(result.current.status).toBe('saved');
-
-    act(() => { vi.advanceTimersByTime(2000); });
-    expect(result.current.status).toBe('idle');
-  });
-
-  it('exposes error status on save failure', async () => {
-    const saveFn = vi.fn().mockRejectedValue(new Error('network error'));
-    const { result } = renderHook(() => useAutosave('initial', saveFn, { delay: 500 }));
-
-    act(() => { result.current.setValue('changed'); });
-    act(() => { vi.advanceTimersByTime(500); });
-
-    await waitFor(() => {
-      expect(result.current.status).toBe('error');
-    });
-  });
-
-  it('flushes pending save on unmount', async () => {
-    const saveFn = vi.fn().mockResolvedValue(undefined);
-    const { result, unmount } = renderHook(() => useAutosave('initial', saveFn, { delay: 500 }));
-
-    act(() => { result.current.setValue('changed'); });
-    expect(saveFn).not.toHaveBeenCalled();
-
-    unmount();
-    expect(saveFn).toHaveBeenCalledTimes(1);
-  });
-});
-
-// ── AutosaveField tests ───────────────────────────────────────────────────────
-
-describe('AutosaveField', () => {
-  beforeEach(() => { vi.useFakeTimers({ shouldAdvanceTime: true }); });
-  afterEach(() => { vi.useRealTimers(); });
-
-  it('renders the input passed via render prop', () => {
-    const saveFn = vi.fn().mockResolvedValue(undefined);
-    render(
-      <AutosaveField
-        initialValue="hello"
-        saveFn={saveFn}
-        render={({ value, onChange }) => (
-          <input data-testid="input" value={value} onChange={e => onChange(e.target.value)} />
-        )}
-      />,
-    );
-    expect(screen.getByTestId('input')).toHaveValue('hello');
-  });
-
-  it('applies idle class to container by default', () => {
-    const saveFn = vi.fn().mockResolvedValue(undefined);
-    const { container } = render(
-      <AutosaveField
-        initialValue="test"
-        saveFn={saveFn}
-        render={({ value, onChange }) => (
-          <input value={value} onChange={e => onChange(e.target.value)} />
-        )}
-      />,
-    );
-    expect(container.querySelector('.autosave-field')).toHaveClass('autosave-field');
-    expect(container.querySelector('.autosave-field')).not.toHaveClass('saving');
-    expect(container.querySelector('.autosave-field')).not.toHaveClass('saved');
-    expect(container.querySelector('.autosave-field')).not.toHaveClass('error');
-  });
-
-  it('shows saving state during async save', async () => {
-    let resolve: (v: unknown) => void;
-    const saveFn = vi.fn().mockImplementation(async () => {
-      await new Promise(r => (resolve = r));
-    });
-    render(
-      <AutosaveField
-        initialValue="hello"
-        saveFn={saveFn}
-        render={({ value, onChange, onBlur }) => (
-          <input data-testid="input" value={value} onChange={e => onChange(e.target.value)} onBlur={onBlur} />
-        )}
-      />,
-    );
-
-    fireEvent.change(screen.getByTestId('input'), { target: { value: 'changed' } });
-    fireEvent.blur(screen.getByTestId('input'));
-
-    await waitFor(() => {
-      expect(document.querySelector('.autosave-field')).toHaveClass('saving');
-    });
-
-    act(() => { resolve!(); });
-  });
-
-  it('shows saved state after successful save', async () => {
-    const saveFn = vi.fn().mockResolvedValue(undefined);
-    render(
-      <AutosaveField
-        initialValue="hello"
-        saveFn={saveFn}
-        render={({ value, onChange, onBlur }) => (
-          <input data-testid="input" value={value} onChange={e => onChange(e.target.value)} onBlur={onBlur} />
-        )}
-      />,
-    );
-
-    fireEvent.change(screen.getByTestId('input'), { target: { value: 'changed' } });
-    fireEvent.blur(screen.getByTestId('input'));
-
-    await waitFor(() => {
-      expect(document.querySelector('.autosave-field')).toHaveClass('saving');
-    });
-
-    act(() => { vi.advanceTimersByTime(50); });
-
-    await waitFor(() => {
-      expect(document.querySelector('.autosave-field')).toHaveClass('saved');
-    });
-  });
-
-  it('shows error state on failed save', async () => {
-    const saveFn = vi.fn().mockRejectedValue(new Error('network error'));
-    render(
-      <AutosaveField
-        initialValue="hello"
-        saveFn={saveFn}
-        render={({ value, onChange, onBlur }) => (
-          <input data-testid="input" value={value} onChange={e => onChange(e.target.value)} onBlur={onBlur} />
-        )}
-      />,
-    );
-
-    fireEvent.change(screen.getByTestId('input'), { target: { value: 'changed' } });
-    fireEvent.blur(screen.getByTestId('input'));
-
-    await waitFor(() => {
-      expect(document.querySelector('.autosave-field')).toHaveClass('error');
-    });
-  });
-
-  it('saves immediately on blur when debounce is pending (done typing)', async () => {
-    const saveFn = vi.fn().mockResolvedValue(undefined);
-    render(
-      <AutosaveField
-        initialValue="hello"
-        delay={800}
-        saveFn={saveFn}
-        render={({ value, onChange, onBlur }) => (
-          <input data-testid="input" value={value} onChange={e => onChange(e.target.value)} onBlur={onBlur} />
-        )}
-      />,
-    );
-
-    fireEvent.change(screen.getByTestId('input'), { target: { value: 'typing...' } });
-    // Blur immediately — since user is done typing, save fires immediately
-    // (debounce is pending but blur triggers immediate save instead)
-    fireEvent.blur(screen.getByTestId('input'));
-
-    // saveFn should be called immediately on blur
-    expect(saveFn).toHaveBeenCalledTimes(1);
-    expect(saveFn).toHaveBeenCalledWith('typing...');
-
-    // Debounce timer should have been cleared — no duplicate save
-    act(() => { vi.advanceTimersByTime(800); });
-    expect(saveFn).toHaveBeenCalledTimes(1); // still 1, not 2
-  });
-
-  it('saves pending value on unmount', async () => {
-    const saveFn = vi.fn().mockResolvedValue(undefined);
-    const { unmount } = render(
-      <AutosaveField
-        initialValue="test"
-        saveFn={saveFn}
-        render={({ value, onChange }) => (
-          <input data-testid="input" value={value} onChange={e => onChange(e.target.value)} />
-        )}
-      />,
-    );
-
-    // Simulate user typing (schedules debounce)
-    fireEvent.change(screen.getByTestId('input'), { target: { value: 'unsaved' } });
-
-    // Unmount before debounce fires
-    unmount();
-
-    // saveFn should have been called with the pending value
-    await act(async () => { vi.advanceTimersByTime(50); });
-    expect(saveFn).toHaveBeenCalledWith('unsaved');
-  });
-
-  it('renders status icon when saving', async () => {
-    let resolve: (v: unknown) => void;
-    const saveFn = vi.fn().mockImplementation(async () => {
-      await new Promise(r => (resolve = r));
-    });
-    render(
-      <AutosaveField
-        initialValue="hello"
-        saveFn={saveFn}
-        render={({ value, onChange, onBlur }) => (
-          <input data-testid="input" value={value} onChange={e => onChange(e.target.value)} onBlur={onBlur} />
-        )}
-      />,
-    );
-
-    fireEvent.change(screen.getByTestId('input'), { target: { value: 'changed' } });
-    fireEvent.blur(screen.getByTestId('input'));
-
-    await waitFor(() => {
-      expect(document.querySelector('.autosave-status')).toBeInTheDocument();
-    });
-
-    act(() => { resolve!(); });
-  });
-});

package/bizar-dash/tests/v7-archive/backup-restore.test.tsx

@@ -1,141 +0,0 @@
-/**
- * tests/backup-restore.test.tsx
- *
- * v4.8.0 — Component test for BackupRestoreCard.
- */
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-import React from 'react';
-import { BackupRestoreCard } from '../src/web/components/BackupRestore';
-
-// Mock the API
-vi.mock('../src/web/lib/api', () => ({
-  api: {
-    get: vi.fn(),
-    post: vi.fn(),
-    del: vi.fn(),
-    put: vi.fn(),
-    patch: vi.fn(),
-  },
-}));
-
-// Mock the Toast
-vi.mock('../src/web/components/Toast', () => ({
-  useToast: () => ({
-    success: vi.fn(),
-    error: vi.fn(),
-    info: vi.fn(),
-    warning: vi.fn(),
-    dismiss: vi.fn(),
-  }),
-}));
-
-// Mock the Modal
-vi.mock('../src/web/components/Modal', () => ({
-  useModal: () => ({
-    open: vi.fn(),
-    close: vi.fn(),
-    isModalOpen: false,
-    showWaitModal: vi.fn(),
-    closeWaitModal: vi.fn(),
-  }),
-  ModalProvider: ({ children }: { children: React.ReactNode }) => children,
-  useModalContext: () => ({ openModal: vi.fn(), closeModal: vi.fn() }),
-}));
-
-// Mock the Card
-vi.mock('../src/web/components/Card', () => ({
-  Card: ({ children }: { children: React.ReactNode }) => <div className="card card-elevated">{children}</div>,
-  CardTitle: ({ children }: { children: React.ReactNode }) => <h3>{children}</h3>,
-  CardMeta: ({ children }: { children: React.ReactNode }) => <p>{children}</p>,
-}));
-
-// Mock the Button
-vi.mock('../src/web/components/Button', () => ({
-  Button: ({ children, onClick, ...rest }: any) => <button onClick={onClick} {...rest}>{children}</button>,
-}));
-
-import { api } from '../src/web/lib/api';
-
-const mockBackups = [
-  {
-    path: '/tmp/backups/bizar-2025-07-05-120000',
-    name: 'bizar-2025-07-05-120000',
-    createdAt: '2025-07-05T12:00:00.000Z',
-    sizeBytes: 4096,
-    sizeFormatted: '4.0 KB',
-    manifest: {
-      version: '4.8.0',
-      createdAt: '2025-07-05T12:00:00.000Z',
-      label: null,
-      paths: ['config', 'cline'],
-    },
-  },
-];
-
-describe('BackupRestoreCard', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    (api.get as ReturnType<typeof vi.fn>).mockResolvedValue({ ok: true, backups: mockBackups });
-    (api.post as ReturnType<typeof vi.fn>).mockResolvedValue({ ok: true, path: '/tmp/backups/bizar-2025-07-05-120000', sizeBytes: 4096, durationMs: 100 });
-  });
-
-  it('renders the card title', async () => {
-    render(<BackupRestoreCard />);
-    expect(screen.getByText(/Backup.*Restore/i)).toBeTruthy();
-  });
-
-  it('renders the create backup button', async () => {
-    render(<BackupRestoreCard />);
-    expect(screen.getByRole('button', { name: /create backup/i })).toBeTruthy();
-  });
-
-  it('shows loading state initially', async () => {
-    render(<BackupRestoreCard />);
-    expect(screen.getByText(/Loading backups/i)).toBeTruthy();
-  });
-
-  it('renders backup list after loading', async () => {
-    render(<BackupRestoreCard />);
-    // Verify the component calls /backup/list on mount.
-    await waitFor(() => {
-      expect(api.get).toHaveBeenCalledWith('/backup/list');
-    });
-  });
-
-  it('calls create backup API when create button is clicked', async () => {
-    render(<BackupRestoreCard />);
-    await waitFor(() => {
-      expect(api.get).toHaveBeenCalled();
-    });
-    const createBtn = screen.getByRole('button', { name: /create backup/i });
-    fireEvent.click(createBtn);
-    await waitFor(() => {
-      expect(api.post).toHaveBeenCalledWith('/backup/create', expect.objectContaining({}));
-    });
-  });
-
-  it('calls verify API when verify button is clicked', async () => {
-    render(<BackupRestoreCard />);
-    await waitFor(() => {
-      expect(api.get).toHaveBeenCalled();
-    });
-    // Find any verify-like button (Restore/Verify/Delete all use Button)
-    const buttons = screen.getAllByRole('button');
-    // Click the first non-Create button as a smoke test
-    const verifyBtn = buttons.find(b => /verify/i.test(b.textContent || '')) || buttons[1];
-    if (verifyBtn) fireEvent.click(verifyBtn);
-    // The verify call is only triggered if there's a backup; we just verify the API is callable
-    expect(typeof api.post).toBe('function');
-  });
-
-  it('opens restore dialog when restore button is clicked', async () => {
-    render(<BackupRestoreCard />);
-    await waitFor(() => {
-      expect(api.get).toHaveBeenCalled();
-    });
-    // Smoke test: the component is interactive
-    const createBtn = screen.getByRole('button', { name: /create backup/i });
-    expect(createBtn).toBeDefined();
-  });
-});

package/bizar-dash/tests/v7-archive/chat-composer.test.tsx

@@ -1,140 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, it, expect, vi } from 'vitest';
-import { ChatComposer } from '../src/web/components/chat/ChatComposer';
-
-// Mock the enhancePrompt API
-vi.mock('../src/web/lib/api', () => ({
-  enhancePrompt: vi.fn().mockResolvedValue('enhanced prompt'),
-}));
-
-// Mock lucide-react — use importOriginal to preserve all real icons,
-// then override only the ones we need to stub
-vi.mock('lucide-react', async (importOriginal) => {
-  const actual = await importOriginal() as Record<string, unknown>;
-  return {
-    ...actual,
-    Send: () => <svg data-testid="send-icon" />,
-    Paperclip: () => <svg data-testid="paperclip-icon" />,
-    X: () => <svg data-testid="x-icon" />,
-    Sparkles: () => <svg data-testid="sparkles-icon" />,
-    Bot: () => <svg data-testid="bot-icon" />,
-    ChevronDown: () => <svg data-testid="chevron-down-icon" />,
-  };
-});
-
-function makeProps() {
-  return {
-    agent: 'test-agent',
-    setAgent: vi.fn(),
-    model: 'test-model',
-    setModel: vi.fn(),
-    text: '',
-    setText: vi.fn(),
-    sending: false,
-    onSend: vi.fn(),
-    attachments: [] as string[],
-    setAttachments: vi.fn(),
-    suggestions: [] as Array<{ cmd: string; desc: string }>,
-    onPickSuggestion: vi.fn(),
-    agents: [{ name: 'test-agent' }],
-    onAttach: vi.fn(),
-  };
-}
-
-describe('ChatComposer sizing', () => {
-  it('renders a textarea inside the composer', () => {
-    render(<ChatComposer {...makeProps()} />);
-    const textarea = screen.getByRole('textbox');
-    expect(textarea).toBeInTheDocument();
-  });
-
-  it('composer pill exists with the correct class', () => {
-    const { container } = render(<ChatComposer {...makeProps()} />);
-    const pill = container.querySelector('.chat-composer-pill');
-    expect(pill).not.toBeNull();
-  });
-
-  it('send button exists with correct class', () => {
-    const { container } = render(<ChatComposer {...makeProps()} />);
-    const sendBtn = container.querySelector('.chat-send-btn');
-    expect(sendBtn).not.toBeNull();
-  });
-
-  it('textarea starts with rows=1 for compact single-line appearance', () => {
-    render(<ChatComposer {...makeProps()} />);
-    const textarea = screen.getByRole('textbox');
-    expect(textarea.getAttribute('rows')).toBe('1');
-  });
-});
-
-describe('ChatComposer auto-grow', () => {
-  it('setText is called on each keystroke (controlled component)', async () => {
-    const user = userEvent.setup();
-    const props = makeProps();
-    render(<ChatComposer {...props} />);
-    const textarea = screen.getByRole('textbox');
-    await user.click(textarea);
-    // user.type fires input events which trigger onChange → setText
-    await user.type(textarea, 'hello');
-    // setText is called for each character in a controlled component
-    expect(props.setText.mock.calls.length).toBeGreaterThanOrEqual(5);
-  });
-
-  it('empty state shows send message placeholder', () => {
-    render(<ChatComposer {...makeProps()} />);
-    const textarea = screen.getByRole('textbox');
-    expect(textarea).toHaveAttribute('placeholder', 'Send a message…');
-  });
-
-  it('sending state shows sending placeholder', () => {
-    const props = makeProps();
-    props.sending = true;
-    render(<ChatComposer {...props} />);
-    const textarea = screen.getByRole('textbox');
-    expect(textarea).toHaveAttribute('placeholder', 'Sending…');
-  });
-});
-
-describe('ChatComposer interactions', () => {
-  it('calls onSend when send button is clicked', async () => {
-    const user = userEvent.setup();
-    const props = makeProps();
-    const { rerender } = render(<ChatComposer {...props} />);
-    // Simulate typing: update the text prop as a real state would
-    props.text = 'hello world';
-    rerender(<ChatComposer {...props} />);
-    const sendBtn = document.querySelector('.chat-send-btn') as HTMLButtonElement;
-    await user.click(sendBtn);
-    expect(props.onSend).toHaveBeenCalled();
-  });
-
-  it('does not call onSend when textarea is empty', async () => {
-    const user = userEvent.setup();
-    const props = makeProps();
-    render(<ChatComposer {...props} />);
-    const sendBtn = document.querySelector('.chat-send-btn') as HTMLButtonElement;
-    await user.click(sendBtn);
-    expect(props.onSend).not.toHaveBeenCalled();
-  });
-
-  it('setText is called on input change', async () => {
-    const user = userEvent.setup();
-    const props = makeProps();
-    render(<ChatComposer {...props} />);
-    const textarea = screen.getByRole('textbox');
-    await user.click(textarea);
-    await user.keyboard('typed text');
-    // For controlled components, setText is called per-keystroke.
-    // Verify it was called multiple times (once per character)
-    expect(props.setText.mock.calls.length).toBeGreaterThanOrEqual(10);
-  });
-
-  it('textarea is disabled while sending', () => {
-    const props = makeProps();
-    props.sending = true;
-    render(<ChatComposer {...props} />);
-    const textarea = screen.getByRole('textbox');
-    expect(textarea).toBeDisabled();
-  });
-});

package/bizar-dash/tests/v7-archive/communication-log.test.tsx

@@ -1,67 +0,0 @@
-// tests/communication-log.test.tsx — F-036 Goal Planner UI.
-// Renders the CommunicationLog component with a mocked Ws class so
-// we can drive agent:* events through the handler without opening a
-// real socket.
-import { describe, it, expect, beforeEach, vi } from 'vitest';
-import { render, screen, act } from '@testing-library/react';
-import { ToastProvider } from '../src/web/components/Toast';
-import { CommunicationLog } from '../src/web/components/agents/CommunicationLog';
-
-type Handler = (msg: { type: string; ts?: number } & Record<string, unknown>) => void;
-
-let registeredHandler: Handler | null = null;
-
-vi.mock('../src/web/lib/ws', () => ({
-  Ws: class {
-    constructor() {}
-    on(handler: Handler) {
-      registeredHandler = handler;
-      return () => { registeredHandler = null; };
-    }
-    close() {}
-  },
-}));
-
-function wrap(node: React.ReactNode) {
-  return <ToastProvider>{node}</ToastProvider>;
-}
-
-function emit(type: string, payload: Record<string, unknown> = {}) {
-  if (!registeredHandler) throw new Error('no ws handler registered');
-  act(() => {
-    registeredHandler!({ type, ts: Date.now(), ...payload });
-  });
-}
-
-beforeEach(() => {
-  registeredHandler = null;
-});
-
-describe('CommunicationLog', () => {
-  it('renders empty state when no messages have arrived', () => {
-    render(wrap(<CommunicationLog />));
-    expect(screen.getByTestId('communication-log-empty')).toBeInTheDocument();
-    expect(screen.getByTestId('communication-log-count').textContent?.trim()).toBe('0');
-  });
-
-  it('renders a single agent:status message', () => {
-    render(wrap(<CommunicationLog />));
-    emit('agent:status', { agent: { name: 'Odin', status: 'working' } });
-    expect(screen.getByTestId('communication-log-count').textContent?.trim()).toBe('1');
-    const rows = screen.getAllByTestId('communication-log-row');
-    expect(rows.length).toBe(1);
-    expect(rows[0].getAttribute('data-kind')).toBe('status');
-  });
-
-  it('renders multiple agent:* messages in reverse order', () => {
-    render(wrap(<CommunicationLog />));
-    emit('agent:status', { agent: { name: 'Odin', status: 'working' } });
-    emit('agent:restarted', { agent: { name: 'Thor' } });
-    emit('agent:message', { message: { from: 'Thor', to: 'Odin', text: 'done' } });
-    const rows = screen.getAllByTestId('communication-log-row');
-    expect(rows.length).toBe(3);
-    expect(rows[0].getAttribute('data-kind')).toBe('message');
-    expect(rows[1].getAttribute('data-kind')).toBe('restarted');
-    expect(rows[2].getAttribute('data-kind')).toBe('status');
-  });
-});