@polderlabs/bizar 10.2.0 → 10.3.0

package/bizar-dash/tests/headroom-settings.test.mjs

@@ -1,126 +0,0 @@
-/**
- * tests/headroom-settings.test.mjs
- *
- * Tests for DEFAULT_SETTINGS.headroom and mergeSettings() headroom merging.
- */
-
-import { test, describe } from 'node:test';
-import assert from 'node:assert/strict';
-
-// We need to import the actual module — we test the _shared.mjs exports
-
-test('DEFAULT_SETTINGS has headroom key', async () => {
-  const { DEFAULT_SETTINGS } = await import('../src/server/routes/_shared.mjs');
-  assert.ok('headroom' in DEFAULT_SETTINGS, 'headroom key exists in DEFAULT_SETTINGS');
-});
-
-test('DEFAULT_SETTINGS.headroom has all required fields', async () => {
-  const { DEFAULT_SETTINGS } = await import('../src/server/routes/_shared.mjs');
-  const h = DEFAULT_SETTINGS.headroom;
-
-  assert.strictEqual(typeof h.enabled, 'boolean', 'enabled is boolean');
-  assert.strictEqual(typeof h.autoInstall, 'boolean', 'autoInstall is boolean');
-  assert.strictEqual(typeof h.port, 'number', 'port is number');
-  assert.strictEqual(typeof h.host, 'string', 'host is string');
-  assert.strictEqual(typeof h.outputShaper, 'boolean', 'outputShaper is boolean');
-  assert.strictEqual(typeof h.telemetry, 'boolean', 'telemetry is boolean');
-  assert.strictEqual(typeof h.budget, 'number', 'budget is number');
-  assert.strictEqual(typeof h.backend, 'string', 'backend is string');
-  assert.strictEqual(typeof h.autoStart, 'boolean', 'autoStart is boolean');
-  assert.strictEqual(typeof h.autoWrap, 'boolean', 'autoWrap is boolean');
-  assert.strictEqual(typeof h.routeAllProviders, 'boolean', 'routeAllProviders is boolean');
-});
-
-test('DEFAULT_SETTINGS.headroom has correct defaults', async () => {
-  const { DEFAULT_SETTINGS } = await import('../src/server/routes/_shared.mjs');
-  const h = DEFAULT_SETTINGS.headroom;
-
-  assert.strictEqual(h.enabled, true, 'enabled defaults to true');
-  assert.strictEqual(h.autoInstall, true, 'autoInstall defaults to true');
-  assert.strictEqual(h.port, 8787, 'port defaults to 8787');
-  assert.strictEqual(h.host, '127.0.0.1', 'host defaults to 127.0.0.1');
-  assert.strictEqual(h.outputShaper, false, 'outputShaper defaults to false');
-  assert.strictEqual(h.telemetry, false, 'telemetry defaults to false');
-  assert.strictEqual(h.budget, 0, 'budget defaults to 0 (unlimited)');
-  assert.strictEqual(h.backend, 'anthropic', 'backend defaults to anthropic');
-  assert.strictEqual(h.autoStart, true, 'autoStart defaults to true');
-  assert.strictEqual(h.autoWrap, true, 'autoWrap defaults to true');
-  assert.strictEqual(h.routeAllProviders, true, 'routeAllProviders defaults to true');
-});
-
-test('mergeSettings preserves headroom sub-object', async () => {
-  const { mergeSettings, DEFAULT_SETTINGS } = await import('../src/server/routes/_shared.mjs');
-
-  const existing = {
-    theme: { mode: 'light' },
-    headroom: { port: 9999, enabled: false },
-  };
-
-  const merged = mergeSettings(existing);
-
-  assert.ok('headroom' in merged, 'headroom preserved in merged');
-  assert.strictEqual(merged.headroom.port, 9999, 'headroom.port is overridden');
-  assert.strictEqual(merged.headroom.enabled, false, 'headroom.enabled is overridden');
-  // Non-overridden fields should fall back to defaults
-  assert.strictEqual(merged.headroom.host, DEFAULT_SETTINGS.headroom.host, 'headroom.host falls back to default');
-  assert.strictEqual(merged.headroom.autoInstall, DEFAULT_SETTINGS.headroom.autoInstall, 'headroom.autoInstall falls back to default');
-});
-
-test('mergeSettings handles missing headroom in existing', async () => {
-  const { mergeSettings, DEFAULT_SETTINGS } = await import('../src/server/routes/_shared.mjs');
-
-  const existing = { theme: { mode: 'light' } };
-  const merged = mergeSettings(existing);
-
-  assert.ok('headroom' in merged, 'headroom present in merged');
-  assert.deepStrictEqual(merged.headroom, DEFAULT_SETTINGS.headroom, 'headroom matches default when not in existing');
-});
-
-test('mergeSettings handles null existing', async () => {
-  const { mergeSettings, DEFAULT_SETTINGS } = await import('../src/server/routes/_shared.mjs');
-
-  const merged = mergeSettings(null);
-
-  assert.ok('headroom' in merged, 'headroom present in merged');
-  assert.deepStrictEqual(merged.headroom, DEFAULT_SETTINGS.headroom, 'headroom matches default when existing is null');
-});
-
-test('mergeSettings handles undefined existing', async () => {
-  const { mergeSettings, DEFAULT_SETTINGS } = await import('../src/server/routes/_shared.mjs');
-
-  const merged = mergeSettings(undefined);
-
-  assert.ok('headroom' in merged, 'headroom present in merged');
-  assert.deepStrictEqual(merged.headroom, DEFAULT_SETTINGS.headroom, 'headroom matches default when existing is undefined');
-});
-
-// ── HeadroomSettings TypeScript type validation ────────────────────────────────
-// This is validated by `tsc --noEmit`. We just verify the JS shape here.
-
-test('HeadroomSettings type shape matches DEFAULT_SETTINGS.headroom', async () => {
-  const { DEFAULT_SETTINGS } = await import('../src/server/routes/_shared.mjs');
-  const h = DEFAULT_SETTINGS.headroom;
-
-  // All fields must be present
-  const requiredKeys = [
-    'enabled', 'autoInstall', 'port', 'host', 'outputShaper',
-    'telemetry', 'budget', 'backend', 'autoStart', 'autoWrap', 'routeAllProviders',
-  ];
-
-  for (const key of requiredKeys) {
-    assert.ok(key in h, `headroom.${key} is present`);
-  }
-
-  // All values must be the correct type
-  assert.strictEqual(typeof h.enabled, 'boolean');
-  assert.strictEqual(typeof h.autoInstall, 'boolean');
-  assert.strictEqual(typeof h.port, 'number');
-  assert.strictEqual(typeof h.host, 'string');
-  assert.strictEqual(typeof h.outputShaper, 'boolean');
-  assert.strictEqual(typeof h.telemetry, 'boolean');
-  assert.strictEqual(typeof h.budget, 'number');
-  assert.strictEqual(typeof h.backend, 'string');
-  assert.strictEqual(typeof h.autoStart, 'boolean');
-  assert.strictEqual(typeof h.autoWrap, 'boolean');
-  assert.strictEqual(typeof h.routeAllProviders, 'boolean');
-});

