@polderlabs/bizar 9.0.0 → 10.0.7

package/bizar-dash/src/web/v8/__tests__/env-vars-view.test.tsx

@@ -0,0 +1,123 @@
+/**
+ * S41 — env-vars-view.test.tsx
+ *
+ * Verifies EnvVarsView mounts, lists vars, opens the Add Sheet,
+ * POSTs to /api/env-vars on submit, DELETEs (with inline confirm),
+ * and bulk-imports via POST /api/env-vars/bulk-import.
+ */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { EnvVarsView } from '../views/EnvVars/EnvVarsView.js';
+
+interface MockState {
+  posts: Array<{ url: string; body: unknown }>;
+  puts: Array<{ url: string; body: unknown }>;
+  deletes: string[];
+}
+
+function installFetchMock(handler: (url: string, init?: RequestInit) => Response, state?: MockState): MockState {
+  const out: MockState = state ?? { posts: [], puts: [], deletes: [] };
+  globalThis.fetch = vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+    const url = String(input);
+    const method = String(init?.method ?? 'GET').toUpperCase();
+    if (init?.body) {
+      try {
+        const parsed = JSON.parse(String(init.body));
+        if (method === 'POST') out.posts.push({ url, body: parsed });
+        else if (method === 'PUT') out.puts.push({ url, body: parsed });
+      } catch { /* swallow */ }
+    } else if (method === 'DELETE') {
+      out.deletes.push(url);
+    }
+    return handler(url, init);
+  }) as unknown as typeof fetch;
+  return out;
+}
+
+function jsonResponse(status: number, body: unknown): Response {
+  return new Response(JSON.stringify(body), {
+    status,
+    headers: { 'content-type': 'application/json' },
+  });
+}
+
+describe('S41 EnvVarsView', () => {
+  beforeEach(() => {
+    if (!Element.prototype.scrollIntoView) Element.prototype.scrollIntoView = vi.fn();
+  });
+  afterEach(() => {
+    cleanup();
+    vi.restoreAllMocks();
+  });
+
+  it('renders empty state when no env vars exist', async () => {
+    installFetchMock((url) => {
+      if (url.endsWith('/api/env-vars')) return jsonResponse(200, []);
+      return jsonResponse(200, {});
+    });
+    render(<EnvVarsView />);
+    expect(await screen.findByTestId('env-vars-view')).toBeTruthy();
+    expect(await screen.findByText('No env vars')).toBeTruthy();
+  });
+
+  it('lists env vars with masked values', async () => {
+    installFetchMock((url) => {
+      if (url.endsWith('/api/env-vars')) return jsonResponse(200, [
+        { name: 'BIZAR_FOO', value: '****bar', createdAt: '2026-01-01', source: 'dashboard' },
+      ]);
+      return jsonResponse(200, {});
+    });
+    render(<EnvVarsView />);
+    expect(await screen.findByTestId('env-var-row-BIZAR_FOO')).toBeTruthy();
+    expect(screen.getByText('****bar')).toBeTruthy();
+  });
+
+  it('opens the Add Sheet and POSTs on submit', async () => {
+    const state = installFetchMock((url) => {
+      if (url.endsWith('/api/env-vars') && !url.includes('/api/env-vars/')) return jsonResponse(200, []);
+      return jsonResponse(200, {});
+    });
+    render(<EnvVarsView />);
+    fireEvent.click(await screen.findByTestId('env-vars-add'));
+    fireEvent.input(await screen.findByTestId('env-var-form-name'), { target: { value: 'BIZAR_FOO' } });
+    fireEvent.input(await screen.findByTestId('env-var-form-value'), { target: { value: 'bar' } });
+    fireEvent.click(await screen.findByTestId('env-var-form-submit'));
+    await waitFor(() => {
+      const hit = state.posts.find((p) => p.url.endsWith('/api/env-vars'));
+      expect(hit).toBeTruthy();
+      expect((hit!.body as { name: string }).name).toBe('BIZAR_FOO');
+      expect((hit!.body as { value: string }).value).toBe('bar');
+    });
+  });
+
+  it('DELETEs an env var on Confirm', async () => {
+    const state = installFetchMock((url) => {
+      if (url.endsWith('/api/env-vars')) return jsonResponse(200, [{ name: 'BIZAR_FOO', value: '****bar' }]);
+      return jsonResponse(200, {});
+    });
+    render(<EnvVarsView />);
+    fireEvent.click(await screen.findByTestId('env-var-delete-BIZAR_FOO'));
+    fireEvent.click(await screen.findByTestId('env-var-confirm-delete-BIZAR_FOO'));
+    await waitFor(() => {
+      expect(state.deletes.find((u) => u.endsWith('/api/env-vars/BIZAR_FOO'))).toBeTruthy();
+    });
+  });
+
+  it('bulk-imports via POST /api/env-vars/bulk-import', async () => {
+    const state = installFetchMock((url) => {
+      if (url.endsWith('/api/env-vars')) return jsonResponse(200, []);
+      return jsonResponse(200, {});
+    });
+    render(<EnvVarsView />);
+    fireEvent.click(await screen.findByTestId('env-vars-bulk-import'));
+    fireEvent.input(await screen.findByTestId('env-vars-bulk-input'), {
+      target: { value: 'BIZAR_A=1\nBIZAR_B=2\n# comment' },
+    });
+    fireEvent.click(await screen.findByTestId('env-vars-bulk-submit'));
+    await waitFor(() => {
+      const hit = state.posts.find((p) => p.url.endsWith('/api/env-vars/bulk-import'));
+      expect(hit).toBeTruthy();
+      expect((hit!.body as { envContent: string }).envContent).toContain('BIZAR_A=1');
+    });
+  });
+});

