rebrand + purge orphaned frontend: Chat Switchboard → Switchboard Core

Branding: bulk rename across 50+ files (Go, JS, CSS, HTML, YAML, JSON,
shell scripts). Fix Helm chart description and git repo URLs.
Fix test helper taglines.

Admin surface: strip 14 gutted tabs (providers, models, personas,
roles, knowledge, memory, tasks, health, routing, capabilities,
channels, dashboard, usage, stats). Collapse to 4 categories:
People, Workflows, System, Monitoring.

Settings surface: strip 11 gutted tabs (models, personas, providers,
roles, knowledge, memory, usage, workflows, tasks, data, gitkeys).
Keep: general, appearance, profile, teams, connections, notifications.

Team-admin surface: strip 5 gutted tabs (personas, providers,
knowledge, tasks, usage). Keep: members, groups, connections,
workflows, settings, activity.

Components: delete chat-pane/ (13 files, 1938 lines) and
notes-pane/ (10 files, 2381 lines).

main.go: remove stale Health.Prune maintenance goroutine.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/js/sw/surfaces/admin/capabilities.js

@@ -1,105 +0,0 @@
-/**
- * Admin > Routing > Capabilities
- */
-const { html } = window;
-const { useState, useEffect, useCallback } = hooks;
-
-const CAP_FIELDS = ['supports_vision', 'supports_tools', 'supports_thinking', 'context_window', 'max_output_tokens'];
-
-export default function CapabilitiesSection() {
-    const [overrides, setOverrides] = useState([]);
-    const [models, setModels] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [editing, setEditing] = useState(null); // model_id string or null
-
-    const load = useCallback(async () => {
-        try {
-            const [o, m] = await Promise.all([
-                sw.api.admin.models.overrides(),
-                sw.api.admin.models.list().catch(() => []),
-            ]);
-            setOverrides(o.data || []);
-            setModels(m || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => { load(); }, []);
-
-    async function saveOverride(modelId, field, value) {
-        try {
-            await sw.api.admin.models.setCapability(modelId, { [field]: value });
-            sw.toast('Override saved', 'success');
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function deleteOverride(modelId, overrideId) {
-        try {
-            await sw.api.admin.models.delCapability(modelId, overrideId);
-            sw.toast('Override removed', 'success');
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    return html`
-        <div>
-            <p class="text-muted" style="font-size:12px;margin-bottom:12px;">
-                Override auto-detected model capabilities. ${overrides.length} active overrides.
-            </p>
-
-            <div class="admin-list">
-                ${overrides.length === 0 && html`<div class="empty-hint">No capability overrides</div>`}
-                ${overrides.map(o => html`
-                    <div class="admin-surface-row" key=${o.id} style="flex-direction:column;align-items:stretch;">
-                        <div style="display:flex;align-items:center;gap:8px;">
-                            <strong style="flex:1;">${o.model_id || o.display_name || o.id}</strong>
-                            <button class="btn-small btn-danger" onClick=${() => deleteOverride(o.model_id, o.id)}>Remove</button>
-                        </div>
-                        <div class="text-muted" style="font-size:12px;margin-top:4px;">
-                            ${Object.entries(o).filter(([k]) => CAP_FIELDS.includes(k) && o[k] != null).map(([k, v]) =>
-                                html`<span key=${k} class="badge" style="margin-right:4px;">${k}: ${String(v)}</span>`
-                            )}
-                        </div>
-                    </div>
-                `)}
-            </div>
-
-            <div class="settings-section" style="margin-top:24px;">
-                <h4>Add Override</h4>
-                <div class="form-row">
-                    <div class="form-group"><label>Model</label>
-                        <select value=${editing || ''} onChange=${e => setEditing(e.target.value || null)}>
-                            <option value="">Select model\u2026</option>
-                            ${models.map(m => html`<option key=${m.id} value=${m.model_id || m.id}>${m.display_name || m.model_id || m.id}</option>`)}
-                        </select>
-                    </div>
-                </div>
-                ${editing && html`
-                    <div style="margin-top:8px;">
-                        ${CAP_FIELDS.map(field => {
-                            const isBool = field.startsWith('supports_');
-                            return html`
-                                <div key=${field} class="form-row" style="margin-bottom:4px;align-items:center;">
-                                    <span style="width:180px;font-size:12px;">${field}</span>
-                                    ${isBool
-                                        ? html`
-                                            <button class="btn-small btn-primary" onClick=${() => saveOverride(editing, field, true)}>true</button>
-                                            <button class="btn-small" onClick=${() => saveOverride(editing, field, false)}>false</button>
-                                        `
-                                        : html`
-                                            <input type="number" style="width:120px;" placeholder="value"
-                                                   onKeyDown=${e => { if (e.key === 'Enter') saveOverride(editing, field, parseInt(e.target.value)); }} />
-                                        `
-                                    }
-                                </div>
-                            `;
-                        })}
-                    </div>
-                `}
-            </div>
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/channels.js

@@ -1,87 +0,0 @@
-/**
- * Admin > System > Channels (Archived + Retention)
- */
-const { html } = window;
-const { useState, useEffect, useCallback } = hooks;
-
-export default function ChannelsSection() {
-    const [channels, setChannels] = useState([]);
-    const [total, setTotal] = useState(0);
-    const [retentionTTL, setRetentionTTL] = useState(0);
-    const [ttlDraft, setTTLDraft] = useState('');
-    const [loading, setLoading] = useState(true);
-
-    const load = useCallback(async () => {
-        try {
-            const data = await sw.api.admin.channels.archived();
-            setChannels(data.data || []);
-            setTotal(data.total || 0);
-            const ttl = data.retention_ttl_days || 0;
-            setRetentionTTL(ttl);
-            setTTLDraft(String(ttl));
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => { load(); }, []);
-
-    async function saveTTL() {
-        const val = parseInt(ttlDraft, 10);
-        if (isNaN(val) || val < 0) { sw.toast('TTL must be 0 or more', 'error'); return; }
-        try {
-            await sw.api.admin.settings.update('retention_ttl_days', { value: { value: val } });
-            setRetentionTTL(val);
-            sw.toast('Retention TTL saved', 'success');
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function purge(id, title) {
-        const ok = await sw.confirm(`Permanently delete "${title || id}"? This cannot be undone.`, true);
-        if (!ok) return;
-        try {
-            await sw.api.admin.channels.purge(id);
-            sw.toast('Channel purged', 'success');
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    return html`
-        <div>
-            <div class="stat-cards-grid" style="margin-bottom:16px;">
-                <div class="stat-card"><div class="stat-value">${total}</div><div class="stat-label">Archived</div></div>
-                <div class="stat-card"><div class="stat-value">${retentionTTL || 'Off'}</div><div class="stat-label">Retention TTL (days)</div></div>
-            </div>
-
-            <div class="admin-section" style="margin-bottom:20px;">
-                <h4 style="margin:0 0 8px;">Retention Policy</h4>
-                <p class="text-muted" style="font-size:12px;margin:0 0 8px;">
-                    Channels are archived on delete and purged after this many days.
-                    Only Personal (BYOK) provider channels are exempt. Set to 0 to disable retention.
-                </p>
-                <div style="display:flex;gap:8px;align-items:center;">
-                    <input type="number" min="0" value=${ttlDraft}
-                        onInput=${e => setTTLDraft(e.target.value)}
-                        style="width:80px;padding:6px 8px;background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:4px;"
-                        placeholder="0" />
-                    <span class="text-muted" style="font-size:12px;">days</span>
-                    <button class="btn-small" onClick=${saveTTL}
-                        disabled=${String(retentionTTL) === ttlDraft}>Save</button>
-                </div>
-            </div>
-
-            <h4 style="margin:0 0 8px;">Archived Channels</h4>
-            <div class="admin-list">
-                ${channels.length === 0 && html`<div class="empty-hint">No archived channels</div>`}
-                ${channels.map(c => html`
-                    <div class="admin-surface-row" key=${c.id}>
-                        <strong style="flex:1;">${c.title || c.id}</strong>
-                        <span class="text-muted" style="font-size:11px;">${c.archived_at ? new Date(c.archived_at).toLocaleDateString() : ''}</span>
-                        <button class="btn-small btn-danger" onClick=${() => purge(c.id, c.title)}>Purge</button>
-                    </div>
-                `)}
-            </div>
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/dashboard.js

@@ -1,90 +0,0 @@
-/**
- * Admin > Monitoring > Dashboard
- */
-const { html } = window;
-const { useState, useEffect, useCallback, useRef } = hooks;
-
-export default function DashboardSection() {
-    const [data, setData] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const timerRef = useRef(null);
-
-    const load = useCallback(async () => {
-        try {
-            const d = await sw.api.admin.dashboard();
-            setData(d);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => {
-        load();
-        timerRef.current = setInterval(load, 10000);
-        return () => clearInterval(timerRef.current);
-    }, []);
-
-    function formatUptime(seconds) {
-        if (!seconds) return '\u2014';
-        const d = Math.floor(seconds / 86400);
-        const h = Math.floor((seconds % 86400) / 3600);
-        const m = Math.floor((seconds % 3600) / 60);
-        if (d > 0) return `${d}d ${h}h`;
-        if (h > 0) return `${h}h ${m}m`;
-        return `${m}m`;
-    }
-
-    function formatBytes(b) {
-        if (!b) return '0 B';
-        if (b < 1048576) return (b / 1024).toFixed(0) + ' KB';
-        if (b < 1073741824) return (b / 1048576).toFixed(1) + ' MB';
-        return (b / 1073741824).toFixed(2) + ' GB';
-    }
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-    if (!data) return html`<div class="empty-hint">No dashboard data</div>`;
-
-    return html`
-        <div>
-            <p class="text-muted" style="font-size:12px;margin-bottom:12px;">Auto-refreshes every 10s</p>
-
-            <div class="stat-cards-grid" style="margin-bottom:16px;">
-                <div class="stat-card"><div class="stat-value">${formatUptime(data.uptime_seconds)}</div><div class="stat-label">Uptime</div></div>
-                <div class="stat-card"><div class="stat-value">${data.active_connections ?? '\u2014'}</div><div class="stat-label">Connections</div></div>
-                <div class="stat-card"><div class="stat-value">${data.goroutines ?? '\u2014'}</div><div class="stat-label">Goroutines</div></div>
-                <div class="stat-card"><div class="stat-value">${formatBytes(data.heap_alloc)}</div><div class="stat-label">Heap</div></div>
-            </div>
-
-            ${data.db_pool && html`
-                <div class="stat-cards-grid" style="margin-bottom:16px;">
-                    <div class="stat-card"><div class="stat-value">${data.db_pool.open || 0}</div><div class="stat-label">DB Open</div></div>
-                    <div class="stat-card"><div class="stat-value">${data.db_pool.in_use || 0}</div><div class="stat-label">DB In Use</div></div>
-                    <div class="stat-card"><div class="stat-value">${data.db_pool.idle || 0}</div><div class="stat-label">DB Idle</div></div>
-                </div>
-            `}
-
-            ${data.providers && data.providers.length > 0 && html`
-                <h4 style="margin:16px 0 8px;">Provider Health</h4>
-                <div class="stat-cards-grid">
-                    ${data.providers.map(p => html`
-                        <div class="dashboard-provider-card" key=${p.name || p.id}>
-                            <div style="display:flex;align-items:center;gap:6px;margin-bottom:4px;">
-                                <strong style="font-size:13px;">${p.name || p.id}</strong>
-                                <span class="badge ${p.status === 'healthy' ? 'badge-active' : p.status === 'degraded' ? 'badge-pending' : 'badge-inactive'}">${p.status}</span>
-                            </div>
-                            <div style="font-size:11px;color:var(--text-3);">${Math.round(p.avg_latency_ms || 0)}ms avg</div>
-                        </div>
-                    `)}
-                </div>
-            `}
-
-            ${data.recent_errors && data.recent_errors.length > 0 && html`
-                <h4 style="margin:16px 0 8px;">Recent Errors</h4>
-                <div class="admin-list">
-                    ${data.recent_errors.map((e, i) => html`
-                        <div class="admin-surface-row" key=${i} style="font-size:12px;color:var(--danger);">${e}</div>
-                    `)}
-                </div>
-            `}
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/health.js

@@ -1,57 +0,0 @@
-/**
- * Admin > Routing > Health
- */
-const { html } = window;
-const { useState, useEffect, useCallback, useRef } = hooks;
-
-export default function HealthSection() {
-    const [providers, setProviders] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const timerRef = useRef(null);
-
-    const load = useCallback(async () => {
-        try {
-            const data = await sw.api.admin.providers.health();
-            setProviders(data || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => {
-        load();
-        timerRef.current = setInterval(load, 30000);
-        return () => clearInterval(timerRef.current);
-    }, []);
-
-    function statusClass(s) {
-        if (s === 'healthy') return 'badge-active';
-        if (s === 'degraded') return 'badge-pending';
-        return 'badge-inactive';
-    }
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    return html`
-        <div>
-            <p class="text-muted" style="font-size:12px;margin-bottom:12px;">Auto-refreshes every 30s</p>
-            <div class="stat-cards-grid">
-                ${providers.length === 0 && html`<div class="empty-hint">No providers</div>`}
-                ${providers.map(p => html`
-                    <div class="dashboard-provider-card" key=${p.provider_config_id}>
-                        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
-                            <strong>${p.provider_config_name || p.provider_config_id}</strong>
-                            <span class="badge ${statusClass(p.status)}">${p.status}</span>
-                        </div>
-                        <div style="font-size:12px;color:var(--text-2);">
-                            <div>Error rate: ${((p.error_rate || 0) * 100).toFixed(1)}%</div>
-                            <div>Avg latency: ${Math.round(p.avg_latency_ms || 0)}ms</div>
-                            <div>Timeout rate: ${((p.timeout_rate || 0) * 100).toFixed(1)}%</div>
-                            <div>Rate limits: ${p.rate_limit_count || 0}</div>
-                            ${p.last_error && html`<div style="color:var(--danger);margin-top:4px;font-size:11px;">Last error: ${p.last_error}</div>`}
-                        </div>
-                    </div>
-                `)}
-            </div>
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/index.js

@@ -19,23 +19,17 @@ import { DialogStack } from '../../shell/dialog-stack.js';
 // ── Category → Section mapping ──────────────
 const ADMIN_SECTIONS = {
     people:     ['users', 'teams', 'groups'],
-    ai:         ['providers', 'models', 'personas', 'roles', 'knowledgeBases', 'memory'],
-    workflows:  ['workflows', 'tasks'],
-    routing:    ['health', 'routing', 'capabilities'],
-    system:     ['settings', 'storage', 'packages', 'connections', 'channels', 'broadcast'],
-    monitoring: ['dashboard', 'usage', 'audit', 'stats'],
+    workflows:  ['workflows'],
+    system:     ['settings', 'storage', 'packages', 'connections', 'broadcast'],
+    monitoring: ['audit'],
 };
 
 const ADMIN_LABELS = {
     users: 'Users', teams: 'Teams', groups: 'Groups',
-    providers: 'Providers', models: 'Models', personas: 'Personas',
-    roles: 'Roles', knowledgeBases: 'Knowledge', memory: 'Memory',
-    health: 'Health', routing: 'Routing', capabilities: 'Capabilities',
-    workflows: 'Workflows', tasks: 'Tasks',
+    workflows: 'Workflows',
     settings: 'Settings', storage: 'Storage', packages: 'Packages',
-    connections: 'Connections',
-    channels: 'Channels', broadcast: 'Broadcast',
-    dashboard: 'Dashboard', usage: 'Usage', audit: 'Audit', stats: 'Stats',
+    connections: 'Connections', broadcast: 'Broadcast',
+    audit: 'Audit',
 };
 
 // ── v0.38.3: Extension config sections ──────
@@ -54,11 +48,9 @@ for (const cs of _configSections) {
 
 const CATEGORY_META = {
     people:     { label: 'People',     first: 'users',     icon: 'M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2|C9 7 4' },
-    ai:         { label: 'AI',         first: 'providers', icon: 'R4 4 16 16 2|L9 9 9.01 9|L15 9 15.01 9|M8 14s1.5 2 4 2 4-2 4-2' },
     workflows:  { label: 'Workflows',  first: 'workflows', icon: 'P16 3 21 3 21 8|L4 20 21 3|P21 16 21 21 16 21|L15 15 21 21|L4 4 9 9' },
-    routing:    { label: 'Routing',    first: 'health',    icon: 'G13 2 3 14 12 14 11 22 21 10 12 10 13 2' },
     system:     { label: 'System',     first: 'settings',  icon: 'C12 12 3|M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09' },
-    monitoring: { label: 'Monitoring', first: 'dashboard', icon: 'L18 20 18 10|L12 20 12 4|L6 20 6 14' },
+    monitoring: { label: 'Monitoring', first: 'audit',     icon: 'L18 20 18 10|L12 20 12 4|L6 20 6 14' },
 };
 
 // ── Lazy section imports ────────────────────
@@ -68,27 +60,13 @@ const sectionModules = {
     users:          () => import(`./users.js${_v}`),
     teams:          () => import(`./teams.js${_v}`),
     groups:         () => import(`./groups.js${_v}`),
-    providers:      () => import(`./providers.js${_v}`),
-    models:         () => import(`./models.js${_v}`),
-    personas:       () => import(`./personas.js${_v}`),
-    roles:          () => import(`./roles.js${_v}`),
-    knowledgeBases: () => import(`./knowledge.js${_v}`),
-    memory:         () => import(`./memory.js${_v}`),
     workflows:      () => import(`./workflows.js${_v}`),
-    tasks:          () => import(`./tasks.js${_v}`),
-    health:         () => import(`./health.js${_v}`),
-    routing:        () => import(`./routing.js${_v}`),
-    capabilities:   () => import(`./capabilities.js${_v}`),
     settings:       () => import(`./settings.js${_v}`),
     storage:        () => import(`./storage.js${_v}`),
     packages:       () => import(`./packages.js${_v}`),
     connections:    () => import(`./connections.js${_v}`),
-    channels:       () => import(`./channels.js${_v}`),
     broadcast:      () => import(`./broadcast.js${_v}`),
-    dashboard:      () => import(`./dashboard.js${_v}`),
-    usage:          () => import(`./usage.js${_v}`),
     audit:          () => import(`./audit.js${_v}`),
-    stats:          () => import(`./stats.js${_v}`),
 };
 
 // v0.38.3: Register dynamic section loaders for extension config sections

src/js/sw/surfaces/admin/knowledge.js

@@ -1,132 +0,0 @@
-/**
- * Admin > AI > Knowledge Bases
- */
-const { html } = window;
-const { useState, useEffect, useCallback } = hooks;
-
-export default function KnowledgeSection() {
-    const [kbs, setKbs] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [detail, setDetail] = useState(null);
-    const [docs, setDocs] = useState([]);
-
-    const load = useCallback(async () => {
-        try {
-            const resp = await sw.api.knowledge.list();
-            setKbs(resp.data || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => { load(); }, []);
-
-    async function openDetail(kb) {
-        setDetail(kb);
-        try {
-            const d = await sw.api.knowledge.documents(kb.id);
-            setDocs(d.data || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function uploadDoc() {
-        const input = document.createElement('input');
-        input.type = 'file';
-        input.accept = '.txt,.md,.csv,.html';
-        input.onchange = async () => {
-            const file = input.files[0];
-            if (!file) return;
-            try {
-                await sw.api.knowledge.upload(detail.id, file);
-                sw.toast('Document uploaded', 'success');
-                const d = await sw.api.knowledge.documents(detail.id);
-                setDocs(d.data || []);
-            } catch (e) { sw.toast(e.message, 'error'); }
-        };
-        input.click();
-    }
-
-    async function deleteDoc(docId) {
-        const ok = await sw.confirm('Delete this document?', true);
-        if (!ok) return;
-        try {
-            await sw.api.knowledge.delDoc(detail.id, docId);
-            sw.toast('Document deleted', 'success');
-            setDocs(prev => prev.filter(d => d.id !== docId));
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function deleteKb(id) {
-        const ok = await sw.confirm('Delete this knowledge base and all documents?', true);
-        if (!ok) return;
-        try {
-            await sw.api.knowledge.del(id);
-            sw.toast('Knowledge base deleted', 'success');
-            setDetail(null);
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    function statusBadge(status) {
-        const cls = status === 'ready' ? 'badge-active' : status === 'error' ? 'badge-inactive' : 'badge-pending';
-        return html`<span class="badge ${cls}">${status}</span>`;
-    }
-
-    function formatBytes(b) {
-        if (!b) return '0 B';
-        if (b < 1024) return b + ' B';
-        if (b < 1048576) return (b / 1024).toFixed(1) + ' KB';
-        return (b / 1048576).toFixed(1) + ' MB';
-    }
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    if (detail) return html`
-        <div>
-            <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
-                <button class="btn-small" onClick=${() => setDetail(null)}>\u2190 Back</button>
-                <h4 style="margin:0;">${detail.name}</h4>
-                ${statusBadge(detail.status || 'active')}
-                <div style="flex:1"></div>
-                <button class="btn-small" onClick=${uploadDoc}>Upload Document</button>
-                <button class="btn-small btn-danger" onClick=${() => deleteKb(detail.id)}>Delete KB</button>
-            </div>
-
-            <p class="text-muted" style="font-size:12px;margin-bottom:12px;">
-                ${detail.document_count || 0} docs \u2022 ${detail.chunk_count || 0} chunks \u2022 ${formatBytes(detail.total_bytes)}
-                \u2022 scope: ${detail.scope || 'personal'}
-            </p>
-
-            <div class="admin-list">
-                ${docs.length === 0 && html`<div class="empty-hint">No documents</div>`}
-                ${docs.map(d => html`
-                    <div class="admin-surface-row" key=${d.id}>
-                        <div style="flex:1;min-width:0;">
-                            <strong>${d.filename}</strong>
-                            <span class="text-muted" style="margin-left:8px;font-size:11px;">${formatBytes(d.size_bytes)}</span>
-                            ${' '}${statusBadge(d.status || 'pending')}
-                        </div>
-                        <button class="btn-small btn-danger" onClick=${() => deleteDoc(d.id)}>Delete</button>
-                    </div>
-                `)}
-            </div>
-        </div>
-    `;
-
-    return html`
-        <div>
-            <div class="admin-list">
-                ${kbs.length === 0 && html`<div class="empty-hint">No knowledge bases</div>`}
-                ${kbs.map(k => html`
-                    <div class="admin-surface-row" key=${k.id} style="cursor:pointer;" onClick=${() => openDetail(k)}>
-                        <div style="flex:1;min-width:0;">
-                            <strong>${k.name}</strong>
-                            <span class="text-muted" style="margin-left:8px;font-size:12px;">${k.document_count || 0} docs</span>
-                        </div>
-                        <span class="badge">${k.scope || 'personal'}</span>
-                        ${statusBadge(k.status || 'active')}
-                    </div>
-                `)}
-            </div>
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/memory.js

@@ -1,76 +0,0 @@
-/**
- * Admin > AI > Memory
- */
-const { html } = window;
-const { useState, useEffect, useCallback } = hooks;
-
-export default function MemorySection() {
-    const [pending, setPending] = useState([]);
-    const [loading, setLoading] = useState(true);
-
-    const load = useCallback(async () => {
-        try {
-            const data = await sw.api.admin.memories.pending();
-            setPending(data || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => { load(); }, []);
-
-    async function bulkApprove() {
-        const ids = pending.map(m => m.id);
-        if (!ids.length) return;
-        try {
-            const result = await sw.api.admin.memories.bulkApprove(ids);
-            sw.toast(`Approved ${result.count || ids.length} memories`, 'success');
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function approveSingle(id) {
-        try {
-            await sw.api.memory.approve(id);
-            sw.toast('Memory approved', 'success');
-            setPending(prev => prev.filter(m => m.id !== id));
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function rejectSingle(id) {
-        try {
-            await sw.api.memory.reject(id);
-            sw.toast('Memory rejected', 'success');
-            setPending(prev => prev.filter(m => m.id !== id));
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    return html`
-        <div>
-            <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
-                <span class="text-muted" style="font-size:12px;">${pending.length} pending</span>
-                <div style="flex:1"></div>
-                ${pending.length > 0 && html`<button class="btn-small btn-primary" onClick=${bulkApprove}>Approve All</button>`}
-            </div>
-
-            <div class="admin-list">
-                ${pending.length === 0 && html`<div class="empty-hint">No pending memories</div>`}
-                ${pending.map(m => html`
-                    <div class="admin-surface-row" key=${m.id} style="flex-direction:column;align-items:stretch;">
-                        <div style="display:flex;align-items:center;gap:8px;">
-                            <strong style="flex:1;">${m.key}</strong>
-                            <span class="badge">${m.scope || 'user'}</span>
-                            <span class="text-muted" style="font-size:11px;">conf: ${(m.confidence || 0).toFixed(2)}</span>
-                        </div>
-                        <div class="text-muted" style="font-size:12px;margin:4px 0;">${m.value}</div>
-                        <div style="display:flex;gap:6px;">
-                            <button class="btn-small btn-primary" onClick=${() => approveSingle(m.id)}>Approve</button>
-                            <button class="btn-small btn-danger" onClick=${() => rejectSingle(m.id)}>Reject</button>
-                        </div>
-                    </div>
-                `)}
-            </div>
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/models.js

@@ -1,95 +0,0 @@
-/**
- * Admin > AI > Models
- */
-const { html } = window;
-const { useState, useEffect, useCallback } = hooks;
-
-export default function ModelsSection() {
-    const [models, setModels] = useState([]);
-    const [search, setSearch] = useState('');
-    const [loading, setLoading] = useState(true);
-    const [fetching, setFetching] = useState(false);
-
-    const load = useCallback(async () => {
-        try {
-            const data = await sw.api.admin.models.list();
-            setModels(data || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => { load(); }, []);
-
-    async function fetchModels() {
-        setFetching(true);
-        try {
-            const result = await sw.api.admin.models.fetch();
-            sw.toast(`Synced: ${result.added || 0} added, ${result.updated || 0} updated, ${result.total || 0} total`, 'success');
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setFetching(false); }
-    }
-
-    async function setVisibility(id, visibility) {
-        try {
-            await sw.api.admin.models.update(id, { visibility });
-            setModels(prev => prev.map(m => m.id === id ? { ...m, visibility } : m));
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function bulkSetVisibility(visibility) {
-        try {
-            await sw.api.admin.models.bulkUpdate(visibility);
-            sw.toast(`All models set to ${visibility}`, 'success');
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    const filtered = models.filter(m => {
-        if (!search) return true;
-        const q = search.toLowerCase();
-        return (m.model_id || m.id || '').toLowerCase().includes(q) ||
-               (m.display_name || '').toLowerCase().includes(q) ||
-               (m.provider_name || '').toLowerCase().includes(q);
-    });
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    return html`
-        <div>
-            <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
-                <button class="btn-small btn-primary" onClick=${fetchModels} disabled=${fetching}>
-                    ${fetching ? 'Fetching\u2026' : 'Fetch Models'}
-                </button>
-                <span class="text-muted" style="font-size:12px;">${models.length} models</span>
-                <div style="flex:1"></div>
-                <button class="btn-small" onClick=${() => bulkSetVisibility('enabled')}>Enable All</button>
-                <button class="btn-small" onClick=${() => bulkSetVisibility('disabled')}>Disable All</button>
-            </div>
-
-            <div class="admin-search" style="margin-bottom:12px;">
-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="color:var(--text-3);flex-shrink:0;"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
-                <input placeholder="Search models\u2026" value=${search} onInput=${e => setSearch(e.target.value)} autocomplete="off" />
-            </div>
-
-            <div class="admin-list">
-                ${filtered.length === 0 && html`<div class="empty-hint">No models found</div>`}
-                ${filtered.map(m => html`
-                    <div class="admin-surface-row" key=${m.id}>
-                        <div style="flex:1;min-width:0;">
-                            <strong>${m.display_name || m.model_id || m.id}</strong>
-                            ${m.display_name && m.model_id && html`<span class="text-muted" style="margin-left:8px;font-size:11px;">${m.model_id}</span>`}
-                            ${m.provider_name && html`<span class="badge" style="margin-left:6px;">${m.provider_name}</span>`}
-                        </div>
-                        <select value=${m.visibility || 'disabled'} onChange=${e => setVisibility(m.id, e.target.value)}
-                                style="font-size:11px;padding:2px 4px;">
-                            <option value="enabled">enabled</option>
-                            <option value="disabled">disabled</option>
-                            <option value="team">team only</option>
-                        </select>
-                    </div>
-                `)}
-            </div>
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/personas.js

@@ -1,225 +0,0 @@
-/**
- * Admin > AI > Personas
- */
-const { html } = window;
-const { useState, useEffect, useCallback } = hooks;
-
-export default function PersonasSection() {
-    const [personas, setPersonas] = useState([]);
-    const [models, setModels] = useState([]);
-    const [kbs, setKbs] = useState([]);
-    const [search, setSearch] = useState('');
-    const [loading, setLoading] = useState(true);
-    const [editing, setEditing] = useState(null); // null | 'new' | persona object
-    const [editKbs, setEditKbs] = useState([]);
-    const [editToolGrants, setEditToolGrants] = useState([]);
-
-    const load = useCallback(async () => {
-        try {
-            const [p, m, k] = await Promise.all([
-                sw.api.admin.personas.list(),
-                sw.api.admin.models.list().catch(() => []),
-                sw.api.knowledge.list().catch(() => []),
-            ]);
-            setPersonas(p || []);
-            setModels(m || []);
-            setKbs(k.data || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => { load(); }, []);
-
-    async function startEdit(persona) {
-        setEditing(persona);
-        if (persona !== 'new') {
-            try {
-                const [kbData, tgData] = await Promise.all([
-                    sw.api.admin.personas.kbs(persona.id).catch(() => []),
-                    sw.api.admin.personas.toolGrants(persona.id).catch(() => ({ tool_names: [] })),
-                ]);
-                setEditKbs(Array.isArray(kbData) ? kbData.map(k => k.kb_id || k.id) : kbData.kb_ids || []);
-                setEditToolGrants(tgData.tool_names || []);
-            } catch { setEditKbs([]); setEditToolGrants([]); }
-        } else {
-            setEditKbs([]);
-            setEditToolGrants([]);
-        }
-    }
-
-    async function savePersona(e) {
-        e.preventDefault();
-        const form = e.target;
-        const data = {
-            name: form.pname.value.trim(),
-            handle: form.handle.value.trim(),
-            description: form.description.value.trim(),
-            icon: form.icon.value.trim(),
-            system_prompt: form.system_prompt.value,
-            base_model_id: form.model.value || null,
-            temperature: form.temperature.value ? parseFloat(form.temperature.value) : null,
-            max_tokens: form.max_tokens.value ? parseInt(form.max_tokens.value) : null,
-            memory_enabled: form.memory_enabled.checked,
-        };
-        try {
-            let id;
-            if (editing === 'new') {
-                const res = await sw.api.admin.personas.create(data);
-                id = res.id;
-                sw.toast('Persona created', 'success');
-            } else {
-                id = editing.id;
-                await sw.api.admin.personas.update(id, data);
-                sw.toast('Persona updated', 'success');
-            }
-            // Save KB bindings
-            if (id) {
-                await sw.api.admin.personas.setKbs(id, { kb_ids: editKbs }).catch(() => {});
-                await sw.api.admin.personas.setToolGrants(id, { tool_names: editToolGrants }).catch(() => {});
-            }
-            setEditing(null);
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function deletePersona(id) {
-        const ok = await sw.confirm('Delete this persona?', true);
-        if (!ok) return;
-        try {
-            await sw.api.admin.personas.del(id);
-            sw.toast('Persona deleted', 'success');
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function uploadAvatar(id) {
-        const input = document.createElement('input');
-        input.type = 'file';
-        input.accept = 'image/*';
-        input.onchange = async () => {
-            const file = input.files[0];
-            if (!file) return;
-            const reader = new FileReader();
-            reader.onload = async () => {
-                try {
-                    await sw.api.admin.personas.avatar(id, reader.result);
-                    sw.toast('Avatar uploaded', 'success');
-                    load();
-                } catch (e) { sw.toast(e.message, 'error'); }
-            };
-            reader.readAsDataURL(file);
-        };
-        input.click();
-    }
-
-    function toggleKb(kbId) {
-        setEditKbs(prev => prev.includes(kbId) ? prev.filter(k => k !== kbId) : [...prev, kbId]);
-    }
-
-    const filtered = personas.filter(p => {
-        if (!search) return true;
-        const q = search.toLowerCase();
-        return (p.name || '').toLowerCase().includes(q) || (p.handle || '').toLowerCase().includes(q);
-    });
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    if (editing) {
-        const isNew = editing === 'new';
-        const p = isNew ? {} : editing;
-        return html`
-            <form onSubmit=${savePersona}>
-                <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
-                    <button type="button" class="btn-small" onClick=${() => setEditing(null)}>\u2190 Back</button>
-                    <h4 style="margin:0;">${isNew ? 'Create Persona' : `Edit: ${p.name}`}</h4>
-                </div>
-                <div class="form-row">
-                    <div class="form-group"><label>Name</label><input name="pname" value=${p.name || ''} placeholder="Code Reviewer" /></div>
-                    <div class="form-group"><label>Handle</label><input name="handle" value=${p.handle || ''} placeholder="code-reviewer" /></div>
-                    <div class="form-group" style="width:60px;"><label>Icon</label><input name="icon" value=${p.icon || ''} placeholder="\ud83d\udd0d" /></div>
-                </div>
-                <div class="form-group"><label>Description</label><input name="description" value=${p.description || ''} placeholder="Optional description" /></div>
-                <div class="form-group"><label>System Prompt</label>
-                    <textarea name="system_prompt" rows="4" placeholder="System prompt\u2026">${p.system_prompt || ''}</textarea>
-                </div>
-                <div class="form-row">
-                    <div class="form-group"><label>Model</label>
-                        <select name="model">
-                            <option value="">Default</option>
-                            ${models.map(m => html`<option key=${m.id} value=${m.model_id || m.id} selected=${p.base_model_id === (m.model_id || m.id)}>${m.display_name || m.model_id || m.id}</option>`)}
-                        </select>
-                    </div>
-                    <div class="form-group" style="width:100px;"><label>Temperature</label>
-                        <input name="temperature" type="number" step="0.1" min="0" max="2" value=${p.temperature ?? ''} placeholder="0.7" />
-                    </div>
-                    <div class="form-group" style="width:100px;"><label>Max Tokens</label>
-                        <input name="max_tokens" type="number" min="1" value=${p.max_tokens ?? ''} placeholder="4096" />
-                    </div>
-                </div>
-                <label class="toggle-label" style="margin:8px 0;">
-                    <input type="checkbox" name="memory_enabled" checked=${!!p.memory_enabled} />
-                    <span class="toggle-track"></span>
-                    <span>Memory enabled</span>
-                </label>
-
-                ${!isNew && html`
-                    <div style="margin:12px 0;">
-                        <button type="button" class="btn-small" onClick=${() => uploadAvatar(p.id)}>Upload Avatar</button>
-                        ${p.avatar && html`<button type="button" class="btn-small btn-danger" style="margin-left:6px;"
-                            onClick=${async () => { await sw.api.admin.personas.delAvatar(p.id); sw.toast('Avatar removed', 'success'); load(); }}>Remove Avatar</button>`}
-                    </div>
-                `}
-
-                <div class="settings-section" style="margin:12px 0;">
-                    <h5 style="margin:0 0 8px;">Knowledge Base Bindings</h5>
-                    ${kbs.length === 0
-                        ? html`<span class="text-muted" style="font-size:12px;">No knowledge bases available</span>`
-                        : kbs.map(k => html`
-                            <label class="toggle-label" key=${k.id}>
-                                <input type="checkbox" checked=${editKbs.includes(k.id)} onChange=${() => toggleKb(k.id)} />
-                                <span class="toggle-track"></span>
-                                <span>${k.name}</span>
-                            </label>
-                        `)
-                    }
-                </div>
-
-                <div class="form-row" style="margin-top:16px;gap:8px;">
-                    <button type="submit" class="btn-small btn-primary">${isNew ? 'Create' : 'Save'}</button>
-                    <button type="button" class="btn-small" onClick=${() => setEditing(null)}>Cancel</button>
-                </div>
-            </form>
-        `;
-    }
-
-    return html`
-        <div>
-            <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
-                <div class="admin-search">
-                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="color:var(--text-3);flex-shrink:0;"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
-                    <input placeholder="Search personas\u2026" value=${search} onInput=${e => setSearch(e.target.value)} autocomplete="off" />
-                </div>
-                <div style="flex:1"></div>
-                <button class="btn-md btn-primary" onClick=${() => startEdit('new')}>+ Add</button>
-            </div>
-
-            <div class="admin-list">
-                ${filtered.length === 0 && html`<div class="empty-hint">No personas</div>`}
-                ${filtered.map(p => html`
-                    <div class="admin-surface-row" key=${p.id}>
-                        <span style="font-size:18px;margin-right:6px;">${p.icon || '\ud83e\udd16'}</span>
-                        <div style="flex:1;min-width:0;">
-                            <strong>${p.name}</strong>
-                            <span class="text-muted" style="margin-left:6px;font-size:11px;">@${p.handle || '?'}</span>
-                            ${p.scope && html`<span class="badge" style="margin-left:6px;">${p.scope}</span>`}
-                        </div>
-                        <div class="admin-actions-cell">
-                            <button class="btn-small" onClick=${() => startEdit(p)}>Edit</button>
-                            <button class="btn-small btn-danger" onClick=${() => deletePersona(p.id)}>Delete</button>
-                        </div>
-                    </div>
-                `)}
-            </div>
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/providers.js

@@ -1,141 +0,0 @@
-/**
- * Admin > AI > Providers
- */
-const { html } = window;
-const { useState, useEffect, useCallback } = hooks;
-
-export default function ProvidersSection() {
-    const [configs, setConfigs] = useState([]);
-    const [providerTypes, setProviderTypes] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [editing, setEditing] = useState(null); // null | 'new' | config object
-
-    const load = useCallback(async () => {
-        try {
-            const [c, t] = await Promise.all([
-                sw.api.admin.configs.list(),
-                sw.api.admin.providers.types(),
-            ]);
-            setConfigs(c || []);
-            setProviderTypes(t || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => { load(); }, []);
-
-    async function saveProvider(e) {
-        e.preventDefault();
-        const form = e.target;
-        const data = {
-            name: form.pname.value.trim(),
-            provider: form.provider.value,
-            endpoint: form.endpoint.value.trim(),
-            api_key: form.api_key.value || undefined,
-            is_private: form.is_private.checked,
-        };
-        try {
-            if (editing === 'new') {
-                await sw.api.admin.configs.create(data);
-                sw.toast('Provider created', 'success');
-            } else {
-                await sw.api.admin.configs.update(editing.id, data);
-                sw.toast('Provider updated', 'success');
-            }
-            setEditing(null);
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function syncModels(id) {
-        try {
-            const result = await sw.api.admin.models.fetch();
-            sw.toast(`Synced: ${result.added || 0} added, ${result.updated || 0} updated`, 'success');
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function testProvider(cfg) {
-        sw.toast(`Testing ${cfg.name}\u2026`, 'info');
-        try {
-            const result = await sw.api.admin.models.fetch();
-            sw.toast(`${cfg.name}: connection OK`, 'success');
-        } catch (e) {
-            sw.toast(`${cfg.name}: connection failed \u2014 ${e.message}`, 'error');
-        }
-    }
-
-    async function deleteProvider(id) {
-        const ok = await sw.confirm('Delete this provider config?', true);
-        if (!ok) return;
-        try {
-            await sw.api.admin.configs.del(id);
-            sw.toast('Provider deleted', 'success');
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    return html`
-        <div>
-            <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
-                <div style="flex:1"></div>
-                <button class="btn-md btn-primary" onClick=${() => setEditing('new')}>+ Add</button>
-            </div>
-
-            ${editing && html`
-                <form class="admin-inline-form" style="margin-bottom:16px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);" onSubmit=${saveProvider}>
-                    <h4 style="margin:0 0 12px;">${editing === 'new' ? 'Add Provider' : 'Edit Provider'}</h4>
-                    <div class="form-row">
-                        <div class="form-group"><label>Name</label>
-                            <input name="pname" placeholder="My OpenAI" value=${editing !== 'new' ? editing.name || '' : ''} />
-                        </div>
-                        <div class="form-group"><label>Type</label>
-                            <select name="provider">
-                                ${providerTypes.map(t => html`<option key=${t.id} value=${t.id} selected=${editing !== 'new' && editing.provider === t.id}>${t.display_name || t.name}</option>`)}
-                            </select>
-                        </div>
-                    </div>
-                    <div class="form-row">
-                        <div class="form-group" style="flex:2;"><label>Endpoint</label>
-                            <input name="endpoint" placeholder="https://api.openai.com/v1" value=${editing !== 'new' ? editing.endpoint || '' : ''} />
-                        </div>
-                        <div class="form-group" style="flex:1;"><label>API Key</label>
-                            <input name="api_key" type="password" placeholder="${editing !== 'new' ? '(unchanged)' : 'sk-...'}" autocomplete="off" />
-                        </div>
-                    </div>
-                    <label class="toggle-label" style="margin:8px 0;">
-                        <input type="checkbox" name="is_private" checked=${editing !== 'new' && editing.is_private} />
-                        <span class="toggle-track"></span>
-                        <span>Private (admin personas only)</span>
-                    </label>
-                    <div class="form-row" style="margin-top:12px;gap:8px;">
-                        <button type="submit" class="btn-small btn-primary">${editing === 'new' ? 'Create' : 'Save'}</button>
-                        <button type="button" class="btn-small" onClick=${() => setEditing(null)}>Cancel</button>
-                    </div>
-                </form>
-            `}
-
-            <div class="provider-cards">
-                ${configs.length === 0 && html`<div class="empty-hint">No provider configs</div>`}
-                ${configs.map(c => html`
-                    <div class="provider-card" key=${c.id}>
-                        <div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
-                            <strong>${c.name}</strong>
-                            <span class="badge">${c.provider}</span>
-                            ${c.is_private && html`<span class="badge badge-inactive">private</span>`}
-                            ${c.has_key ? html`<span class="badge badge-active">key set</span>` : html`<span class="badge badge-pending">no key</span>`}
-                        </div>
-                        <div class="text-muted" style="font-size:12px;margin-bottom:8px;word-break:break-all;">${c.endpoint || '(default)'}</div>
-                        <div style="display:flex;gap:6px;">
-                            <button class="btn-small" onClick=${() => testProvider(c)}>Test</button>
-                            <button class="btn-small" onClick=${() => setEditing(c)}>Edit</button>
-                            <button class="btn-small" onClick=${() => syncModels(c.id)}>Sync Models</button>
-                            <button class="btn-small btn-danger" onClick=${() => deleteProvider(c.id)}>Delete</button>
-                        </div>
-                    </div>
-                `)}
-            </div>
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/roles.js

@@ -1,81 +0,0 @@
-/**
- * Admin > AI > Roles
- */
-const { html } = window;
-const { useState, useEffect, useCallback } = hooks;
-
-export default function RolesSection() {
-    const [roles, setRoles] = useState({});
-    const [models, setModels] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [dirty, setDirty] = useState({});
-
-    const load = useCallback(async () => {
-        try {
-            const [r, m] = await Promise.all([
-                sw.api.admin.roles.list(),
-                sw.api.admin.models.list().catch(() => []),
-            ]);
-            setRoles(r || {});
-            setModels(m || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => { load(); }, []);
-
-    function updateRole(roleName, field, value) {
-        setDirty(prev => ({
-            ...prev,
-            [roleName]: { ...(prev[roleName] || {}), [field]: value },
-        }));
-    }
-
-    async function saveRole(roleName) {
-        const changes = dirty[roleName];
-        if (!changes) return;
-        try {
-            // Get current role config and merge changes
-            const current = await sw.api.admin.roles.get(roleName);
-            const updated = { ...current, ...changes };
-            await sw.api.admin.roles.update(roleName, updated);
-            sw.toast(`Role "${roleName}" saved`, 'success');
-            setDirty(prev => { const n = { ...prev }; delete n[roleName]; return n; });
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    return html`
-        <div>
-            ${Object.keys(roles).length === 0 && html`<div class="empty-hint">No roles configured</div>`}
-            ${Object.entries(roles).map(([name, config]) => {
-                const changes = dirty[name] || {};
-                const primary = changes.primary_model ?? config.primary_model ?? '';
-                const fallback = changes.fallback_model ?? config.fallback_model ?? '';
-
-                return html`
-                    <div class="settings-section" key=${name} style="margin-bottom:16px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);">
-                        <h4 style="margin:0 0 8px;">${name}</h4>
-                        <div class="form-row">
-                            <div class="form-group"><label>Primary Model</label>
-                                <select value=${primary} onChange=${e => updateRole(name, 'primary_model', e.target.value)}>
-                                    <option value="">-- None --</option>
-                                    ${models.map(m => html`<option key=${m.id} value=${m.model_id || m.id}>${m.display_name || m.model_id || m.id}</option>`)}
-                                </select>
-                            </div>
-                            <div class="form-group"><label>Fallback Model</label>
-                                <select value=${fallback} onChange=${e => updateRole(name, 'fallback_model', e.target.value)}>
-                                    <option value="">-- None --</option>
-                                    ${models.map(m => html`<option key=${m.id} value=${m.model_id || m.id}>${m.display_name || m.model_id || m.id}</option>`)}
-                                </select>
-                            </div>
-                        </div>
-                        ${dirty[name] && html`<button class="btn-small btn-primary" style="margin-top:8px;" onClick=${() => saveRole(name)}>Save</button>`}
-                    </div>
-                `;
-            })}
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/routing.js

@@ -1,159 +0,0 @@
-/**
- * Admin > Routing > Routing Policies
- */
-const { html } = window;
-const { useState, useEffect, useCallback } = hooks;
-
-const POLICY_TYPES = ['provider_prefer', 'team_route', 'cost_limit', 'model_alias', 'capability_match'];
-
-export default function RoutingSection() {
-    const [policies, setPolicies] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [editing, setEditing] = useState(null); // null | 'new' | policy
-    const [testModel, setTestModel] = useState('');
-    const [testUser, setTestUser] = useState('');
-    const [testResult, setTestResult] = useState(null);
-
-    const load = useCallback(async () => {
-        try {
-            const data = await sw.api.admin.routing.policies();
-            setPolicies(data || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => { load(); }, []);
-
-    async function savePolicy(e) {
-        e.preventDefault();
-        const form = e.target;
-        const data = {
-            name: form.pname.value.trim(),
-            scope: form.scope.value,
-            priority: parseInt(form.priority.value) || 0,
-            policy_type: form.policy_type.value,
-            config: JSON.parse(form.config.value || '{}'),
-            is_active: form.is_active.checked,
-        };
-        try {
-            if (editing === 'new') {
-                await sw.api.admin.routing.createPolicy(data);
-                sw.toast('Policy created', 'success');
-            } else {
-                await sw.api.admin.routing.updatePolicy(editing.id, data);
-                sw.toast('Policy updated', 'success');
-            }
-            setEditing(null);
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function deletePolicy(id) {
-        const ok = await sw.confirm('Delete this routing policy?', true);
-        if (!ok) return;
-        try {
-            await sw.api.admin.routing.deletePolicy(id);
-            sw.toast('Policy deleted', 'success');
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function runTest() {
-        if (!testModel) return sw.toast('Model is required', 'error');
-        try {
-            const result = await sw.api.admin.routing.test({
-                model: testModel,
-                user_id: testUser || undefined,
-            });
-            setTestResult(result);
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    if (editing) {
-        const isNew = editing === 'new';
-        const p = isNew ? {} : editing;
-        return html`
-            <form onSubmit=${savePolicy}>
-                <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
-                    <button type="button" class="btn-small" onClick=${() => setEditing(null)}>\u2190 Back</button>
-                    <h4 style="margin:0;">${isNew ? 'New Policy' : `Edit: ${p.name}`}</h4>
-                </div>
-                <div class="form-row">
-                    <div class="form-group"><label>Name</label><input name="pname" value=${p.name || ''} placeholder="Prefer Anthropic" /></div>
-                    <div class="form-group" style="width:100px;"><label>Priority</label>
-                        <input name="priority" type="number" value=${p.priority ?? 10} />
-                    </div>
-                </div>
-                <div class="form-row">
-                    <div class="form-group"><label>Scope</label>
-                        <select name="scope">
-                            <option value="global" selected=${p.scope !== 'team'}>global</option>
-                            <option value="team" selected=${p.scope === 'team'}>team</option>
-                        </select>
-                    </div>
-                    <div class="form-group"><label>Type</label>
-                        <select name="policy_type">
-                            ${POLICY_TYPES.map(t => html`<option key=${t} value=${t} selected=${p.policy_type === t}>${t}</option>`)}
-                        </select>
-                    </div>
-                </div>
-                <div class="form-group"><label>Config (JSON)</label>
-                    <textarea name="config" rows="4" style="font-family:monospace;font-size:12px;">${JSON.stringify(p.config || {}, null, 2)}</textarea>
-                </div>
-                <label class="toggle-label" style="margin:8px 0;">
-                    <input type="checkbox" name="is_active" checked=${p.is_active !== false} />
-                    <span class="toggle-track"></span><span>Active</span>
-                </label>
-                <div class="form-row" style="margin-top:12px;gap:8px;">
-                    <button type="submit" class="btn-small btn-primary">${isNew ? 'Create' : 'Save'}</button>
-                    <button type="button" class="btn-small" onClick=${() => setEditing(null)}>Cancel</button>
-                </div>
-            </form>
-        `;
-    }
-
-    return html`
-        <div>
-            <div style="margin-bottom:12px;">
-                <button class="btn-md btn-primary" onClick=${() => setEditing('new')}>+ New Policy</button>
-            </div>
-
-            <div class="admin-list">
-                ${policies.length === 0 && html`<div class="empty-hint">No routing policies</div>`}
-                ${policies.map(p => html`
-                    <div class="admin-surface-row" key=${p.id}>
-                        <div style="flex:1;min-width:0;">
-                            <strong>${p.name}</strong>
-                            <span class="badge" style="margin-left:6px;">${p.policy_type}</span>
-                            <span class="text-muted" style="margin-left:6px;font-size:11px;">priority: ${p.priority}</span>
-                        </div>
-                        <span class="badge">${p.scope}</span>
-                        <span class="badge ${p.is_active ? 'badge-active' : 'badge-inactive'}">${p.is_active ? 'active' : 'off'}</span>
-                        <div class="admin-actions-cell">
-                            <button class="btn-small" onClick=${() => setEditing(p)}>Edit</button>
-                            <button class="btn-small btn-danger" onClick=${() => deletePolicy(p.id)}>Delete</button>
-                        </div>
-                    </div>
-                `)}
-            </div>
-
-            <div class="settings-section" style="margin-top:24px;">
-                <h4>Test Routing</h4>
-                <div class="form-row">
-                    <div class="form-group"><label>Model</label>
-                        <input value=${testModel} onInput=${e => setTestModel(e.target.value)} placeholder="gpt-4o" />
-                    </div>
-                    <div class="form-group"><label>User ID</label>
-                        <input value=${testUser} onInput=${e => setTestUser(e.target.value)} placeholder="optional" />
-                    </div>
-                    <button class="btn-small btn-primary" style="align-self:flex-end;" onClick=${runTest}>Test</button>
-                </div>
-                ${testResult && html`
-                    <pre class="code-block" style="margin-top:8px;font-size:12px;max-height:200px;overflow:auto;">${JSON.stringify(testResult, null, 2)}</pre>
-                `}
-            </div>
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/settings.js

@@ -195,7 +195,7 @@ export default function SettingsSection() {
                 <label class="toggle-label"><input type="checkbox" checked=${cfg.footer_enabled} onChange=${e => set('footer_enabled', e.target.checked)} /><span class="toggle-track"></span><span>Show footer bar</span></label>
                 ${cfg.footer_enabled && html`
                     <div style="margin-top:8px;">
-                        <div class="form-group"><label>Text</label><input value=${cfg.footer_text} onInput=${e => set('footer_text', e.target.value)} placeholder="Powered by Chat Switchboard" /></div>
+                        <div class="form-group"><label>Text</label><input value=${cfg.footer_text} onInput=${e => set('footer_text', e.target.value)} placeholder="Powered by Switchboard Core" /></div>
                     </div>
                 `}
             </div>

src/js/sw/surfaces/admin/stats.js

@@ -1,40 +0,0 @@
-/**
- * Admin > Monitoring > Stats
- */
-const { html } = window;
-const { useState, useEffect } = hooks;
-
-export default function StatsSection() {
-    const [stats, setStats] = useState(null);
-    const [loading, setLoading] = useState(true);
-
-    useEffect(() => {
-        sw.api.admin.stats()
-            .then(d => setStats(d))
-            .catch(e => sw.toast(e.message, 'error'))
-            .finally(() => setLoading(false));
-    }, []);
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-    if (!stats) return html`<div class="empty-hint">No stats available</div>`;
-
-    const cards = [
-        { label: 'Users', value: stats.users },
-        { label: 'Channels', value: stats.channels },
-        { label: 'Messages', value: stats.messages },
-        { label: 'Models', value: stats.models },
-        { label: 'Providers', value: stats.providers },
-        { label: 'Personas', value: stats.personas },
-    ];
-
-    return html`
-        <div class="stat-cards-grid">
-            ${cards.map(c => html`
-                <div class="stat-card" key=${c.label}>
-                    <div class="stat-value">${c.value != null ? c.value.toLocaleString() : '\u2014'}</div>
-                    <div class="stat-label">${c.label}</div>
-                </div>
-            `)}
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/tasks.js

@@ -1,106 +0,0 @@
-/**
- * Admin > Workflows > Tasks
- */
-const { html } = window;
-const { useState, useEffect, useCallback } = hooks;
-
-export default function TasksSection() {
-    const [tasks, setTasks] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [expandedRuns, setExpandedRuns] = useState({}); // taskId → runs[]
-
-    const load = useCallback(async () => {
-        try {
-            const data = await sw.api.admin.tasks.list();
-            setTasks(data || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => { load(); }, []);
-
-    async function runTask(id) {
-        try {
-            await sw.api.admin.tasks.run(id);
-            sw.toast('Task triggered', 'success');
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function killTask(id) {
-        try {
-            await sw.api.admin.tasks.kill(id);
-            sw.toast('Task cancelled', 'success');
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function deleteTask(id) {
-        const ok = await sw.confirm('Delete this task?', true);
-        if (!ok) return;
-        try {
-            await sw.api.admin.tasks.del(id);
-            sw.toast('Task deleted', 'success');
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    async function toggleRuns(taskId) {
-        if (expandedRuns[taskId]) {
-            setExpandedRuns(prev => { const n = { ...prev }; delete n[taskId]; return n; });
-            return;
-        }
-        try {
-            const data = await sw.api.tasks.runs(taskId);
-            const runs = data || [];
-            setExpandedRuns(prev => ({ ...prev, [taskId]: runs }));
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    function fmtDate(d) {
-        if (!d) return '\u2014';
-        return new Date(d).toLocaleString(undefined, { dateStyle: 'short', timeStyle: 'short' });
-    }
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    return html`
-        <div>
-            <div class="admin-list">
-                ${tasks.length === 0 && html`<div class="empty-hint">No tasks</div>`}
-                ${tasks.map(t => html`
-                    <div key=${t.id}>
-                        <div class="admin-surface-row">
-                            <div style="flex:1;min-width:0;">
-                                <strong>${t.name}</strong>
-                                <span class="text-muted" style="margin-left:8px;font-size:11px;">${t.scope || 'personal'}</span>
-                                ${t.schedule && html`<span class="badge" style="margin-left:6px;">${t.schedule}</span>`}
-                            </div>
-                            <span class="text-muted" style="font-size:11px;">
-                                last: ${fmtDate(t.last_run_at)} \u2022 next: ${fmtDate(t.next_run_at)}
-                            </span>
-                            <span class="badge ${t.is_active ? 'badge-active' : 'badge-inactive'}">${t.is_active ? 'active' : 'paused'}</span>
-                            <div class="admin-actions-cell">
-                                <button class="btn-small" onClick=${() => toggleRuns(t.id)}>${expandedRuns[t.id] ? 'Hide Runs' : 'Runs'}</button>
-                                <button class="btn-small btn-primary" onClick=${() => runTask(t.id)}>Run</button>
-                                <button class="btn-small" onClick=${() => killTask(t.id)}>Kill</button>
-                                <button class="btn-small btn-danger" onClick=${() => deleteTask(t.id)}>Delete</button>
-                            </div>
-                        </div>
-                        ${expandedRuns[t.id] && html`
-                            <div style="padding:4px 0 8px 24px;">
-                                ${expandedRuns[t.id].length === 0 && html`<span class="text-muted" style="font-size:12px;">No runs</span>`}
-                                ${expandedRuns[t.id].map(r => html`
-                                    <div key=${r.id} style="font-size:12px;display:flex;gap:8px;padding:2px 0;">
-                                        <span class="badge ${r.status === 'completed' ? 'badge-active' : r.status === 'failed' ? 'badge-inactive' : 'badge-pending'}">${r.status}</span>
-                                        <span>${fmtDate(r.started_at)}</span>
-                                        <span class="text-muted">${r.tokens_used || 0} tokens</span>
-                                        ${r.error && html`<span style="color:var(--danger);">${r.error}</span>`}
-                                    </div>
-                                `)}
-                            </div>
-                        `}
-                    </div>
-                `)}
-            </div>
-        </div>
-    `;
-}

src/js/sw/surfaces/admin/usage.js

@@ -1,91 +0,0 @@
-/**
- * Admin > Monitoring > Usage
- */
-const { html } = window;
-const { useState, useEffect, useCallback } = hooks;
-
-export default function UsageSection() {
-    const [usage, setUsage] = useState(null);
-    const [pricing, setPricing] = useState([]);
-    const [loading, setLoading] = useState(true);
-
-    const load = useCallback(async () => {
-        try {
-            const [u, p] = await Promise.all([
-                sw.api.admin.usage.get(),
-                sw.api.admin.pricing.list().catch(() => []),
-            ]);
-            setUsage(u);
-            setPricing(p || []);
-        } catch (e) { sw.toast(e.message, 'error'); }
-        finally { setLoading(false); }
-    }, []);
-
-    useEffect(() => { load(); }, []);
-
-    async function deletePricing(provId, modelId) {
-        try {
-            await sw.api.admin.pricing.del(provId, modelId);
-            sw.toast('Pricing entry removed', 'success');
-            load();
-        } catch (e) { sw.toast(e.message, 'error'); }
-    }
-
-    function fmtNum(n) {
-        if (n == null) return '\u2014';
-        return n.toLocaleString();
-    }
-
-    if (loading) return html`<div class="settings-placeholder">Loading\u2026</div>`;
-
-    return html`
-        <div>
-            ${usage?.totals && html`
-                <div class="stat-cards-grid" style="margin-bottom:16px;">
-                    <div class="stat-card"><div class="stat-value">${fmtNum(usage.totals.total_tokens)}</div><div class="stat-label">Total Tokens</div></div>
-                    <div class="stat-card"><div class="stat-value">${fmtNum(usage.totals.total_requests)}</div><div class="stat-label">Total Requests</div></div>
-                    <div class="stat-card"><div class="stat-value">$${(usage.totals.total_cost || 0).toFixed(2)}</div><div class="stat-label">Total Cost</div></div>
-                </div>
-            `}
-
-            ${usage?.results && usage.results.length > 0 && html`
-                <h4 style="margin:16px 0 8px;">Usage by Day</h4>
-                <div class="admin-list">
-                    ${usage.results.map((r, i) => html`
-                        <div class="admin-surface-row" key=${i}>
-                            <span style="width:100px;">${r.date || r.day || '\u2014'}</span>
-                            <span style="flex:1;">${fmtNum(r.tokens)} tokens</span>
-                            <span class="text-muted" style="font-size:12px;">${r.requests || 0} requests</span>
-                            <span class="text-muted" style="font-size:12px;">$${(r.cost || 0).toFixed(2)}</span>
-                        </div>
-                    `)}
-                </div>
-            `}
-
-            <h4 style="margin:24px 0 8px;">Pricing Table</h4>
-            ${pricing.length === 0
-                ? html`<div class="empty-hint">No custom pricing entries</div>`
-                : html`
-                    <div class="admin-list">
-                        <div class="admin-surface-row" style="font-weight:600;font-size:12px;">
-                            <span style="flex:1;">Model</span>
-                            <span style="width:100px;">Input/M</span>
-                            <span style="width:100px;">Output/M</span>
-                            <span style="width:80px;">Currency</span>
-                            <span style="width:60px;"></span>
-                        </div>
-                        ${pricing.map(p => html`
-                            <div class="admin-surface-row" key=${p.model_id + p.provider_config_id}>
-                                <span style="flex:1;">${p.model_id}</span>
-                                <span style="width:100px;">$${(p.input_per_m || 0).toFixed(2)}</span>
-                                <span style="width:100px;">$${(p.output_per_m || 0).toFixed(2)}</span>
-                                <span style="width:80px;">${p.currency || 'USD'}</span>
-                                <button class="btn-small btn-danger" style="width:60px;" onClick=${() => deletePricing(p.provider_config_id, p.model_id)}>Del</button>
-                            </div>
-                        `)}
-                    </div>
-                `
-            }
-        </div>
-    `;
-}