@polderlabs/bizar 5.3.1 → 5.4.1

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

@@ -0,0 +1,181 @@
+/**
+ * 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();
+  });
+});

package/bizar-dash/tests/mobile-tasks.test.tsx

@@ -0,0 +1,162 @@
+/**
+ * tests/mobile-tasks.test.tsx
+ *
+ * v5.4 — Mobile tasks component tests.
+ */
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen, act, fireEvent, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import React from 'react';
+import { MobileTasks } from '../src/web/mobile/MobileTasks';
+import { TaskCard } from '../src/web/components/TaskCard';
+import type { Snapshot, Task } from '../src/web/lib/types';
+
+const mockTask = (overrides: Partial<Task> = {}): Task => ({
+  id: 'task-1',
+  title: 'Test task',
+  description: 'A test task description',
+  status: 'queued',
+  tags: [],
+  priority: 'normal',
+  assignee: null,
+  parent: null,
+  dependencies: [],
+  timeSpent: undefined,
+  recurring: null,
+  attachments: [],
+  comments: [],
+  activity: [],
+  archived: false,
+  workedBy: null,
+  dueDate: null,
+  subtasks: [],
+  metadata: null,
+  progress: undefined,
+  currentStep: null,
+  progressAgent: null,
+  progressHistory: [],
+  createdAt: new Date().toISOString(),
+  updatedAt: new Date().toISOString(),
+  completedAt: null,
+  _timerStart: undefined,
+  ...overrides,
+});
+
+const mockSnapshot = (tasks: Task[] = []): Snapshot => ({
+  overview: {
+    counts: { agents: 0, plans: 0, projects: 0, sessions: 0, activeProject: null },
+    recentActivity: [],
+    versions: { node: '', platform: '', projectRoot: '', bizarRoot: '' },
+    generatedAt: new Date().toISOString(),
+  },
+  agents: [],
+  artifacts: [],
+  projects: [],
+  activeProject: null,
+  config: { path: '', data: {}, raw: '', exists: false },
+  settings: { path: '', data: { theme: { mode: 'dark', accent: '#8b5cf6', success: '#3fb950', warning: '#d29922', error: '#f85149', info: '#58a6ff', fontFamily: '', fontSize: 14, compactMode: false, animations: true }, ui: { layout: 'topnav', showHeader: true, showStatusBar: true, defaultTab: '' }, defaultAgent: 'odin', defaultModel: '', notifications: { onAgentComplete: false, onPlanApproval: false }, dashboard: { autoLaunchWeb: false }, service: { enabled: false, autostart: false }, about: { version: '', homepage: '', license: '' }, agents: { maxParallel: 1, stuckThresholdMs: 0, autoRestart: false }, personalization: { displayName: '', role: '', team: '', aboutMe: '', preferences: '' }, workflow: { artifactsEnabled: false, agentsDecideAutonomously: false, chatAutonomous: false } }, exists: false },
+  tasks,
+  mods: [],
+  schedules: [],
+  providers: [],
+  mcps: [],
+});
+
+describe('MobileTasks', () => {
+  const refreshSnapshot = vi.fn().mockResolvedValue(undefined);
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('renders filter tabs with counts', () => {
+    const tasks = [
+      mockTask({ id: '1', status: 'queued' }),
+      mockTask({ id: '2', status: 'doing' }),
+      mockTask({ id: '3', status: 'done' }),
+      mockTask({ id: '4', status: 'failed' }),
+    ];
+    render(<MobileTasks snapshot={mockSnapshot(tasks)} refreshSnapshot={refreshSnapshot} />);
+
+    expect(screen.getByRole('button', { name: /All 4/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /Todo 1/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /Doing 1/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /Done 1/i })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /Failed 1/i })).toBeInTheDocument();
+  });
+
+  it('filters by search query', async () => {
+    const tasks = [
+      mockTask({ id: '1', title: 'Build the thing' }),
+      mockTask({ id: '2', title: 'Fix the bug' }),
+    ];
+    render(<MobileTasks snapshot={mockSnapshot(tasks)} refreshSnapshot={refreshSnapshot} />);
+
+    // Both visible initially
+    expect(screen.getByText('Build the thing')).toBeInTheDocument();
+    expect(screen.getByText('Fix the bug')).toBeInTheDocument();
+
+    // Type search query using fireEvent (more reliable in tests)
+    const input = screen.getByPlaceholderText('Search tasks...');
+    fireEvent.change(input, { target: { value: 'build' } });
+
+    await waitFor(() => {
+      expect(screen.getByText('Build the thing')).toBeInTheDocument();
+      expect(screen.queryByText('Fix the bug')).not.toBeInTheDocument();
+    });
+  });
+
+  it('opens create sheet on FAB click', async () => {
+    render(<MobileTasks snapshot={mockSnapshot([])} refreshSnapshot={refreshSnapshot} />);
+
+    const fab = screen.getByRole('button', { name: /Create new task/i });
+    fireEvent.click(fab);
+
+    await waitFor(() => {
+      expect(screen.getByRole('dialog')).toBeInTheDocument();
+    });
+  });
+
+  it('shows empty state when no tasks', () => {
+    render(<MobileTasks snapshot={mockSnapshot([])} refreshSnapshot={refreshSnapshot} />);
+    expect(screen.getByText(/No tasks/i)).toBeInTheDocument();
+  });
+});
+
+describe('TaskCard', () => {
+  it('renders title and status', () => {
+    const task = mockTask({ title: 'My task title', status: 'doing' });
+    render(<TaskCard task={task} />);
+    expect(screen.getByText('My task title')).toBeInTheDocument();
+  });
+
+  it('expands on click to show details', async () => {
+    const task = mockTask({ title: 'Expandable task', description: 'Task description here', status: 'queued' });
+    render(<TaskCard task={task} />);
+
+    // Details not visible initially
+    expect(screen.queryByText('Task description here')).not.toBeInTheDocument();
+
+    // Click to expand
+    fireEvent.click(screen.getByText('Expandable task'));
+
+    await waitFor(() => {
+      expect(screen.getByText('Task description here')).toBeInTheDocument();
+    });
+    expect(screen.getByRole('button', { name: /Start/i })).toBeInTheDocument();
+  });
+
+  it('color-coded by status', () => {
+    const doingTask = mockTask({ id: 'doing-task', status: 'doing' });
+    const { rerender } = render(<TaskCard task={doingTask} />);
+
+    const card = screen.getByText('Test task').closest('.task-card-mobile');
+    expect(card).toHaveClass('is-doing');
+
+    const doneTask = mockTask({ id: 'done-task', status: 'done' });
+    rerender(<TaskCard task={doneTask} />);
+
+    const doneCard = screen.getByText('Test task').closest('.task-card-mobile');
+    expect(doneCard).toHaveClass('is-done');
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polderlabs/bizar",
-  "version": "5.3.1",
+  "version": "5.4.1",
   "description": "Norse-pantheon multi-agent system for opencode — 13 agents across 4 cost tiers with cost-aware routing, plans, and a configurable agent harness. v4 ships as a single npm package bundling the dashboard server, opencode plugin, and typed SDK.",
   "type": "module",
   "bin": {

package/bizar-dash/dist/assets/MobileChat-OidrxXR9.js

@@ -1 +0,0 @@
-import{j as n,r as t}from"./react-vendor-Dn4wqh4Z.js";import{C as N,u as T,a as k,b as R,c as E,d as F}from"./useSlashCommands-DEkxEvOO.js";import"./icons-Bd8piSb2.js";import"./mobile-CSsp30lr.js";import"./markdown-C6mXtQxD.js";import"./vendor-CeHGtduv.js";function $(o){const{activeSource:c}=o;return n.jsx("div",{className:`chat-composer-wrap chat-composer-source-${c??"none"} legacy`,children:n.jsx("div",{className:"chat-composer-pill",children:n.jsx(N,{...o})})})}function A({snapshot:o,settings:c,setActiveTab:g,initialTaskId:j,onClearTaskId:z}){const i=T(),s=k(o,c,j??"");t.useEffect(()=>{s.setToast({error:e=>i.error(e),success:e=>i.success(e),info:e=>i.info(e),warning:e=>i.warning(e)})},[s,i]);const[r,l]=t.useState(""),[f,x]=t.useState(c.defaultAgent||"odin"),[p,C]=t.useState(c.defaultModel||""),[h,v]=t.useState([]),u=t.useRef(null),{suggestions:y,setQuery:m}=R(o);t.useEffect(()=>{m(r)},[r,m]);const P=()=>{var e;return(e=u.current)==null?void 0:e.click()},w=e=>{const d=e.target.files;if(!d)return;const S=[];for(let a=0;a<d.length;a++)S.push(d[a].name);v(a=>{const O=S.filter(M=>!a.includes(M));return[...a,...O]}),u.current&&(u.current.value="")},I=async()=>{const e=r.trim();if(!e)return;l(""),m(""),(await s.onSend(e,f,p,h)).ok&&s.jumpToLatest()};return n.jsxs("div",{className:"chat-shell",children:[n.jsx(E,{activeProject:o.activeProject,sessionCount:s.sessions.length,sessionsOpen:!1,infoOpen:!1,onToggleSessions:()=>{},onToggleInfo:()=>{},onOpenOverview:()=>g==null?void 0:g("overview")}),n.jsx("div",{className:"chat-body",children:n.jsxs("main",{className:"chat-main",children:[n.jsx(F,{messages:s.activeSource==="opencode"?s.opencodeMessages:s.bizarMessages,loading:s.loading,activeProject:o.activeProject,sessionId:s.activeSource==="opencode"?s.activeOpencodeSessionId??s.sessionId:s.sessionId,pinned:s.pinned,activeSource:s.activeSource,onPickSuggestion:e=>l(e),onCopy:e=>s.copyMessage(e),onDelete:()=>{},onTogglePin:s.togglePin,onRegenerate:s.onRegenerate}),n.jsx($,{agent:f,setAgent:x,model:p,setModel:C,text:r,setText:l,sending:s.sending,activeSource:s.activeSource,onSend:I,attachments:h,setAttachments:v,suggestions:y,onPickSuggestion:e=>l(`${e.split(" ")[0]} `),agents:o.agents||[],onAttach:P,sessionsOpen:!1,infoOpen:!1}),n.jsx("input",{ref:u,type:"file",multiple:!0,style:{display:"none"},onChange:w})]})})]})}export{A as MobileChat};

package/bizar-dash/dist/assets/MobileSettings-B91gVFii.js

@@ -1 +0,0 @@
-import{r as o,j as e}from"./react-vendor-Dn4wqh4Z.js";import{d,a as f,g as N}from"./mobile-CSsp30lr.js";import{aw as y,ax as k,ay as S}from"./icons-Bd8piSb2.js";const w=[{id:"dark",label:"Dark",Icon:y},{id:"light",label:"Light",Icon:k},{id:"system",label:"System",Icon:S}],C=[{name:"Purple",accent:"#8b5cf6"},{name:"Blue",accent:"#3b82f6"},{name:"Green",accent:"#10b981"},{name:"Orange",accent:"#f97316"},{name:"Red",accent:"#ef4444"},{name:"Pink",accent:"#ec4899"},{name:"Cyan",accent:"#06b6d4"},{name:"Mono",accent:"#6b7280"}];function D({settings:n,snapshot:a,onRefresh:u}){var g,x,j;const[t,m]=o.useState(n),[v,r]=o.useState(!1),[b,h]=o.useState(!1);o.useEffect(()=>{m(n),r(!1),n.theme&&d(n.theme)},[n]);const i=s=>{m(l=>{const c={...l,theme:{...l.theme,...s}};return N(c.theme),d(c.theme),c}),r(!0)},p=async()=>{h(!0);try{const s=await f.put("/settings",t);m(s.data),r(!1),N(s.data.theme),d(s.data.theme),u()}catch{}finally{h(!1)}};return e.jsxs("div",{className:"mobile-view",children:[v&&e.jsxs("div",{className:"mobile-settings-save-bar",children:[e.jsx("span",{children:"Unsaved changes"}),e.jsx("button",{type:"button",className:"mobile-btn",disabled:b,onClick:p,children:b?"Saving…":"Save"})]}),e.jsxs("section",{className:"mobile-section",children:[e.jsx("h3",{className:"mobile-section-title",children:"Appearance"}),e.jsxs("div",{className:"mobile-card",children:[e.jsxs("div",{className:"mobile-setting-row",children:[e.jsx("span",{className:"mobile-setting-label",children:"Theme"}),e.jsx("div",{className:"mobile-theme-btns",children:w.map(({id:s,label:l,Icon:c})=>e.jsxs("button",{type:"button",className:`mobile-theme-btn ${t.theme.mode===s?"active":""}`,onClick:()=>i({mode:s}),children:[e.jsx(c,{size:14})," ",l]},s))})]}),e.jsxs("div",{className:"mobile-setting-row",style:{flexDirection:"column",alignItems:"flex-start",gap:8},children:[e.jsx("span",{className:"mobile-setting-label",children:"Accent color"}),e.jsx("div",{className:"mobile-accent-swatches",children:C.map(s=>e.jsx("button",{type:"button",className:`mobile-accent-swatch ${t.theme.accent===s.accent?"active":""}`,style:{background:s.accent},onClick:()=>i({accent:s.accent}),title:s.name},s.name))})]}),e.jsxs("div",{className:"mobile-setting-row",style:{flexDirection:"column",alignItems:"flex-start",gap:8},children:[e.jsxs("span",{className:"mobile-setting-label",children:["Font size: ",t.theme.fontSize,"px"]}),e.jsx("input",{type:"range",min:12,max:20,value:t.theme.fontSize,onChange:s=>i({fontSize:Number(s.target.value)}),style:{width:"100%"}})]}),e.jsxs("div",{className:"mobile-setting-row",children:[e.jsx("span",{className:"mobile-setting-label",children:"Compact mode"}),e.jsxs("label",{className:"mobile-toggle",children:[e.jsx("input",{type:"checkbox",checked:t.theme.compactMode,onChange:s=>i({compactMode:s.target.checked})}),e.jsx("span",{className:"mobile-toggle-slider"})]})]}),e.jsxs("div",{className:"mobile-setting-row",children:[e.jsx("span",{className:"mobile-setting-label",children:"Animations"}),e.jsxs("label",{className:"mobile-toggle",children:[e.jsx("input",{type:"checkbox",checked:t.theme.animations,onChange:s=>i({animations:s.target.checked})}),e.jsx("span",{className:"mobile-toggle-slider"})]})]})]})]}),e.jsxs("section",{className:"mobile-section",children:[e.jsx("h3",{className:"mobile-section-title",children:"Chat Defaults"}),e.jsxs("div",{className:"mobile-card",children:[e.jsx("label",{className:"mobile-field-label",children:"Default Agent"}),e.jsx("select",{className:"mobile-input",value:t.defaultAgent||"odin",onChange:s=>m(l=>({...l,defaultAgent:s.target.value})),children:((a==null?void 0:a.agents)||[]).map(s=>e.jsxs("option",{value:s.name,children:["@",s.name]},s.name))})]})]}),e.jsxs("section",{className:"mobile-section",children:[e.jsx("h3",{className:"mobile-section-title",children:"About"}),e.jsxs("div",{className:"mobile-card",children:[e.jsxs("div",{className:"mobile-setting-row",children:[e.jsx("span",{className:"mobile-setting-label",children:"Version"}),e.jsx("span",{className:"mobile-setting-value mono",children:((g=t.about)==null?void 0:g.version)||"—"})]}),e.jsxs("div",{className:"mobile-setting-row",children:[e.jsx("span",{className:"mobile-setting-label",children:"Agents"}),e.jsx("span",{className:"mobile-setting-value",children:((x=a==null?void 0:a.agents)==null?void 0:x.length)||0})]}),e.jsxs("div",{className:"mobile-setting-row",children:[e.jsx("span",{className:"mobile-setting-label",children:"Tasks"}),e.jsx("span",{className:"mobile-setting-value",children:((j=a==null?void 0:a.tasks)==null?void 0:j.length)||0})]})]})]}),e.jsx("div",{className:"mobile-view-footer",children:e.jsx("a",{href:"/?desktop=1",className:"mobile-btn mobile-btn-secondary",children:"Switch to Desktop"})})]})}export{D as MobileSettings};

package/bizar-dash/dist/assets/MobileSettings-B91gVFii.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MobileSettings-B91gVFii.js","sources":["../../src/web/mobile/MobileSettings.tsx"],"sourcesContent":["// src/web/mobile/MobileSettings.tsx — minimal mobile settings (no companion app, no agent config).\n// Drops: Companion App (qrcode.react chunk), Tailscale Serve, Agent Behavior, Notifications toggles.\nimport { useEffect, useState } from 'react';\nimport { Sun, Moon, Monitor } from 'lucide-react';\nimport { api } from '../lib/api';\nimport { applyTheme, applyThemeTokens, type Settings, type Snapshot, type ThemeName } from '../lib/types';\n\ntype Props = {\n  settings: Settings;\n  snapshot: Snapshot | null;\n  onRefresh: () => Promise<void>;\n};\n\nconst THEMES: { id: ThemeName; label: string; Icon: typeof Sun }[] = [\n  { id: 'dark', label: 'Dark', Icon: Moon },\n  { id: 'light', label: 'Light', Icon: Sun },\n  { id: 'system', label: 'System', Icon: Monitor },\n];\n\nconst PRESET_ACCENTS = [\n  { name: 'Purple', accent: '#8b5cf6' },\n  { name: 'Blue', accent: '#3b82f6' },\n  { name: 'Green', accent: '#10b981' },\n  { name: 'Orange', accent: '#f97316' },\n  { name: 'Red', accent: '#ef4444' },\n  { name: 'Pink', accent: '#ec4899' },\n  { name: 'Cyan', accent: '#06b6d4' },\n  { name: 'Mono', accent: '#6b7280' },\n];\n\nexport function MobileSettings({ settings: initial, snapshot, onRefresh }: Props) {\n  const [settings, setSettings] = useState<Settings>(initial);\n  const [dirty, setDirty] = useState(false);\n  const [saving, setSaving] = useState(false);\n\n  useEffect(() => {\n    setSettings(initial);\n    setDirty(false);\n    if (initial.theme) applyThemeTokens(initial.theme);\n  }, [initial]);\n\n  const patchTheme = (patch: Partial<Settings['theme']>) => {\n    setSettings((cur) => {\n      const next = { ...cur, theme: { ...cur.theme, ...patch } };\n      applyTheme(next.theme);\n      applyThemeTokens(next.theme);\n      return next;\n    });\n    setDirty(true);\n  };\n\n  const onSave = async () => {\n    setSaving(true);\n    try {\n      const r = await api.put<{ data: Settings }>('/settings', settings);\n      setSettings(r.data);\n      setDirty(false);\n      applyTheme(r.data.theme);\n      applyThemeTokens(r.data.theme);\n      onRefresh();\n    } catch {\n      // best-effort\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  return (\n    <div className=\"mobile-view\">\n      {dirty && (\n        <div className=\"mobile-settings-save-bar\">\n          <span>Unsaved changes</span>\n          <button type=\"button\" className=\"mobile-btn\" disabled={saving} onClick={onSave}>\n            {saving ? 'Saving…' : 'Save'}\n          </button>\n        </div>\n      )}\n\n      {/* Theme */}\n      <section className=\"mobile-section\">\n        <h3 className=\"mobile-section-title\">Appearance</h3>\n        <div className=\"mobile-card\">\n          <div className=\"mobile-setting-row\">\n            <span className=\"mobile-setting-label\">Theme</span>\n            <div className=\"mobile-theme-btns\">\n              {THEMES.map(({ id, label, Icon }) => (\n                <button\n                  key={id}\n                  type=\"button\"\n                  className={`mobile-theme-btn ${settings.theme.mode === id ? 'active' : ''}`}\n                  onClick={() => patchTheme({ mode: id })}\n                >\n                  <Icon size={14} /> {label}\n                </button>\n              ))}\n            </div>\n          </div>\n\n          <div className=\"mobile-setting-row\" style={{ flexDirection: 'column', alignItems: 'flex-start', gap: 8 }}>\n            <span className=\"mobile-setting-label\">Accent color</span>\n            <div className=\"mobile-accent-swatches\">\n              {PRESET_ACCENTS.map((p) => (\n                <button\n                  key={p.name}\n                  type=\"button\"\n                  className={`mobile-accent-swatch ${settings.theme.accent === p.accent ? 'active' : ''}`}\n                  style={{ background: p.accent }}\n                  onClick={() => patchTheme({ accent: p.accent })}\n                  title={p.name}\n                />\n              ))}\n            </div>\n          </div>\n\n          <div className=\"mobile-setting-row\" style={{ flexDirection: 'column', alignItems: 'flex-start', gap: 8 }}>\n            <span className=\"mobile-setting-label\">Font size: {settings.theme.fontSize}px</span>\n            <input\n              type=\"range\"\n              min={12}\n              max={20}\n              value={settings.theme.fontSize}\n              onChange={(e) => patchTheme({ fontSize: Number(e.target.value) })}\n              style={{ width: '100%' }}\n            />\n          </div>\n\n          <div className=\"mobile-setting-row\">\n            <span className=\"mobile-setting-label\">Compact mode</span>\n            <label className=\"mobile-toggle\">\n              <input\n                type=\"checkbox\"\n                checked={settings.theme.compactMode}\n                onChange={(e) => patchTheme({ compactMode: e.target.checked })}\n              />\n              <span className=\"mobile-toggle-slider\" />\n            </label>\n          </div>\n          <div className=\"mobile-setting-row\">\n            <span className=\"mobile-setting-label\">Animations</span>\n            <label className=\"mobile-toggle\">\n              <input\n                type=\"checkbox\"\n                checked={settings.theme.animations}\n                onChange={(e) => patchTheme({ animations: e.target.checked })}\n              />\n              <span className=\"mobile-toggle-slider\" />\n            </label>\n          </div>\n        </div>\n      </section>\n\n      {/* Chat defaults */}\n      <section className=\"mobile-section\">\n        <h3 className=\"mobile-section-title\">Chat Defaults</h3>\n        <div className=\"mobile-card\">\n          <label className=\"mobile-field-label\">Default Agent</label>\n          <select\n            className=\"mobile-input\"\n            value={settings.defaultAgent || 'odin'}\n            onChange={(e) => setSettings((cur) => ({ ...cur, defaultAgent: e.target.value }))}\n          >\n            {(snapshot?.agents || []).map((a) => (\n              <option key={a.name} value={a.name}>@{a.name}</option>\n            ))}\n          </select>\n        </div>\n      </section>\n\n      {/* About */}\n      <section className=\"mobile-section\">\n        <h3 className=\"mobile-section-title\">About</h3>\n        <div className=\"mobile-card\">\n          <div className=\"mobile-setting-row\">\n            <span className=\"mobile-setting-label\">Version</span>\n            <span className=\"mobile-setting-value mono\">{settings.about?.version || '—'}</span>\n          </div>\n          <div className=\"mobile-setting-row\">\n            <span className=\"mobile-setting-label\">Agents</span>\n            <span className=\"mobile-setting-value\">{snapshot?.agents?.length || 0}</span>\n          </div>\n          <div className=\"mobile-setting-row\">\n            <span className=\"mobile-setting-label\">Tasks</span>\n            <span className=\"mobile-setting-value\">{snapshot?.tasks?.length || 0}</span>\n          </div>\n        </div>\n      </section>\n\n      {/* Switch to desktop */}\n      <div className=\"mobile-view-footer\">\n        <a href=\"/?desktop=1\" className=\"mobile-btn mobile-btn-secondary\">\n          Switch to Desktop\n        </a>\n      </div>\n    </div>\n  );\n}\n"],"names":["THEMES","Moon","Sun","Monitor","PRESET_ACCENTS","MobileSettings","initial","snapshot","onRefresh","settings","setSettings","useState","dirty","setDirty","saving","setSaving","useEffect","applyThemeTokens","patchTheme","patch","cur","next","applyTheme","onSave","r","api","jsxs","jsx","id","label","Icon","p","e","a","_a","_b","_c"],"mappings":"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"}