package/bizar-dash/src/web/v8/__tests__/goals-cc-roundtrip.test.tsx

@@ -0,0 +1,94 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen, waitFor } from '@testing-library/react';
+import { GoalsView } from '../views/Goals/GoalsView';
+import { parseProgress } from '../../../server/progress-parser.mjs';
+
+// v10-S3 — verify GoalsView renders whatever parseProgress hands back
+// when given a CC-shape PROGRESS.md fixture (the same shape CC's /goal
+// slash command writes). Closes the audit gap where GoalsView was
+// assumed to round-trip with CC's writer without test evidence.
+//
+// Fixture shape follows what `parseProgress` actually consumes: each
+// goal is a level-2 heading `## F-NNN — Title` (or `## Some — Title`),
+// with status from the `Goal is **status**` paragraph, KRs as
+// `- [x] text` lines, and Owner/Due extracted from the body.
+
+const ccShapeProgress = `# Cross-session progress
+
+## G-001 — Ship v8 dashboard (Sprint S1 In Progress)
+
+Goal is **on-track**
+
+The dashboard is the orchestration center for all agent + task + goal
+work. Fully rewritten in v9 with a real component library.
+
+Owner: berk
+Due: 2026-09-30
+
+- [x] Foundations (controls, feedback, data display)
+- [x] First wave of P0 views (Overview, Agents, Tasks, Goals, Settings)
+- [ ] Chat surface (S37)
+- [ ] Remaining endpoint groups (S38-S43)
+- [ ] Settings audit + SettingsView sections (S41)
+
+## G-002 — Reduce test flakiness (Sprint S2 In Progress)
+
+Goal is **at-risk**
+
+Network-dependent tests flake under 2% rate. Need to either mock or
+make them truly idempotent.
+
+Owner: berk
+
+- [x] Identify flaky tests (10 of 312)
+- [ ] Pin mock latency to deterministic values
+- [ ] Add retry-with-cap to remaining CLI tests
+
+## G-003 — Write integration E2E (Sprint S3 Next Steps)
+
+Goal is **blocked**
+
+Final open: cross-boundary agent ↔ restart roundtrip.
+
+`;
+
+function jsonResponse(body: unknown): Response {
+  return new Response(JSON.stringify(body), { status: 200, headers: { 'content-type': 'application/json' } });
+}
+
+function installFetchWith(goals: unknown): void {
+  globalThis.fetch = vi.fn(async (_input: RequestInfo | URL) => jsonResponse({ goals, count: Array.isArray(goals) ? goals.length : 0 })) as unknown as typeof fetch;
+}
+
+describe('GoalsView CC-shape round-trip (v10-S3)', () => {
+  afterEach(() => { cleanup(); vi.restoreAllMocks(); });
+
+  it('parser recognises the CC-shape fixture as 3 goals with KR progress', () => {
+    // Pure parser sanity check that runs without DOM/jsdom — proves the
+    // fixture is in the canonical shape before we mount React over it.
+    const parsed = parseProgress(ccShapeProgress);
+    expect(parsed.goals).toHaveLength(3);
+    expect(parsed.goals.map((g) => g.id)).toEqual(['G-001', 'G-002', 'G-003']);
+    // Titles include the sprint metadata the parser preserves verbatim.
+    expect(parsed.goals[0].title).toMatch(/Ship v8 dashboard/);
+    expect(parsed.goals[1].title).toMatch(/Reduce test flakiness/);
+    expect(parsed.goals[2].title).toMatch(/Write integration E2E/);
+    expect(parsed.goals[0].status).toBe('on-track');
+    expect(parsed.goals[0].keyResults).toHaveLength(5);
+    expect(parsed.goals[0].progress).toBeCloseTo(2 / 5);
+    expect(parsed.goals[0].due).toBe('2026-09-30');
+    expect(parsed.goals[0].owner).toBe('berk');
+    expect(parsed.goals[1].status).toBe('at-risk');
+    expect(parsed.goals[2].status).toBe('blocked');
+  });
+
+  it('GoalsView renders cards for every goal the parser produces from the CC-shape fixture', async () => {
+    const parsed = parseProgress(ccShapeProgress);
+    installFetchWith(parsed.goals);
+    render(<GoalsView />);
+    expect(await screen.findByText(/Ship v8 dashboard/i)).toBeTruthy();
+    expect(await screen.findByText(/Reduce test flakiness/i)).toBeTruthy();
+    // Third goal renders; wait for second+ before asserting presence.
+    await waitFor(() => { expect(screen.queryByText(/Write integration E2E/i)).toBeTruthy(); });
+  });
+});