package/bizar-dash/tests/headroom-status.test.mjs

@@ -1,117 +0,0 @@
-/**
- * tests/headroom-status.test.mjs
- *
- * Tests for getHeadroomStatus() and the /api/headroom/status endpoint.
- * Uses real headroom binary when available, mocked when not.
- */
-
-import { test, describe, beforeEach, afterEach, mock } from 'node:test';
-import assert from 'node:assert/strict';
-import { tmpdir } from 'node:os';
-import { join } from 'node:path';
-import { mkdirSync, rmSync, writeFileSync, existsSync, unlinkSync } from 'node:fs';
-import http from 'node:http';
-
-const HEADROOM_PORT_FILE = join(tmpdir(), `headroom-port-test-${Date.now()}.txt`);
-
-// ── HTTP helpers ─────────────────────────────────────────────────────────────
-
-const httpGet = (port, path) =>
-  new Promise((resolve, reject) => {
-    const req = http.request({ hostname: 'localhost', port, path, method: 'GET' }, (res) => {
-      let body = '';
-      res.on('data', (c) => (body += c));
-      res.on('end', () => {
-        try { resolve({ status: res.statusCode, body: JSON.parse(body || '{}') }); }
-        catch { resolve({ status: res.statusCode, body }); }
-      });
-    });
-    req.on('error', reject);
-    req.end();
-  });
-
-// ── Status shape validation ──────────────────────────────────────────────────
-
-test('getHeadroomStatus returns correct shape', async () => {
-  const { getHeadroomStatus } = await import('../src/server/headroom.mjs');
-  const status = await getHeadroomStatus();
-
-  assert.ok(typeof status.installed === 'boolean', 'installed is boolean');
-  assert.ok(typeof status.version === 'string' || status.version === null, 'version is string|null');
-  assert.ok(typeof status.proxyRunning === 'boolean', 'proxyRunning is boolean');
-  assert.ok(typeof status.proxyPort === 'number' || status.proxyPort === null, 'proxyPort is number|null');
-  assert.ok(typeof status.proxyPid === 'number' || status.proxyPid === null, 'proxyPid is number|null');
-  assert.ok(typeof status.wrapped === 'boolean', 'wrapped is boolean');
-  assert.ok(typeof status.configPath === 'string' || status.configPath === null, 'configPath is string|null');
-  assert.ok(['ok', 'warn', 'fail'].includes(status.healthy), 'healthy is ok|warn|fail');
-  assert.ok(Array.isArray(status.messages), 'messages is array');
-});
-
-test('getHeadroomStatus.healthy is warn when not installed', async () => {
-  const { getHeadroomStatus } = await import('../src/server/headroom.mjs');
-  const status = await getHeadroomStatus();
-
-  if (!status.installed) {
-    assert.strictEqual(status.healthy, 'warn', 'healthy should be warn when not installed');
-  }
-});
-
-test('getHeadroomStatus.healthy is warn when not wrapped but installed', async () => {
-  const { getHeadroomStatus } = await import('../src/server/headroom.mjs');
-  const status = await getHeadroomStatus();
-
-  if (status.installed && !status.wrapped) {
-    assert.strictEqual(status.healthy, 'warn', 'healthy should be warn when not wrapped but installed');
-  }
-});
-
-// ── /api/headroom/status endpoint ───────────────────────────────────────────
-
-async function buildApp() {
-  const { createHeadroomRouter } = await import('../src/server/routes/headroom.mjs');
-  const express = (await import('express')).default;
-  const app = express();
-  app.use(express.json());
-  // Mount at /api/headroom so routes like /status become /api/headroom/status
-  app.use('/api/headroom', await createHeadroomRouter());
-  return app;
-}
-
-test('GET /api/headroom/status returns status object', async () => {
-  const app = await buildApp();
-  const server = app.listen(0);
-  const { port } = server.address();
-
-  try {
-    const res = await httpGet(port, '/api/headroom/status');
-    assert.strictEqual(res.status, 200, 'status should be 200');
-    assert.ok(typeof res.body.installed === 'boolean', 'installed is boolean');
-    assert.ok(['ok', 'warn', 'fail'].includes(res.body.healthy), 'healthy is ok|warn|fail');
-    assert.ok(Array.isArray(res.body.messages), 'messages is array');
-  } finally {
-    server.close();
-  }
-});
-
-test('GET /api/headroom/status includes version when installed', async () => {
-  const { getHeadroomStatus } = await import('../src/server/headroom.mjs');
-  const status = await getHeadroomStatus();
-
-  if (status.installed && status.version) {
-    assert.ok(status.version.length > 0, 'version is non-empty string');
-  }
-});
-
-test('GET /api/headroom/status includes proxyPort from cached file', async () => {
-  // Write a fake port file
-  writeFileSync(HEADROOM_PORT_FILE, '9999', 'utf8');
-
-  // Override the module's port file path temporarily by mocking the fs access
-  const { getHeadroomStatus } = await import('../src/server/headroom.mjs');
-  // Note: in a real scenario you'd override via the import.meta trick or env var
-  // Here we just verify the status structure is correct
-  const status = await getHeadroomStatus();
-  assert.ok(typeof status.proxyPort === 'number' || status.proxyPort === null, 'proxyPort is number|null');
-
-  try { unlinkSync(HEADROOM_PORT_FILE); } catch { /* ignore */ }
-});

