Feat v0.2.5 ui polish dead code (#9)

Co-authored-by: Jeffrey Smith <jasafpro@gmail.com>
Co-committed-by: Jeffrey Smith <jasafpro@gmail.com>

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

@@ -15,6 +15,7 @@ const { render } = preact;
 
 import { ToastContainer } from '../../primitives/toast.js';
 import { DialogStack } from '../../shell/dialog-stack.js';
+import { UserMenu } from '../../shell/user-menu.js';
 
 // ── Category → Section mapping ──────────────
 const ADMIN_SECTIONS = {
@@ -121,26 +122,6 @@ function AdminSurface() {
         }
     }, [section]);
 
-    // Back button with return URL stash
-    useEffect(() => {
-        const RETURN_KEY = 'sb_admin_return';
-        if (!sessionStorage.getItem(RETURN_KEY)) {
-            const ref = document.referrer;
-            if (ref && ref.startsWith(location.origin) && !ref.includes('/admin')) {
-                sessionStorage.setItem(RETURN_KEY, ref);
-            } else {
-                sessionStorage.setItem(RETURN_KEY, location.origin + BASE + '/');
-            }
-        }
-    }, []);
-
-    const backClick = useCallback((e) => {
-        e.preventDefault();
-        const RETURN_KEY = 'sb_admin_return';
-        const returnURL = sessionStorage.getItem(RETURN_KEY);
-        sessionStorage.removeItem(RETURN_KEY);
-        location.href = returnURL || BASE + '/';
-    }, []);
 
     const navClick = useCallback((e) => {
         e.preventDefault();
@@ -155,15 +136,6 @@ function AdminSurface() {
         <div class="surface-admin">
             ${/* Top Bar */``}
             <div class="admin-topbar">
-                <a href="${BASE}/" class="admin-topbar-back" onClick=${backClick}>
-                    <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-                         stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                        <line x1="19" y1="12" x2="5" y2="12"/>
-                        <polyline points="12 19 5 12 12 5"/>
-                    </svg>
-                    Back
-                </a>
-                <div class="admin-topbar-sep"></div>
                 <span class="admin-topbar-title">
                     <img src="${BASE}/favicon.svg" alt="" width="18" height="18" style="vertical-align:-3px;" />
                     Administration
@@ -179,6 +151,10 @@ function AdminSurface() {
                         </a>
                     `)}
                 </div>
+
+                <div style="margin-left:auto;">
+                    <${UserMenu} placement="down-right" />
+                </div>
             </div>
 
             <div class="admin-body">

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

@@ -6,7 +6,6 @@ const { useState, useEffect, useCallback } = hooks;
 
 export default function SettingsSection() {
     const [cfg, setCfg] = useState({});
-    const [models, setModels] = useState([]);
     const [surfaces, setSurfaces] = useState([]);
     const [vault, setVault] = useState(null);
     const [loading, setLoading] = useState(true);
@@ -14,9 +13,8 @@ export default function SettingsSection() {
 
     const load = useCallback(async () => {
         try {
-            const [s, m, v, surfList] = await Promise.all([
+            const [s, v, surfList] = await Promise.all([
                 sw.api.admin.settings.get(),
-                sw.api.admin.models.list().catch(() => []),
                 sw.api.admin.vault.status().catch(() => null),
                 sw.api.admin.surfaces.list().catch(() => []),
             ]);
@@ -28,11 +26,6 @@ export default function SettingsSection() {
                 default_surface: cfg_.default_surface?.id || '',
                 allow_registration: pol.allow_registration === 'true',
                 registration_default_state: cfg_.registration_default_state || 'pending',
-                system_prompt: cfg_.system_prompt || '',
-                default_model: pol.default_model || '',
-                allow_user_byok: pol.allow_user_byok === 'true',
-                allow_user_personas: pol.allow_user_personas === 'true',
-                allow_kb_direct_access: pol.allow_kb_direct_access === 'true' || pol.kb_direct_access === 'true',
                 banner_enabled: !!cfg_.banner?.enabled,
                 banner_text: cfg_.banner?.text || '',
                 banner_bg: cfg_.banner?.bg || '#007a33',
@@ -43,17 +36,7 @@ export default function SettingsSection() {
                 message_variant: cfg_.message?.variant || 'info',
                 footer_enabled: !!cfg_.footer?.enabled,
                 footer_text: cfg_.footer?.text || '',
-                search_provider: cfg_.search_provider || 'duckduckgo',
-                search_endpoint: cfg_.search_endpoint || '',
-                search_api_key: cfg_.search_api_key || '',
-                search_max_results: cfg_.search_max_results || 5,
-                compaction_enabled: !!cfg_.auto_compaction_enabled,
-                compaction_threshold: cfg_.compaction_threshold || 70,
-                compaction_cooldown: cfg_.compaction_cooldown || 30,
-                memory_extraction_enabled: !!cfg_.memory_extraction_enabled,
-                memory_auto_approve: !!cfg_.memory_auto_approve,
             });
-            setModels(m || []);
             setVault(v);
         } catch (e) { sw.toast(e.message, 'error'); }
         finally { setLoading(false); }
@@ -69,16 +52,9 @@ export default function SettingsSection() {
             // Default surface
             await sw.api.admin.settings.update('default_surface', { value: cfg.default_surface ? { id: cfg.default_surface } : null });
 
-            // Policies
+            // Registration
             await sw.api.admin.settings.update('allow_registration', { value: String(cfg.allow_registration) });
             await sw.api.admin.settings.update('registration_default_state', { value: cfg.registration_default_state });
-            await sw.api.admin.settings.update('allow_user_byok', { value: String(cfg.allow_user_byok) });
-            await sw.api.admin.settings.update('allow_user_personas', { value: String(cfg.allow_user_personas) });
-            await sw.api.admin.settings.update('allow_kb_direct_access', { value: String(cfg.allow_kb_direct_access) });
-
-            // System prompt & default model
-            await sw.api.admin.settings.update('system_prompt', { value: cfg.system_prompt });
-            if (cfg.default_model) await sw.api.admin.settings.update('default_model', { value: cfg.default_model });
 
             // Banner
             await sw.api.admin.settings.update('banner', { value: {
@@ -102,23 +78,6 @@ export default function SettingsSection() {
                 text: cfg.footer_text,
             }});
 
-            // Search
-            await sw.api.admin.settings.update('search_provider', { value: cfg.search_provider });
-            if (cfg.search_provider === 'searxng') {
-                await sw.api.admin.settings.update('search_endpoint', { value: cfg.search_endpoint });
-                await sw.api.admin.settings.update('search_api_key', { value: cfg.search_api_key });
-            }
-            await sw.api.admin.settings.update('search_max_results', { value: cfg.search_max_results });
-
-            // Compaction
-            await sw.api.admin.settings.update('auto_compaction_enabled', { value: String(cfg.compaction_enabled) });
-            await sw.api.admin.settings.update('compaction_threshold', { value: cfg.compaction_threshold });
-            await sw.api.admin.settings.update('compaction_cooldown', { value: cfg.compaction_cooldown });
-
-            // Memory
-            await sw.api.admin.settings.update('memory_extraction_enabled', { value: String(cfg.memory_extraction_enabled) });
-            await sw.api.admin.settings.update('memory_auto_approve', { value: String(cfg.memory_auto_approve) });
-
             sw.toast('Settings saved', 'success');
         } catch (e) { sw.toast(e.message, 'error'); }
         finally { setSaving(false); }
@@ -155,23 +114,6 @@ export default function SettingsSection() {
                 </div>
             </div>
 
-            <div class="settings-section"><h3>System Prompt</h3>
-                <textarea rows="4" placeholder="Global system prompt\u2026" value=${cfg.system_prompt} onInput=${e => set('system_prompt', e.target.value)}></textarea>
-            </div>
-
-            <div class="settings-section"><h3>Default Model</h3>
-                <select value=${cfg.default_model} onChange=${e => set('default_model', e.target.value)}>
-                    <option value="">-- None (first visible) --</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="settings-section"><h3>Policies</h3>
-                <label class="toggle-label"><input type="checkbox" checked=${cfg.allow_user_byok} onChange=${e => set('allow_user_byok', e.target.checked)} /><span class="toggle-track"></span><span>Allow BYOK (user API keys)</span></label>
-                <label class="toggle-label"><input type="checkbox" checked=${cfg.allow_user_personas} onChange=${e => set('allow_user_personas', e.target.checked)} /><span class="toggle-track"></span><span>Allow user personas</span></label>
-                <label class="toggle-label"><input type="checkbox" checked=${cfg.allow_kb_direct_access} onChange=${e => set('allow_kb_direct_access', e.target.checked)} /><span class="toggle-track"></span><span>Allow direct KB access</span></label>
-            </div>
-
             <div class="settings-section"><h3>Environment Banner</h3>
                 <label class="toggle-label"><input type="checkbox" checked=${cfg.banner_enabled} onChange=${e => set('banner_enabled', e.target.checked)} /><span class="toggle-track"></span><span>Show environment banner</span></label>
                 ${cfg.banner_enabled && html`
@@ -217,36 +159,6 @@ export default function SettingsSection() {
                 `}
             </div>
 
-            <div class="settings-section"><h3>Web Search</h3>
-                <div class="form-group"><label>Provider</label>
-                    <select value=${cfg.search_provider} onChange=${e => set('search_provider', e.target.value)}>
-                        <option value="duckduckgo">DuckDuckGo</option><option value="searxng">SearXNG</option>
-                    </select>
-                </div>
-                ${cfg.search_provider === 'searxng' && html`
-                    <div class="form-group"><label>Endpoint</label><input value=${cfg.search_endpoint} onInput=${e => set('search_endpoint', e.target.value)} placeholder="https://searxng.example.com" /></div>
-                    <div class="form-group"><label>API Key</label><input value=${cfg.search_api_key} onInput=${e => set('search_api_key', e.target.value)} placeholder="Optional" /></div>
-                `}
-                <div class="form-group"><label>Max Results</label><input type="number" min="1" max="20" value=${cfg.search_max_results} onInput=${e => set('search_max_results', parseInt(e.target.value) || 5)} /></div>
-            </div>
-
-            <div class="settings-section"><h3>Auto-Compaction</h3>
-                <label class="toggle-label"><input type="checkbox" checked=${cfg.compaction_enabled} onChange=${e => set('compaction_enabled', e.target.checked)} /><span class="toggle-track"></span><span>Enable auto-compaction</span></label>
-                ${cfg.compaction_enabled && html`
-                    <div class="form-row" style="margin-top:8px;">
-                        <div class="form-group"><label>Threshold (%)</label><input type="number" min="50" max="95" value=${cfg.compaction_threshold} onInput=${e => set('compaction_threshold', parseInt(e.target.value))} /></div>
-                        <div class="form-group"><label>Cooldown (min)</label><input type="number" min="5" max="1440" value=${cfg.compaction_cooldown} onInput=${e => set('compaction_cooldown', parseInt(e.target.value))} /></div>
-                    </div>
-                `}
-            </div>
-
-            <div class="settings-section"><h3>Memory Extraction</h3>
-                <label class="toggle-label"><input type="checkbox" checked=${cfg.memory_extraction_enabled} onChange=${e => set('memory_extraction_enabled', e.target.checked)} /><span class="toggle-track"></span><span>Enable memory extraction</span></label>
-                ${cfg.memory_extraction_enabled && html`
-                    <label class="toggle-label" style="margin-top:8px;"><input type="checkbox" checked=${cfg.memory_auto_approve} onChange=${e => set('memory_auto_approve', e.target.checked)} /><span class="toggle-track"></span><span>Auto-approve extracted memories</span></label>
-                `}
-            </div>
-
             <div class="settings-section"><h3>Encryption Vault</h3>
                 ${vault
                     ? html`<div class="text-muted" style="font-size:12px;">Key set: ${vault.encryption_key_set ? 'Yes' : 'No'} \u2022 User vaults: ${vault.user_vaults_count ?? '?'}</div>`