package/bizar-dash/src/web/v8/__tests__/history-view.test.tsx

@@ -0,0 +1,96 @@
+/**
+ * S40 — history-view.test.tsx
+ *
+ * Verifies HistoryView mounts, lists events, applies kind + project
+ * filters, and refreshes on demand.
+ */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { HistoryView } from '../views/History/HistoryView.js';
+
+function installFetchMock(handler: (url: string) => Response): void {
+  globalThis.fetch = vi.fn(async (input: RequestInfo | URL) => handler(String(input))) as unknown as typeof fetch;
+}
+
+function jsonResponse(status: number, body: unknown): Response {
+  return new Response(JSON.stringify(body), {
+    status,
+    headers: { 'content-type': 'application/json' },
+  });
+}
+
+const FIXTURE = {
+  events: [
+    { id: 'e1', ts: new Date().toISOString(), kind: 'task.add', project: 'p1', title: 'first' },
+    { id: 'e2', ts: new Date(Date.now() - 60_000).toISOString(), kind: 'goal.add', project: 'p2', title: 'second' },
+    { id: 'e3', ts: new Date(Date.now() - 120_000).toISOString(), kind: 'task.add', project: 'p2', title: 'third' },
+  ],
+  projects: [
+    { id: 'p1', name: 'Alpha' },
+    { id: 'p2', name: 'Beta' },
+  ],
+  stats: {},
+  generatedAt: new Date().toISOString(),
+};
+
+describe('S40 HistoryView', () => {
+  beforeEach(() => {
+    if (!Element.prototype.scrollIntoView) Element.prototype.scrollIntoView = vi.fn();
+  });
+  afterEach(() => {
+    cleanup();
+    vi.restoreAllMocks();
+  });
+
+  it('renders the timeline with all events', async () => {
+    installFetchMock((url) => {
+      if (url.includes('/api/history')) return jsonResponse(200, FIXTURE);
+      return jsonResponse(200, {});
+    });
+    render(<HistoryView />);
+    expect(await screen.findByTestId('history-view')).toBeTruthy();
+    expect(await screen.findByText('first')).toBeTruthy();
+    expect(await screen.findByText('second')).toBeTruthy();
+    expect(await screen.findByText('third')).toBeTruthy();
+  });
+
+  it('renders empty state when no events', async () => {
+    installFetchMock((url) => {
+      if (url.includes('/api/history')) return jsonResponse(200, { events: [], projects: [] });
+      return jsonResponse(200, {});
+    });
+    render(<HistoryView />);
+    expect(await screen.findByText('No activity yet.')).toBeTruthy();
+  });
+
+  it('filters by kind when a kind chip is clicked', async () => {
+    installFetchMock((url) => {
+      if (url.includes('/api/history')) return jsonResponse(200, FIXTURE);
+      return jsonResponse(200, {});
+    });
+    render(<HistoryView />);
+    await screen.findByText('first');
+    fireEvent.click(await screen.findByTestId('history-filter-kind-task.add'));
+    // Only the two task.add events remain
+    await waitFor(() => {
+      expect(screen.queryByText('second')).toBeNull();
+      expect(screen.getByText('first')).toBeTruthy();
+      expect(screen.getByText('third')).toBeTruthy();
+    });
+  });
+
+  it('filters by project when a project chip is clicked', async () => {
+    installFetchMock((url) => {
+      if (url.includes('/api/history')) return jsonResponse(200, FIXTURE);
+      return jsonResponse(200, {});
+    });
+    render(<HistoryView />);
+    await screen.findByText('first');
+    fireEvent.click(await screen.findByTestId('history-filter-project-p2'));
+    await waitFor(() => {
+      expect(screen.queryByText('first')).toBeNull();
+      expect(screen.getByText('second')).toBeTruthy();
+      expect(screen.getByText('third')).toBeTruthy();
+    });
+  });
+});