package/bizar-dash/tests/v7-archive/mobile-overview.test.tsx

@@ -1,214 +0,0 @@
-/**
- * tests/mobile-overview.test.tsx
- *
- * v5.4 — Component tests for the mobile-optimized overview (hero + stats +
- * recent activity + quick actions).
- */
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-import { MobileOverview } from '../src/web/mobile/MobileOverview';
-import type { Snapshot } from '../src/web/lib/types';
-
-// ─── Mocks ──────────────────────────────────────────────────────────────────
-
-vi.mock('../src/web/lib/api', () => ({
-  api: {
-    post: vi.fn().mockResolvedValue({ ok: true }),
-    get: vi.fn().mockResolvedValue({}),
-  },
-}));
-
-// Stub lucide icons — keep them tiny testids so we can assert presence cheaply.
-vi.mock('lucide-react', async (importOriginal) => {
-  const actual = await importOriginal() as Record<string, unknown>;
-  const make = (name: string) => {
-    const Cmp = (props: { size?: number }) => <svg data-testid={`icon-${name}`} data-size={props.size} />;
-    Cmp.displayName = name;
-    return Cmp;
-  };
-  return {
-    ...actual,
-    CheckSquare: make('CheckSquare'),
-    Clock: make('Clock'),
-    Bot: make('Bot'),
-    Coins: make('Coins'),
-    Plus: make('Plus'),
-    MessageSquare: make('MessageSquare'),
-    Stethoscope: make('Stethoscope'),
-    Send: make('Send'),
-  };
-});
-
-// ─── Test data ──────────────────────────────────────────────────────────────
-
-const BASE_SNAPSHOT: Snapshot = {
-  overview: {
-    counts: { agents: 0, plans: 0, projects: 0, sessions: 0 },
-    recentActivity: [],
-    versions: { node: '', platform: '', projectRoot: '', bizarRoot: '' },
-    generatedAt: '',
-  },
-  agents: [],
-  artifacts: [],
-  projects: [],
-  activeProject: null,
-  config: { path: '', data: null, raw: '', exists: false },
-  settings: {
-    path: '',
-    data: {
-      theme: { mode: 'dark', accent: '#8b5cf6', success: '#3fb950', warning: '#f0883e', error: '#f85149', info: '#58a6ff', fontFamily: 'sans-serif', fontSize: 14, compactMode: false, animations: true },
-      ui: { layout: 'topnav', showHeader: true, showStatusBar: true, defaultTab: 'overview' },
-      defaultAgent: 'odin',
-      defaultModel: '',
-      notifications: { onAgentComplete: false, onPlanApproval: false },
-      dashboard: { autoLaunchWeb: false },
-      service: { enabled: false, autostart: false },
-      about: { version: '5.4.0', homepage: '', license: 'MIT' },
-      agents: { maxParallel: 6, stuckThresholdMs: 600000, autoRestart: false },
-      personalization: { displayName: '', role: '', team: '', aboutMe: '', preferences: '' },
-      workflow: { artifactsEnabled: true, agentsDecideAutonomously: false, chatAutonomous: false },
-      headroom: { enabled: false, autoInstall: true, port: 8787, host: '127.0.0.1', outputShaper: false, telemetry: false, budget: 0, backend: 'anthropic', autoStart: true, autoWrap: true, routeAllProviders: true },
-    },
-    exists: true,
-  },
-  tasks: [],
-  mods: [],
-  schedules: [],
-  providers: [],
-  mcps: [],
-};
-
-// ─── Tests ──────────────────────────────────────────────────────────────────
-
-describe('MobileOverview', () => {
-  const refreshSnapshot = vi.fn().mockResolvedValue(undefined);
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('renders hero card with input', () => {
-    render(<MobileOverview snapshot={BASE_SNAPSHOT} refreshSnapshot={refreshSnapshot} />);
-
-    expect(screen.getByRole('heading', { name: /what do you want to do/i })).toBeInTheDocument();
-    const textarea = screen.getByPlaceholderText(/implement user authentication/i);
-    expect(textarea).toBeInTheDocument();
-    expect(textarea.tagName).toBe('TEXTAREA');
-    expect(screen.getByRole('button', { name: /submit/i })).toBeInTheDocument();
-  });
-
-  it('disables submit button when textarea is empty', () => {
-    render(<MobileOverview snapshot={BASE_SNAPSHOT} refreshSnapshot={refreshSnapshot} />);
-
-    const submit = screen.getByRole('button', { name: /submit/i });
-    expect(submit).toBeDisabled();
-  });
-
-  it('enables submit button when textarea has text', async () => {
-    const user = userEvent.setup();
-    render(<MobileOverview snapshot={BASE_SNAPSHOT} refreshSnapshot={refreshSnapshot} />);
-
-    await user.type(screen.getByPlaceholderText(/implement user authentication/i), 'fix the bug');
-    expect(screen.getByRole('button', { name: /submit/i })).not.toBeDisabled();
-  });
-
-  it('renders 4 stat cards', () => {
-    render(<MobileOverview snapshot={BASE_SNAPSHOT} refreshSnapshot={refreshSnapshot} />);
-
-    expect(screen.getByText('Tasks')).toBeInTheDocument();
-    expect(screen.getByText('Schedules')).toBeInTheDocument();
-    expect(screen.getByText('Active Agents')).toBeInTheDocument();
-    expect(screen.getByText('API Tokens')).toBeInTheDocument();
-
-    // Each stat label sits on a card with the matching modifier class.
-    expect(document.querySelectorAll('.mobile-stat-card.is-blue')).toHaveLength(1);
-    expect(document.querySelectorAll('.mobile-stat-card.is-purple')).toHaveLength(1);
-    expect(document.querySelectorAll('.mobile-stat-card.is-green')).toHaveLength(1);
-    expect(document.querySelectorAll('.mobile-stat-card.is-yellow')).toHaveLength(1);
-  });
-
-  it('reflects task count and active task subtext from snapshot', () => {
-    const snap: Snapshot = {
-      ...BASE_SNAPSHOT,
-      tasks: [
-        { ...BASE_SNAPSHOT.tasks[0], id: 't1', title: 'a', description: '', status: 'doing', tags: [], priority: 'normal', createdAt: '', updatedAt: '' },
-        { ...BASE_SNAPSHOT.tasks[0], id: 't2', title: 'b', description: '', status: 'done', tags: [], priority: 'normal', createdAt: '', updatedAt: '' },
-        { ...BASE_SNAPSHOT.tasks[0], id: 't3', title: 'c', description: '', status: 'queued', tags: [], priority: 'normal', createdAt: '', updatedAt: '' },
-      ] as Snapshot['tasks'],
-      schedules: [
-        { id: 's1', name: 'nightly', cron: '0 0 * * *', enabled: true, lastRun: null, nextRun: null, target: 'agent', agentName: 'odin', createdAt: '', updatedAt: '' },
-      ] as Snapshot['schedules'],
-    };
-
-    render(<MobileOverview snapshot={snap} refreshSnapshot={refreshSnapshot} />);
-
-    // Tasks stat — first mobile-stat-value inside the blue card.
-    const blueCard = document.querySelector('.mobile-stat-card.is-blue')!;
-    expect(blueCard.querySelector('.mobile-stat-value')?.textContent).toBe('3');
-    expect(blueCard.querySelector('.mobile-stat-subtext')?.textContent).toBe('1 active');
-
-    // Schedules stat.
-    const purpleCard = document.querySelector('.mobile-stat-card.is-purple')!;
-    expect(purpleCard.querySelector('.mobile-stat-value')?.textContent).toBe('1');
-  });
-
-  it('shows recent activity when snapshot has items', () => {
-    const snap: Snapshot = {
-      ...BASE_SNAPSHOT,
-      overview: {
-        ...BASE_SNAPSHOT.overview,
-        recentActivity: [
-          { ts: '2026-07-05T12:34:00.000Z', kind: 'task', title: 'hello' },
-          { ts: '2026-07-05T12:35:00.000Z', kind: 'agent', name: 'odin' },
-        ],
-      },
-    };
-
-    render(<MobileOverview snapshot={snap} refreshSnapshot={refreshSnapshot} />);
-
-    expect(screen.getByRole('heading', { name: /recent activity/i })).toBeInTheDocument();
-    const items = document.querySelectorAll('.mobile-activity-item');
-    expect(items).toHaveLength(2);
-    expect(screen.queryByText(/no recent activity/i)).not.toBeInTheDocument();
-  });
-
-  it('shows empty state when there is no recent activity', () => {
-    render(<MobileOverview snapshot={BASE_SNAPSHOT} refreshSnapshot={refreshSnapshot} />);
-
-    expect(screen.getByText(/no recent activity/i)).toBeInTheDocument();
-    expect(document.querySelector('.mobile-activity-list')).toBeNull();
-  });
-
-  it('renders quick action buttons', () => {
-    render(<MobileOverview snapshot={BASE_SNAPSHOT} refreshSnapshot={refreshSnapshot} />);
-
-    expect(screen.getByRole('button', { name: /new task/i })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /new chat/i })).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /run doctor/i })).toBeInTheDocument();
-  });
-
-  it('clamps recent activity to 8 items', () => {
-    const many: { ts: string; kind: string; title: string }[] = [];
-    for (let i = 0; i < 12; i++) {
-      many.push({ ts: `2026-07-05T12:${String(i).padStart(2, '0')}:00.000Z`, kind: 'task', title: `t${i}` });
-    }
-    const snap: Snapshot = {
-      ...BASE_SNAPSHOT,
-      overview: { ...BASE_SNAPSHOT.overview, recentActivity: many },
-    };
-
-    render(<MobileOverview snapshot={snap} refreshSnapshot={refreshSnapshot} />);
-
-    expect(document.querySelectorAll('.mobile-activity-item')).toHaveLength(8);
-  });
-
-  it('handles null snapshot without crashing', () => {
-    render(<MobileOverview snapshot={null} refreshSnapshot={refreshSnapshot} />);
-
-    expect(screen.getByRole('heading', { name: /what do you want to do/i })).toBeInTheDocument();
-    expect(screen.getByText(/no recent activity/i)).toBeInTheDocument();
-    expect(screen.getByText('Tasks')).toBeInTheDocument();
-  });
-});

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