package/bizar-dash/src/web/v8/__tests__/lightrag-view.test.tsx

@@ -0,0 +1,90 @@
+/**
+ * S43 — lightrag-view.test.tsx
+ *
+ * Renders defaults form, Save PUTs /api/lightrag/defaults, and
+ * Autostart POSTs /api/lightrag/autostart.
+ */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { LightRAGView } from '../views/LightRAG/LightRAGView.js';
+
+interface MockState {
+  puts: Array<{ url: string; body: unknown }>;
+  posts: string[];
+}
+
+function installFetchMock(handler: (url: string) => Response, state?: MockState): MockState {
+  const out: MockState = state ?? { puts: [], posts: [] };
+  globalThis.fetch = vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+    const url = String(input);
+    const method = String(init?.method ?? 'GET').toUpperCase();
+    if (method === 'PUT' && init?.body) {
+      let parsed: unknown = init.body;
+      try { parsed = JSON.parse(String(init.body)); } catch { /* keep raw */ }
+      out.puts.push({ url, body: parsed });
+    } else if (method === 'POST') {
+      out.posts.push(url);
+    }
+    return handler(url);
+  }) as unknown as typeof fetch;
+  return out;
+}
+
+function jsonResponse(status: number, body: unknown): Response {
+  return new Response(JSON.stringify(body), {
+    status,
+    headers: { 'content-type': 'application/json' },
+  });
+}
+
+const defaults = { llm: 'gpt-4o-mini', embedding: 'text-embedding-3-small', source: 'env', builtin: { llm: 'gpt-4o-mini', embedding: 'text-embedding-3-small' } };
+const status = { running: false, pid: null, host: '127.0.0.1', port: 9621, llmBinding: 'gpt-4o-mini', embeddingBinding: 'text-embedding-3-small', logTail: [] };
+
+describe('S43 LightRAGView', () => {
+  beforeEach(() => {
+    if (!Element.prototype.scrollIntoView) Element.prototype.scrollIntoView = vi.fn();
+  });
+  afterEach(() => {
+    cleanup();
+    vi.restoreAllMocks();
+  });
+
+  it('renders form pre-filled from defaults', async () => {
+    installFetchMock((url) => {
+      if (url.endsWith('/api/lightrag/defaults')) return jsonResponse(200, defaults);
+      if (url.endsWith('/api/lightrag/status')) return jsonResponse(200, status);
+      return jsonResponse(200, {});
+    });
+    render(<LightRAGView />);
+    expect(await screen.findByTestId('lightrag-view')).toBeTruthy();
+    const llm = await screen.findByTestId('lightrag-llm');
+    expect((llm as HTMLInputElement).value).toBe('gpt-4o-mini');
+  });
+
+  it('PUTs /api/lightrag/defaults on Save', async () => {
+    const state = installFetchMock((url) => {
+      if (url.endsWith('/api/lightrag/defaults')) return jsonResponse(200, defaults);
+      if (url.endsWith('/api/lightrag/status')) return jsonResponse(200, status);
+      return jsonResponse(200, {});
+    });
+    render(<LightRAGView />);
+    fireEvent.click(await screen.findByTestId('lightrag-save'));
+    await waitFor(() => {
+      const hit = state.puts.find((p) => p.url.endsWith('/api/lightrag/defaults'));
+      expect(hit).toBeTruthy();
+    });
+  });
+
+  it('POSTs /api/lightrag/autostart', async () => {
+    const state = installFetchMock((url) => {
+      if (url.endsWith('/api/lightrag/defaults')) return jsonResponse(200, defaults);
+      if (url.endsWith('/api/lightrag/status')) return jsonResponse(200, status);
+      return jsonResponse(200, {});
+    });
+    render(<LightRAGView />);
+    fireEvent.click(await screen.findByTestId('lightrag-autostart'));
+    await waitFor(() => {
+      expect(state.posts.find((u) => u.endsWith('/api/lightrag/autostart'))).toBeTruthy();
+    });
+  });
+});

package/bizar-dash/src/web/v8/__tests__/misc-view.test.tsx

@@ -0,0 +1,79 @@
+/**
+ * S43 — misc-view.test.tsx
+ *
+ * Renders the search box and tailscale panel. Tailscale Enable /
+ * Disable POSTs the right endpoint.
+ */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { MiscView } from '../views/Misc/MiscView.js';
+
+interface MockState {
+  posts: string[];
+}
+
+function installFetchMock(handler: (url: string) => Response, state?: MockState): MockState {
+  const out: MockState = state ?? { posts: [] };
+  globalThis.fetch = vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+    const url = String(input);
+    const method = String(init?.method ?? 'GET').toUpperCase();
+    if (method === 'POST') out.posts.push(url);
+    return handler(url);
+  }) as unknown as typeof fetch;
+  return out;
+}
+
+function jsonResponse(status: number, body: unknown): Response {
+  return new Response(JSON.stringify(body), {
+    status,
+    headers: { 'content-type': 'application/json' },
+  });
+}
+
+describe('S43 MiscView', () => {
+  beforeEach(() => {
+    if (!Element.prototype.scrollIntoView) Element.prototype.scrollIntoView = vi.fn();
+  });
+  afterEach(() => {
+    cleanup();
+    vi.restoreAllMocks();
+  });
+
+  it('renders search + tailscale panels', async () => {
+    installFetchMock((url) => {
+      if (url.includes('/api/search')) return jsonResponse(200, { query: '', results: [] });
+      if (url.endsWith('/api/tailscale/status')) return jsonResponse(200, { enabled: false, running: false });
+      return jsonResponse(200, {});
+    });
+    render(<MiscView />);
+    expect(await screen.findByTestId('misc-view')).toBeTruthy();
+    expect(await screen.findByTestId('misc-search-input')).toBeTruthy();
+    expect(await screen.findByTestId('misc-tailscale-state')).toBeTruthy();
+  });
+
+  it('POSTs /api/tailscale/enable on Enable click', async () => {
+    const state = installFetchMock((url) => {
+      if (url.includes('/api/search')) return jsonResponse(200, { query: '', results: [] });
+      if (url.endsWith('/api/tailscale/status')) return jsonResponse(200, { enabled: false, running: false });
+      return jsonResponse(200, {});
+    });
+    render(<MiscView />);
+    fireEvent.click(await screen.findByTestId('misc-tailscale-enable'));
+    await waitFor(() => {
+      expect(state.posts.find((u) => u.endsWith('/api/tailscale/enable'))).toBeTruthy();
+    });
+  });
+
+  it('POSTs /api/tailscale/disable on Disable click', async () => {
+    const state = installFetchMock((url) => {
+      if (url.includes('/api/search')) return jsonResponse(200, { query: '', results: [] });
+      if (url.endsWith('/api/tailscale/status')) return jsonResponse(200, { enabled: true, running: true, hostname: 'box' });
+      return jsonResponse(200, {});
+    });
+    render(<MiscView />);
+    fireEvent.click(await screen.findByTestId('misc-tailscale-disable'));
+    await waitFor(() => {
+      expect(state.posts.find((u) => u.endsWith('/api/tailscale/disable'))).toBeTruthy();
+    });
+  });
+});