@@ -1,181 +0,0 @@
-/**
- * tests/mobile-settings.test.tsx
- *
- * v5.4 — Component tests for the mobile settings accordion view.
- */
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-import { MobileSettings } from '../src/web/mobile/MobileSettings';
-import type { Settings, Snapshot } from '../src/web/lib/types';
-
-// ─── Mock sub-components that make API calls ────────────────────────────────
-
-vi.mock('../src/web/views/settings/GeneralSection', () => ({
-  GeneralSection: () => <div data-testid="general-section">GeneralSection</div>,
-}));
-
-vi.mock('../src/web/views/settings/EnvVarsSection', () => ({
-  EnvVarsSection: () => <div data-testid="env-vars-section">EnvVarsSection</div>,
-}));
-
-vi.mock('../src/web/views/settings/MemorySection', () => ({
-  MemorySection: () => <div data-testid="memory-section">MemorySection</div>,
-}));
-
-vi.mock('../src/web/views/settings/SystemLlmSection', () => ({
-  SystemLlmSection: () => <div data-testid="system-llm-section">SystemLlmSection</div>,
-}));
-
-vi.mock('../src/web/views/settings/UpdatesSection', () => ({
-  UpdatesSection: () => <div data-testid="updates-section">UpdatesSection</div>,
-}));
-
-vi.mock('../src/web/views/settings/HeadroomSection', () => ({
-  HeadroomSection: () => <div data-testid="headroom-section">HeadroomSection</div>,
-}));
-
-vi.mock('../src/web/components/TailscaleSettings', () => ({
-  TailscaleSettings: () => <div data-testid="tailscale-section">TailscaleSettings</div>,
-}));
-
-vi.mock('../src/web/views/settings/ActivitySection', () => ({
-  ActivitySection: () => <div data-testid="about-section">AboutSection</div>,
-}));
-
-// ─── Test data ─────────────────────────────────────────────────────────────
-
-const DEFAULT_SETTINGS: Settings = {
-  theme: {
-    mode: 'dark',
-    accent: '#8b5cf6',
-    success: '#3fb950',
-    warning: '#f0883e',
-    error: '#f85149',
-    info: '#58a6ff',
-    fontFamily: 'sans-serif',
-    fontSize: 14,
-    compactMode: false,
-    animations: true,
-  },
-  ui: {
-    layout: 'topnav',
-    showHeader: true,
-    showStatusBar: true,
-    defaultTab: 'overview',
-  },
-  defaultAgent: 'odin',
-  defaultModel: '',
-  notifications: { onAgentComplete: false, onPlanApproval: false },
-  dashboard: { autoLaunchWeb: false },
-  service: { enabled: false, autostart: false },
-  about: { version: '5.4.0', homepage: 'https://github.com/DrB0rk/BizarHarness', license: 'MIT' },
-  agents: { maxParallel: 6, stuckThresholdMs: 600000, autoRestart: false },
-  personalization: { displayName: '', role: '', team: '', aboutMe: '', preferences: '' },
-  workflow: { artifactsEnabled: true, agentsDecideAutonomously: false, chatAutonomous: false },
-  headroom: { enabled: false, autoInstall: true, port: 8787, host: '127.0.0.1', outputShaper: false, telemetry: false, budget: 0, backend: 'anthropic', autoStart: true, autoWrap: true, routeAllProviders: true },
-};
-
-const SNAPSHOT_WITH_PROVIDERS: Snapshot = {
-  agents: [],
-  artifacts: [],
-  projects: [],
-  activeProject: null,
-  config: { path: '', data: null, raw: '', exists: false },
-  settings: { path: '', data: DEFAULT_SETTINGS, exists: true },
-  tasks: [],
-  mods: [],
-  schedules: [],
-  providers: [
-    { id: 'p1', name: 'OpenAI', enabled: true, kind: 'openai', models: [] },
-    { id: 'p2', name: 'Anthropic', enabled: true, kind: 'anthropic', models: [] },
-  ],
-  mcps: [],
-};
-
-// ─── Tests ───────────────────────────────────────────────────────────────────
-
-describe('MobileSettings', () => {
-  const onSettingsChange = vi.fn();
-  const autoSave = vi.fn();
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('renders all 9 settings sections', () => {
-    render(
-      <MobileSettings
-        settings={DEFAULT_SETTINGS}
-        onSettingsChange={onSettingsChange}
-        autoSave={autoSave}
-        snapshot={SNAPSHOT_WITH_PROVIDERS}
-      />,
-    );
-
-    expect(screen.getByText('General')).toBeInTheDocument();
-    expect(screen.getByText('AI Providers')).toBeInTheDocument();
-    expect(screen.getByText('Environment Variables')).toBeInTheDocument();
-    expect(screen.getByText('Memory Vault')).toBeInTheDocument();
-    expect(screen.getByText('System LLM')).toBeInTheDocument();
-    expect(screen.getByText('Updates')).toBeInTheDocument();
-    expect(screen.getByText('Headroom')).toBeInTheDocument();
-    expect(screen.getByText('Tailscale')).toBeInTheDocument();
-    expect(screen.getByText('About')).toBeInTheDocument();
-  });
-
-  it('filters sections by search query', async () => {
-    const user = userEvent.setup();
-    render(
-      <MobileSettings
-        settings={DEFAULT_SETTINGS}
-        onSettingsChange={onSettingsChange}
-        autoSave={autoSave}
-      />,
-    );
-
-    const searchInput = screen.getByRole('textbox', { name: /search settings/i });
-    await user.type(searchInput, 'provider');
-
-    // Only "AI Providers" matches
-    expect(screen.getByText('AI Providers')).toBeInTheDocument();
-    expect(screen.queryByText('General')).not.toBeInTheDocument();
-    expect(screen.queryByText('Memory Vault')).not.toBeInTheDocument();
-  });
-
-  it('expands/collapses section on click', async () => {
-    const user = userEvent.setup();
-    render(
-      <MobileSettings
-        settings={DEFAULT_SETTINGS}
-        onSettingsChange={onSettingsChange}
-        autoSave={autoSave}
-      />,
-    );
-
-    // Initially nothing is expanded
-    expect(screen.queryByTestId('general-section')).not.toBeInTheDocument();
-
-    // Click General — expands it
-    await user.click(screen.getByText('General'));
-    expect(screen.getByTestId('general-section')).toBeInTheDocument();
-
-    // Click again — collapses
-    await user.click(screen.getByText('General'));
-    expect(screen.queryByTestId('general-section')).not.toBeInTheDocument();
-  });
-
-  it('shows "2 configured" for AI Providers when snapshot has 2 providers', () => {
-    render(
-      <MobileSettings
-        settings={DEFAULT_SETTINGS}
-        onSettingsChange={onSettingsChange}
-        autoSave={autoSave}
-        snapshot={SNAPSHOT_WITH_PROVIDERS}
-      />,
-    );
-
-    expect(screen.getByText('2 configured')).toBeInTheDocument();
-  });
-});