package/bizar-dash/src/web/v8/__tests__/mods-view.test.tsx

@@ -0,0 +1,123 @@
+/**
+ * S42 — mods-view.test.tsx
+ *
+ * Renders list, enable/disable PUT, uninstall confirm + DELETE, and
+ * the registry install Sheet.
+ */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { ModsView } from '../views/Mods/ModsView.js';
+
+interface MockState {
+  posts: string[];
+  puts: Array<{ url: string; body: unknown }>;
+  deletes: string[];
+}
+
+function installFetchMock(handler: (url: string) => Response, state?: MockState): MockState {
+  const out: MockState = state ?? { posts: [], puts: [], deletes: [] };
+  globalThis.fetch = vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+    const url = String(input);
+    const method = String(init?.method ?? 'GET').toUpperCase();
+    if (method === 'POST') out.posts.push(url);
+    else if (method === 'PUT' && init?.body) {
+      let parsed: unknown = init.body;
+      try { parsed = JSON.parse(String(init.body)); } catch { /* keep raw */ }
+      out.puts.push({ url, body: parsed });
+    } else if (method === 'DELETE') {
+      out.deletes.push(url);
+    }
+    return handler(url);
+  }) as unknown as typeof fetch;
+  return out;
+}
+
+function jsonResponse(status: number, body: unknown): Response {
+  return new Response(JSON.stringify(body), {
+    status,
+    headers: { 'content-type': 'application/json' },
+  });
+}
+
+const installed = [{ id: 'mod-a', name: 'Mod A', version: '1.0.0', enabled: true, description: 'First' }];
+const registry = { registry: { version: 2, updatedAt: '2026-01-01', source: 'https://example.com' }, mods: [{ id: 'mod-a', name: 'Mod A', latest: '1.0.0', installed: true, installedVersion: '1.0.0', upgradeAvailable: null, description: 'First' }, { id: 'mod-b', name: 'Mod B', latest: '2.0.0', installed: false, installedVersion: null, upgradeAvailable: null, description: 'Second' }] };
+
+describe('S42 ModsView', () => {
+  beforeEach(() => {
+    if (!Element.prototype.scrollIntoView) Element.prototype.scrollIntoView = vi.fn();
+  });
+  afterEach(() => {
+    cleanup();
+    vi.restoreAllMocks();
+  });
+
+  it('renders installed + registry lists', async () => {
+    installFetchMock((url) => {
+      if (url.endsWith('/api/mods')) return jsonResponse(200, { mods: installed });
+      if (url.endsWith('/api/mods/registry')) return jsonResponse(200, registry);
+      return jsonResponse(200, {});
+    });
+    render(<ModsView />);
+    expect(await screen.findByTestId('mods-view')).toBeTruthy();
+    expect(await screen.findByTestId('mod-row-mod-a')).toBeTruthy();
+    expect(await screen.findByTestId('mod-registry-row-mod-b')).toBeTruthy();
+  });
+
+  it('PUTs enable on toggle', async () => {
+    const state = installFetchMock((url) => {
+      if (url.endsWith('/api/mods')) return jsonResponse(200, { mods: installed });
+      if (url.endsWith('/api/mods/registry')) return jsonResponse(200, registry);
+      return jsonResponse(200, {});
+    });
+    render(<ModsView />);
+    fireEvent.click(await screen.findByTestId('mod-toggle-mod-a'));
+    await waitFor(() => {
+      const hit = state.puts.find((p) => p.url.endsWith('/api/mods/mod-a'));
+      expect(hit).toBeTruthy();
+      expect((hit!.body as { enabled: boolean }).enabled).toBe(false);
+    });
+  });
+
+  it('DELETEs on uninstall confirm', async () => {
+    const state = installFetchMock((url) => {
+      if (url.endsWith('/api/mods')) return jsonResponse(200, { mods: installed });
+      if (url.endsWith('/api/mods/registry')) return jsonResponse(200, registry);
+      return jsonResponse(200, {});
+    });
+    render(<ModsView />);
+    fireEvent.click(await screen.findByTestId('mod-uninstall-mod-a'));
+    fireEvent.click(await screen.findByTestId('mod-confirm-uninstall-mod-a'));
+    await waitFor(() => {
+      expect(state.deletes.find((u) => u.endsWith('/api/mods/mod-a'))).toBeTruthy();
+    });
+  });
+
+  it('POSTs /api/mods (registry id) from registry Install button', async () => {
+    const state = installFetchMock((url) => {
+      if (url.endsWith('/api/mods')) return jsonResponse(200, { mods: installed });
+      if (url.endsWith('/api/mods/registry')) return jsonResponse(200, registry);
+      return jsonResponse(200, {});
+    });
+    render(<ModsView />);
+    fireEvent.click(await screen.findByTestId('mod-registry-install-mod-b'));
+    await waitFor(() => {
+      expect(state.posts.find((u) => u.endsWith('/api/mods'))).toBeTruthy();
+    });
+  });
+
+  it('POSTs /api/mods (local path) from Install Sheet', async () => {
+    const state = installFetchMock((url) => {
+      if (url.endsWith('/api/mods')) return jsonResponse(200, { mods: installed });
+      if (url.endsWith('/api/mods/registry')) return jsonResponse(200, registry);
+      return jsonResponse(200, {});
+    });
+    render(<ModsView />);
+    fireEvent.click(await screen.findByTestId('mods-install'));
+    fireEvent.click(await screen.findByTestId('mod-install-mode-path'));
+    fireEvent.input(await screen.findByTestId('mod-install-input'), { target: { value: '/abs/path/to/mod' } });
+    fireEvent.click(await screen.findByTestId('mod-install-submit'));
+    await waitFor(() => {
+      expect(state.posts.find((u) => u.endsWith('/api/mods'))).toBeTruthy();
+    });
+  });
+});