@polderlabs/bizar-omp 0.6.1 → 0.6.3

package/dist/omp/dashboard-html.js

@@ -7,38 +7,355 @@ export function dashboardPageHtml() {
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
 <meta name="color-scheme" content="dark light" />
+<meta name="robots" content="noindex" />
 <title>Bizar OMP Dashboard</title>
 <style>
-:root{color-scheme:dark;--canvas:#090b0e;--surface:#0f1216;--raised:#151a20;--active:#172531;--border:#2d3742;--strong:#435262;--text:#ecf2f8;--muted:#91a0af;--faint:#667481;--accent:#00b4ff;--accent-ink:#001a25;--success:#57d38c;--warning:#f2bd62;--danger:#ff6b75;--focus:#8ad9ff;--shadow:0 18px 48px #00000047;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}
-html[data-theme="light"]{color-scheme:light;--canvas:#eef3f7;--surface:#fff;--raised:#f7fafc;--active:#e4f5fc;--border:#c9d5df;--strong:#91a5b5;--text:#15212b;--muted:#526472;--faint:#738492;--accent:#007eb5;--accent-ink:#fff;--success:#187b45;--warning:#8b5a00;--danger:#bd2634;--focus:#005d86;--shadow:0 18px 48px #25384829}
-*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{margin:0;overflow:hidden;background:var(--canvas);color:var(--text);font:14px/1.45 var(--sans)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hidden{display:none!important}.app{height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr)}
-.masthead{display:flex;align-items:center;gap:16px;min-width:0;padding:0 18px;border-bottom:1px solid var(--border);background:var(--surface);z-index:5}.brand{display:flex;align-items:center;gap:11px;min-width:190px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--strong);border-radius:7px;color:var(--accent);font:700 19px/1 var(--mono)}.brand-name{font-weight:720;letter-spacing:-.02em}.eyebrow{color:var(--muted);font:600 10px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase}.daemon-state{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:12px}.daemon-state span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--faint);box-shadow:0 0 0 3px color-mix(in srgb,var(--faint) 16%,transparent)}.status-dot.live{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 16%,transparent)}.status-dot.warn{background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 16%,transparent)}.masthead-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
-.button{min-height:38px;border:1px solid var(--border);border-radius:7px;background:var(--raised);color:var(--text);padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:620}.button:hover:not(:disabled){border-color:var(--strong);background:var(--active)}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.button.primary:hover:not(:disabled){filter:brightness(1.08)}.button.danger{color:var(--danger)}.button.ghost{background:transparent}.button.icon{width:40px;padding:0;font:700 15px/1 var(--mono)}
-.workspace{min-height:0;display:grid;grid-template-columns:290px minmax(420px,1fr) 280px}.panel{min-width:0;min-height:0;background:var(--surface)}.session-panel{display:flex;flex-direction:column;border-right:1px solid var(--border)}.conversation-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--canvas)}.inspector-panel{overflow:auto;border-left:1px solid var(--border)}.panel-head{min-height:72px;padding:15px 16px 13px;border-bottom:1px solid var(--border)}.panel-title{display:flex;align-items:center;gap:9px;margin:3px 0 0;font-weight:700}.count{min-width:24px;padding:2px 7px;border-radius:999px;background:var(--raised);color:var(--muted);text-align:center;font:600 11px/1.5 var(--mono)}
-.search-wrap{padding:12px 12px 8px}.search,.field-input,.field-textarea{width:100%;border:1px solid var(--border);border-radius:7px;background:var(--raised);color:var(--text);padding:10px 11px}.search::placeholder,.field-input::placeholder,.field-textarea::placeholder{color:var(--faint)}.filters{display:flex;gap:6px;padding:0 12px 10px;overflow-x:auto;scrollbar-width:none}.filter{min-height:30px;white-space:nowrap;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);padding:0 9px;font-size:12px}.filter:hover,.filter.active{border-color:var(--border);background:var(--raised);color:var(--text)}.session-list{min-height:0;overflow-y:auto;padding:4px 8px 16px}.workspace-label{padding:13px 8px 6px;color:var(--faint);font:650 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-row{width:100%;min-height:62px;display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:start;border:1px solid transparent;border-radius:7px;background:transparent;color:inherit;padding:10px 9px;text-align:left}.session-row:hover{background:var(--raised)}.session-row.selected{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--active)}.session-row .status-dot{margin-top:6px;width:7px;height:7px}.session-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:670}.session-meta{display:flex;gap:7px;margin-top:4px;color:var(--muted);font:11px/1.3 var(--mono)}.empty{padding:26px 18px;color:var(--muted);text-align:center}.empty strong{display:block;margin-bottom:6px;color:var(--text)}
-.conversation-head{min-height:72px;display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.conversation-identity{min-width:0}.conversation-title{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;letter-spacing:-.015em}.conversation-actions{margin-left:auto;display:flex;gap:7px}.state-label{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font:600 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em}.console-wrap{min-height:0;position:relative;overflow:hidden;padding:12px}.console{width:100%;height:100%;margin:0;overflow:auto;border:1px solid var(--border);border-radius:8px;background:#080a0d;color:#dce7ef;padding:16px 18px 32px;white-space:pre-wrap;overflow-wrap:anywhere;font:12.5px/1.55 var(--mono);tab-size:2;scrollbar-color:#34404b #080a0d}html[data-theme="light"] .console{background:#17212a;color:#eaf2f7;border-color:#263745}.console-state{height:100%;display:grid;place-items:center;color:#8fa0ad;text-align:center}.console-state strong{display:block;color:#eaf2f7;margin-bottom:5px}.follow-button{position:absolute;right:28px;bottom:26px;min-height:34px;border:1px solid #3d4e5d;border-radius:999px;background:#17212a;color:#eaf2f7;padding:0 12px;box-shadow:var(--shadow)}
-.composer{border-top:1px solid var(--border);background:var(--surface);padding:12px 16px 14px}.composer-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;border:1px solid var(--strong);border-radius:9px;background:var(--raised);padding:8px}.composer textarea{min-height:50px;max-height:160px;resize:vertical;border:0;outline:0;background:transparent;padding:7px 8px;line-height:1.45}.composer-meta{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:var(--faint);font-size:11px}.inspector-section{padding:18px 16px;border-bottom:1px solid var(--border)}.inspector-section h2{margin:0 0 13px;font-size:13px}.detail-list{display:grid;gap:13px;margin:0}.detail-list dt{margin-bottom:4px;color:var(--faint);font:600 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}.detail-list dd{margin:0;overflow-wrap:anywhere;color:var(--muted)}.mono{font-family:var(--mono);font-size:12px}.action-stack{display:grid;gap:8px}.action-stack .button{width:100%;justify-content:flex-start}.mobile-nav{display:none}
-dialog{width:min(520px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));padding:0;overflow:auto;border:1px solid var(--strong);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:#030609ad;backdrop-filter:blur(2px)}.dialog-head{display:flex;align-items:flex-start;gap:16px;padding:19px 20px 15px;border-bottom:1px solid var(--border)}.dialog-head h2{margin:2px 0 0;font-size:17px}.dialog-head .button{margin-left:auto}.dialog-body{display:grid;gap:17px;padding:18px 20px}.dialog-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px 19px;border-top:1px solid var(--border)}.field{display:grid;gap:7px}.field-label{font-weight:650}.field-help{color:var(--muted);font-size:12px}.field-textarea{min-height:96px;resize:vertical}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:3px 0}.setting-row strong{display:block;margin-bottom:3px}.setting-row span{color:var(--muted);font-size:12px}.switch{width:46px;height:26px;position:relative;display:inline-flex}.switch input{position:absolute;opacity:0}.switch-track{width:46px;height:26px;border:1px solid var(--strong);border-radius:999px;background:var(--raised)}.switch-track::after{content:"";position:absolute;width:18px;height:18px;left:4px;top:4px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.switch input:checked+.switch-track{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 30%,var(--surface))}.switch input:checked+.switch-track::after{transform:translateX(20px);background:var(--accent)}.switch input:focus-visible+.switch-track{outline:2px solid var(--focus);outline-offset:2px}.toast{position:fixed;z-index:30;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));border:1px solid var(--strong);border-left:3px solid var(--success);border-radius:8px;background:var(--raised);padding:12px 14px;box-shadow:var(--shadow)}.toast.error{border-left-color:var(--danger)}
-@media(max-width:1099px) and (min-width:761px){.workspace{grid-template-columns:270px minmax(0,1fr);overflow:auto}.conversation-panel{min-height:calc(100dvh - 64px)}.inspector-panel{grid-column:2;border-left:0;border-top:1px solid var(--border);overflow:visible}}
-@media(max-width:760px){.app{grid-template-rows:58px minmax(0,1fr) 62px}.masthead{padding:0 12px;gap:10px}.brand{min-width:0}.brand-copy .eyebrow,.daemon-state,#theme-toggle{display:none}.masthead-actions .button{min-height:44px}#new-session-top{width:44px;padding:0;font-size:0}#new-session-top::before{content:"+";font:700 20px/1 var(--sans)}.workspace{display:block;min-height:0;overflow:hidden}.panel{height:100%;border:0}body[data-mobile-view="sessions"] .conversation-panel,body[data-mobile-view="sessions"] .inspector-panel,body[data-mobile-view="chat"] .session-panel,body[data-mobile-view="chat"] .inspector-panel,body[data-mobile-view="details"] .session-panel,body[data-mobile-view="details"] .conversation-panel{display:none}.conversation-head{min-height:66px;padding:10px 12px}.conversation-actions .button:not(.icon){display:none}.console-wrap{padding:8px}.console{padding:13px 12px 28px;font-size:12px}.composer{padding:9px 9px calc(10px + env(safe-area-inset-bottom))}.composer-box{grid-template-columns:minmax(0,1fr) 52px}.composer .button{min-height:44px;padding:0 10px}.composer-meta span:last-child{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{min-height:54px;border:0;border-top:2px solid transparent;background:transparent;color:var(--muted);font-weight:650}.mobile-nav button.active{border-top-color:var(--accent);color:var(--text);background:var(--active)}dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0}.dialog-head .button,.dialog-foot .button{min-height:44px}.dialog-foot{padding-bottom:calc(19px + env(safe-area-inset-bottom))}.toast{right:10px;bottom:calc(72px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}}
-.field-select{width:100%;border:1px solid var(--border);border-radius:7px;background:var(--raised);color:var(--text);padding:10px 11px}.runtime-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:10px;padding:13px;border:1px solid var(--border);border-radius:8px;background:var(--canvas)}.runtime-heading{grid-column:1/-1}.runtime-note{grid-column:1/-1;color:var(--muted);font-size:12px}@media(max-width:760px){.runtime-grid{grid-template-columns:1fr}.runtime-heading,.runtime-note{grid-column:1}}
-@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
+  :root {
+    color-scheme: dark;
+    --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+    --radius: 14px;
+    --track: 0.14em;
+  }
+  html[data-theme="dark"] {
+    color-scheme: dark;
+    --bg: #07080a;
+    --bg-glow: radial-gradient(1200px 600px at 78% -12%, rgba(255, 46, 166, 0.16), transparent 60%),
+               radial-gradient(900px 500px at 8% 0%, rgba(0, 180, 255, 0.10), transparent 55%);
+    --panel: #0f1116;
+    --panel-2: #14171d;
+    --panel-invert: #f4f5f7;
+    --text-invert: #0b0c10;
+    --line: #232833;
+    --text: #e7e9ee;
+    --muted: #8b93a3;
+    --accent: #ff2ea6;
+    --accent-2: #00b4ff;
+    --ok: #5fd68a;
+    --warn: #ffb347;
+    --err: #ff5f6d;
+    --shadow: none;
+    --shadow-overlay: 0 10px 30px rgba(0, 0, 0, 0.28);
+  }
+  html[data-theme="light"] {
+    color-scheme: light;
+    --bg: #efedE7;
+    --bg-glow: linear-gradient(180deg, rgba(255, 255, 255, 0.75), transparent 320px);
+    --panel: #fbfaf7;
+    --panel-2: #f3f0ea;
+    --panel-invert: #111214;
+    --text-invert: #f6f6f4;
+    --line: #ddd8ce;
+    --text: #14161a;
+    --muted: #6b6f7a;
+    --accent: #cf0d77;
+    --accent-2: #0a6ed1;
+    --ok: #1f9d55;
+    --warn: #a86400;
+    --err: #c81e2b;
+    --shadow: 0 1px 2px rgba(20, 22, 26, 0.05);
+    --shadow-overlay: 0 10px 30px rgba(20, 22, 26, 0.14);
+  }
+  * { box-sizing: border-box; }
+  html, body { width: 100%; height: 100%; }
+  body {
+    margin: 0;
+    overflow: hidden;
+    background: var(--bg);
+    background-image: var(--bg-glow);
+    background-attachment: fixed;
+    color: var(--text);
+    font-family: var(--mono);
+    font-size: 14px;
+    line-height: 1.45;
+    -webkit-font-smoothing: antialiased;
+  }
+  a { color: var(--accent-2); }
+  button, input, textarea, select { font: inherit; color: inherit; }
+  button { cursor: pointer; }
+  :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+  .hidden { display: none !important; }
+  .mono { font-family: var(--mono); }
+  ::-webkit-scrollbar { width: 8px; height: 8px; }
+  ::-webkit-scrollbar-track { background: transparent; }
+  ::-webkit-scrollbar-thumb { background: var(--line); border-radius: 999px; }
+  .app { height: 100dvh; display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; }
+  .bar {
+    display: flex; align-items: center; justify-content: space-between; gap: 16px;
+    padding: 18px 28px; border-bottom: 1px solid var(--line);
+    position: sticky; top: 0; z-index: 5;
+    background: color-mix(in srgb, var(--bg) 88%, transparent);
+    backdrop-filter: blur(10px);
+  }
+  .brand { display: flex; align-items: center; gap: 10px; font-size: 12px; letter-spacing: var(--track); text-transform: uppercase; }
+  .brand-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 12px var(--accent); flex: none; }
+  .brand-name { font-weight: 700; }
+  .brand-sub { color: var(--muted); }
+  .bar-right { display: flex; align-items: center; gap: 10px; }
+  .chip {
+    display: inline-flex; align-items: center; gap: 7px;
+    border: 1px solid var(--line); border-radius: 999px;
+    padding: 5px 12px; font-size: 10px; letter-spacing: var(--track); text-transform: uppercase;
+    color: var(--muted); background: var(--panel); white-space: nowrap;
+  }
+  .state-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--muted); flex: none; }
+  .dot-ok { background: var(--ok); box-shadow: 0 0 10px var(--ok); }
+  .dot-warn { background: var(--warn); }
+  .dot-err { background: var(--err); }
+  .dot-muted { background: var(--muted); }
+  .btn {
+    border: 1px solid var(--line); background: var(--panel); color: var(--text);
+    border-radius: var(--radius); padding: 8px 13px;
+    font-family: var(--mono); font-size: 10px; letter-spacing: var(--track); text-transform: uppercase; cursor: pointer;
+  }
+  .btn:hover { border-color: var(--accent); color: var(--accent); }
+  .btn.primary { border-color: var(--accent); color: var(--accent); }
+  .btn.primary:hover { background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); }
+  .btn.danger { border-color: var(--err); color: var(--err); }
+  .btn.danger:hover { border-color: var(--err); color: var(--err); background: color-mix(in srgb, var(--err) 10%, transparent); }
+  .btn.ghost { background: transparent; color: var(--muted); }
+  .btn.ghost:hover { color: var(--accent); }
+  .btn.icon { padding: 8px 11px; }
+  .btn:disabled { opacity: 0.45; cursor: not-allowed; }
+  .panes {
+    display: grid; min-height: 0;
+    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr) minmax(256px, 320px);
+  }
+  .pane { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
+  .pane + .pane { border-left: 1px solid var(--line); }
+  .pane-head {
+    display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
+    padding: 16px 16px 12px; border-bottom: 1px solid var(--line);
+  }
+  .label { font-size: 10px; letter-spacing: var(--track); text-transform: uppercase; color: var(--muted); }
+  .pane-title { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; letter-spacing: var(--track); text-transform: uppercase; }
+  .count {
+    border: 1px solid var(--line); border-radius: 999px; padding: 1px 8px;
+    background: var(--panel); font-size: 10px; letter-spacing: var(--track); color: var(--muted);
+  }
+  .card {
+    background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);
+    padding: 12px 16px; box-shadow: var(--shadow);
+  }
+  .card.invert { background: var(--panel-invert); border-color: var(--panel-invert); color: var(--text-invert); }
+  .card.invert .label { color: color-mix(in srgb, var(--text-invert) 62%, transparent); }
+  .search-wrap { padding: 12px 16px 8px; }
+  input, textarea, select {
+    font-family: var(--mono); font-size: 13px; color: var(--text); background: var(--panel-2);
+    border: 1px solid var(--line); border-radius: var(--radius); padding: 8px 11px; width: 100%;
+  }
+  input:focus, textarea:focus, select:focus { outline: 1px solid var(--accent); outline-offset: 1px; border-color: var(--accent); }
+  textarea { min-height: 64px; resize: vertical; }
+  .field-input, .field-select, .field-textarea { font-family: var(--mono); }
+  .field-select { width: auto; min-width: 150px; }
+  .field-textarea { min-height: 62px; resize: vertical; }
+  .filters { display: flex; gap: 8px; flex-wrap: wrap; padding: 0 16px 12px; }
+  .filter {
+    border: 1px solid var(--line); background: var(--panel); color: var(--muted);
+    border-radius: 999px; padding: 5px 12px; font-family: var(--mono); font-size: 10px;
+    letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer;
+  }
+  .filter:hover { border-color: var(--accent); color: var(--accent); }
+  .filter.active { color: var(--text); border-color: var(--accent); }
+  .session-list { flex: 1; min-height: 0; overflow-y: auto; padding: 8px 16px 16px; }
+  .workspace-label {
+    padding: 0 0 8px; border-bottom: 1px solid var(--line); margin: 8px 0 12px;
+    font-size: 11px; color: var(--muted); word-break: break-all;
+  }
+  .session-row {
+    display: grid; grid-template-columns: 12px minmax(0, 1fr); gap: 12px; align-items: center;
+    width: 100%; text-align: left; padding: 10px 14px; margin-bottom: 8px;
+    color: var(--text);
+  }
+  .session-row:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
+  .session-row.selected { border-color: var(--accent); background: var(--panel-2); }
+  .session-name { display: block; font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .session-meta {
+    display: flex; gap: 8px; margin-top: 4px; font-size: 10px; color: var(--muted);
+    letter-spacing: var(--track); text-transform: uppercase;
+  }
+  .empty {
+    border: 1px dashed var(--line); border-radius: var(--radius); padding: 34px 24px;
+    text-align: center; color: var(--muted); font-size: 12px;
+  }
+  .empty strong {
+    display: block; margin-bottom: 8px; color: var(--text);
+    font-size: 10px; letter-spacing: var(--track); text-transform: uppercase;
+  }
+  .notice {
+    border: 1px solid var(--err); border-radius: var(--radius); padding: 11px 14px;
+    color: var(--err); background: color-mix(in srgb, var(--err) 8%, transparent); font-size: 12px;
+  }
+  .notice strong { display: block; margin-bottom: 4px; font-size: 10px; letter-spacing: var(--track); text-transform: uppercase; }
+  .conversation-head {
+    display: flex; align-items: center; justify-content: space-between; gap: 16px;
+    padding: 16px 24px; border-bottom: 1px solid var(--line);
+  }
+  .conversation-identity { min-width: 0; }
+  .state-label {
+    display: inline-flex; align-items: center; gap: 8px;
+    font-size: 10px; letter-spacing: var(--track); text-transform: uppercase; color: var(--muted);
+  }
+  .conversation-title {
+    margin: 4px 0 0; font-size: 16px; font-weight: 650;
+    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+  }
+  .conversation-actions { display: flex; gap: 8px; flex: none; }
+  .console-wrap { position: relative; flex: 1; min-height: 0; display: flex; }
+  .console {
+    margin: 0; flex: 1; min-height: 0; overflow: auto; padding: 16px 24px;
+    font-family: var(--mono); font-size: 12px; line-height: 1.5; tab-size: 2;
+    white-space: pre-wrap; word-break: break-word;
+  }
+  .console-state { display: block; color: var(--muted); font-size: 12px; }
+  .console-state strong {
+    display: block; margin-bottom: 8px; color: var(--text);
+    font-size: 10px; letter-spacing: var(--track); text-transform: uppercase;
+  }
+  .follow-button {
+    position: absolute; right: 16px; bottom: 16px; display: inline-flex; align-items: center;
+    border: 1px solid var(--accent); background: var(--panel); color: var(--accent);
+    border-radius: 999px; padding: 8px 13px; font-family: var(--mono); font-size: 10px;
+    letter-spacing: var(--track); text-transform: uppercase; cursor: pointer;
+    box-shadow: var(--shadow-overlay);
+  }
+  .composer { display: grid; gap: 10px; padding: 14px 24px 16px; border-top: 1px solid var(--line); }
+  .composer-box { display: flex; gap: 8px; align-items: flex-end; }
+  .composer-box textarea { flex: 1; min-height: 48px; max-height: 168px; }
+  .composer-meta {
+    display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
+    font-size: 10px; letter-spacing: var(--track); text-transform: uppercase; color: var(--muted);
+  }
+  .composer-runtime { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; }
+  .composer-runtime .field { display: grid; gap: 3px; }
+  .composer-runtime .field-label { font-size: 9px; }
+  .composer-runtime select { width: auto; min-width: 132px; padding: 6px 9px; font-size: 11px; }
+  #inspector { flex: 1; min-height: 0; overflow-y: auto; padding: 16px 24px 24px; }
+  .inspector-section { margin-bottom: 24px; }
+  .inspector-section h2 {
+    margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--line);
+    font-size: 10px; letter-spacing: var(--track); text-transform: uppercase; color: var(--muted);
+  }
+  .detail-list { margin: 0; display: grid; gap: 12px; }
+  .detail-list > div { display: grid; gap: 4px; min-width: 0; }
+  .detail-list dt { font-size: 10px; letter-spacing: var(--track); text-transform: uppercase; color: var(--muted); }
+  .detail-list dd { margin: 0; font-size: 12px; word-break: break-all; }
+  .action-stack { display: grid; gap: 8px; }
+  .action-stack .btn { width: 100%; }
+  dialog {
+    border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel);
+    color: var(--text); padding: 0; width: min(560px, 92vw); font-family: var(--mono);
+    box-shadow: var(--shadow-overlay);
+  }
+  dialog::backdrop { background: rgba(4, 5, 8, 0.62); }
+  .dialog-head {
+    display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
+    padding: 16px 24px 0;
+  }
+  .dialog-head h2 { margin: 4px 0 0; font-size: 15px; font-weight: 650; }
+  .dialog-body { display: grid; gap: 16px; padding: 16px 24px; max-height: 68vh; overflow-y: auto; }
+  .dialog-foot { display: flex; justify-content: flex-end; gap: 8px; padding: 8px 24px 16px; }
+  .field { display: grid; gap: 8px; }
+  .field-label { font-size: 10px; letter-spacing: var(--track); text-transform: uppercase; color: var(--muted); }
+  .field-help, .runtime-note { margin: 0; font-size: 11px; color: var(--muted); }
+  .runtime-grid {
+    display: grid; gap: 16px; padding: 16px;
+    grid-template-columns: repeat(auto-fit, minmax(152px, 1fr));
+  }
+  .runtime-heading { grid-column: 1 / -1; display: grid; gap: 4px; }
+  .runtime-heading strong { font-size: 10px; letter-spacing: var(--track); text-transform: uppercase; }
+  .runtime-note { grid-column: 1 / -1; }
+  .setting-row {
+    display: flex; align-items: center; justify-content: space-between; gap: 16px;
+  }
+  .setting-row > span { font-size: 11px; color: var(--muted); text-transform: none; letter-spacing: 0.01em; }
+  .setting-row strong {
+    display: block; margin-bottom: 4px; color: var(--text);
+    font-size: 10px; letter-spacing: var(--track); text-transform: uppercase;
+  }
+  .switch { position: relative; flex: none; display: inline-block; width: 40px; height: 24px; }
+  .switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
+  .switch-track {
+    display: block; width: 40px; height: 24px; border-radius: 999px;
+    border: 1px solid var(--line); background: var(--panel-2);
+  }
+  .switch-track::after {
+    content: ""; position: absolute; top: 4px; left: 4px; width: 16px; height: 16px;
+    border-radius: 50%; background: var(--muted); transition: transform 0.14s ease, background 0.14s ease;
+  }
+  .switch input:checked + .switch-track { border-color: var(--accent); }
+  .switch input:checked + .switch-track::after { transform: translateX(16px); background: var(--accent); }
+  .switch input:focus-visible + .switch-track { outline: 2px solid var(--accent); outline-offset: 2px; }
+  .toast {
+    position: fixed; right: 22px; bottom: 22px; max-width: 460px; z-index: 20;
+    background: var(--panel); border: 1px solid var(--accent); border-radius: var(--radius);
+    padding: 11px 14px; font-size: 12px; box-shadow: var(--shadow-overlay);
+  }
+  .toast.error { border-color: var(--err); color: var(--err); }
+  .mobile-nav { display: none; border-top: 1px solid var(--line); background: var(--panel); }
+  .mobile-nav button {
+    flex: 1; border: 0; background: transparent; color: var(--muted);
+    padding: 12px 8px; font-family: var(--mono); font-size: 10px;
+    letter-spacing: var(--track); text-transform: uppercase;
+  }
+  .mobile-nav button.active { color: var(--accent); }
+  footer {
+    display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
+    padding: 10px 28px; border-top: 1px solid var(--line);
+    color: var(--muted); font-size: 10px; letter-spacing: var(--track); text-transform: uppercase;
+  }
+  @media (max-width: 1099px) {
+    .panes { grid-template-columns: minmax(224px, 288px) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }
+    .detail-pane {
+      grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--line);
+      max-height: 40vh;
+    }
+  }
+  @media (max-width: 759px) {
+    .panes { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
+    .pane { display: none; }
+    .pane + .pane { border-left: 0; }
+    .detail-pane { grid-column: auto; border-top: 0; max-height: none; }
+    body[data-mobile-view="sessions"] .rail { display: flex; }
+    body[data-mobile-view="chat"] .console-pane { display: flex; }
+    body[data-mobile-view="details"] .detail-pane { display: flex; }
+    .mobile-nav { display: flex; position: sticky; bottom: 0; }
+    .bar { flex-wrap: wrap; padding: 14px 16px; }
+    .bar-right { flex-wrap: wrap; justify-content: flex-end; }
+    .brand-sub { display: none; }
+    .conversation-head, .composer, #inspector { padding-left: 16px; padding-right: 16px; }
+    .console { padding: 16px; }
+    .composer-runtime { width: 100%; }
+    .composer-runtime .field { flex: 1; min-width: 116px; }
+    .composer-runtime select { width: 100%; min-width: 0; }
+    dialog {
+      width: 100vw; max-width: none; height: 100dvh; max-height: none;
+      border: 0; border-radius: 0; padding-bottom: env(safe-area-inset-bottom, 0px);
+    }
+    .dialog-body { max-height: none; }
+    footer { display: none; }
+  }
+  @media (pointer: coarse) {
+    .btn, .filter, .mobile-nav button, input, select { min-height: 44px; }
+    .composer-runtime select { min-height: 44px; }
+  }
+  @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }
 </style>
 </head>
 <body data-mobile-view="sessions">
 <div class="app">
-<header class="masthead"><div class="brand"><div class="brand-mark" aria-hidden="true">π</div><div class="brand-copy"><div class="brand-name">Bizar OMP</div><div class="eyebrow">OMB DASHBOARD</div></div></div><div class="daemon-state" id="daemon-state"><span class="status-dot"></span><span>Connecting to local daemon</span></div><div class="masthead-actions"><button class="button ghost" id="theme-toggle" type="button">Light theme</button><button class="button icon" id="settings-open" type="button" aria-label="Open settings" title="Settings">⚙</button><button class="button primary" id="new-session-top" type="button">New session</button></div></header>
-<main class="workspace">
-<aside class="panel session-panel" aria-label="Sessions"><div class="panel-head"><div class="eyebrow">Workspace</div><div class="panel-title">Sessions <span class="count" id="session-count">0</span></div></div><div class="search-wrap"><input class="search" id="session-search" type="search" placeholder="Find a session" aria-label="Find a session" /></div><div class="filters" id="filters" aria-label="Filter sessions"></div><div class="session-list" id="session-list"><div class="empty"><strong>Loading sessions</strong>Reading the local daemon snapshot.</div></div></aside>
-<section class="panel conversation-panel" aria-label="Session chat"><header class="conversation-head"><div class="conversation-identity"><div class="state-label" id="session-state"><span class="status-dot"></span><span>No session selected</span></div><h1 class="conversation-title" id="conversation-title">Choose a session</h1></div><div class="conversation-actions"><button class="button ghost" id="console-refresh" type="button" disabled>Refresh</button><button class="button" id="attach-top" type="button" disabled>Open terminal</button></div></header><div class="console-wrap"><pre class="console" id="console" tabindex="0" aria-label="Live session console"><span class="console-state"><span><strong>No session open</strong>Select a session to read its live console and send a message.</span></span></pre><button class="follow-button hidden" id="console-follow" type="button">Jump to latest</button></div><form class="composer" id="composer"><div class="composer-box"><textarea id="composer-input" placeholder="Send a message to the selected session" aria-label="Message" disabled></textarea><button class="button primary" id="composer-send" type="submit" disabled>Send</button></div><div class="composer-meta"><span id="composer-status">Select a live session to begin.</span><span>Ctrl Enter to send</span></div></form></section>
-<aside class="panel inspector-panel" aria-label="Session details"><div class="panel-head"><div class="eyebrow">Selected session</div><div class="panel-title">Details</div></div><div id="inspector"><div class="empty"><strong>Nothing selected</strong>Session identity and controls appear here.</div></div></aside>
+<header class="bar"><div class="brand"><span class="brand-dot" aria-hidden="true"></span><span class="brand-name">Bizar OMP</span><span class="brand-sub">OMB DASHBOARD</span></div><div class="bar-right"><span class="chip" id="daemon-state"><span class="state-dot"></span><span>Connecting to local daemon</span></span><button class="btn ghost" id="theme-toggle" type="button">Light theme</button><button class="btn ghost" id="settings-open" type="button" title="Settings">Settings</button><button class="btn primary" id="new-session-top" type="button">New session</button></div></header>
+<main class="panes">
+<aside class="pane rail" aria-label="Sessions"><div class="pane-head"><span class="label">Workspace</span><span class="pane-title">Sessions <span class="count" id="session-count">0</span></span></div><div class="search-wrap"><input class="search" id="session-search" type="search" placeholder="Find a session" aria-label="Find a session" /></div><div class="filters" id="filters" aria-label="Filter sessions"></div><div class="session-list" id="session-list"><div class="empty"><strong>Loading sessions</strong>Reading the local daemon snapshot.</div></div></aside>
+<section class="pane console-pane" aria-label="Session chat"><header class="conversation-head"><div class="conversation-identity"><div class="state-label" id="session-state"><span class="state-dot"></span><span>No session selected</span></div><h1 class="conversation-title" id="conversation-title">Choose a session</h1></div><div class="conversation-actions"><button class="btn ghost" id="console-refresh" type="button" disabled>Refresh</button><button class="btn" id="attach-top" type="button" disabled>Open terminal</button></div></header><div class="console-wrap"><pre class="console" id="console" tabindex="0" aria-label="Live session console"><span class="console-state"><span><strong>No session open</strong>Select a session to read its live console and send a message.</span></span></pre><button class="follow-button hidden" id="console-follow" type="button">Jump to latest</button></div><form class="composer" id="composer"><div class="composer-box"><textarea id="composer-input" placeholder="Send a message to the selected session" aria-label="Message" disabled></textarea><button class="btn primary" id="composer-send" type="submit" disabled>Send</button></div><div class="composer-meta"><span id="composer-status" role="status">Select a live session to begin.</span><div class="composer-runtime" role="group" aria-label="Launch defaults"><label class="field"><span class="field-label">Model</span><select class="field-select" id="composer-model" aria-describedby="composer-runtime-hint"><option value="">OMP default</option></select></label><label class="field"><span class="field-label">Effort</span><select class="field-select" id="composer-thinking" aria-describedby="composer-runtime-hint"><option value="">OMP default</option><option>off</option><option>minimal</option><option>low</option><option>medium</option><option>high</option><option>xhigh</option><option>max</option><option>auto</option></select></label><label class="field"><span class="field-label">Permissions</span><select class="field-select" id="composer-permission" aria-describedby="composer-runtime-hint"><option value="">OMP default</option><option value="always-ask">Always ask</option><option value="write">Allow workspace writes</option><option value="yolo">Auto approve all</option></select></label></div><span>Ctrl Enter to send</span></div><p class="runtime-note" id="composer-runtime-hint">Launch defaults for sessions the dashboard starts: model, effort, and permission mode. Sessions that are already running keep their own runtime.</p></form></section>
+<aside class="pane detail-pane" aria-label="Session details"><div class="pane-head"><span class="label">Selected session</span><span class="pane-title">Details</span></div><div id="inspector"><div class="empty"><strong>Nothing selected</strong>Session identity and controls appear here.</div></div></aside>
 </main>
 <nav class="mobile-nav" aria-label="Dashboard views"><button type="button" data-view="sessions" class="active">Sessions</button><button type="button" data-view="chat">Chat</button><button type="button" data-view="details">Details</button></nav>
+<footer><span>Bizar OMP &middot; localhost only &middot; token gated</span><span>PolderLabs</span></footer>
 </div>
-<dialog id="create-dialog" aria-labelledby="create-title"><form method="dialog"><div class="dialog-head"><div><div class="eyebrow">Launch</div><h2 id="create-title">New session</h2></div><button class="button icon ghost" value="cancel" aria-label="Close">×</button></div><div class="dialog-body"><label class="field"><span class="field-label">Project directory</span><input class="field-input" id="create-cwd" list="workspace-list" placeholder="/path/to/project" autocomplete="off" required /><span class="field-help">Must be an existing directory on this machine.</span></label><datalist id="workspace-list"></datalist><label class="field"><span class="field-label">First message</span><textarea class="field-textarea" id="create-task" placeholder="Describe the work for this session"></textarea></label><label class="field"><span class="field-label">Session label</span><input class="field-input" id="create-id" placeholder="Optional, for example review" autocomplete="off" /></label><section class="runtime-grid" aria-labelledby="runtime-title"><div class="runtime-heading"><div class="eyebrow">Session runtime</div><strong id="runtime-title">Model and permissions</strong></div><label class="field"><span class="field-label">Model</span><select class="field-select" id="create-model"><option value="">OMP default</option></select></label><label class="field"><span class="field-label">Thinking</span><select class="field-select" id="create-thinking"><option value="">OMP default</option><option>off</option><option>minimal</option><option>low</option><option>medium</option><option>high</option><option>xhigh</option><option>max</option><option>auto</option></select></label><label class="field"><span class="field-label">Permissions</span><select class="field-select" id="create-permission"><option value="">OMP default</option><option value="always-ask">Always ask</option><option value="write">Allow workspace writes</option><option value="yolo">Auto approve all</option></select></label><div class="runtime-note" id="model-status">Loading models from OMP.</div></section></div><div class="dialog-foot"><button class="button" value="cancel">Cancel</button><button class="button primary" value="create">Create session</button></div></form></dialog>
-<dialog id="rename-dialog" aria-labelledby="rename-title"><form method="dialog"><div class="dialog-head"><div><div class="eyebrow">Identity</div><h2 id="rename-title">Rename session</h2></div><button class="button icon ghost" value="cancel" aria-label="Close">×</button></div><div class="dialog-body"><label class="field"><span class="field-label">Session label</span><input class="field-input" id="rename-id" autocomplete="off" required /></label></div><div class="dialog-foot"><button class="button" value="cancel">Cancel</button><button class="button primary" value="rename">Rename</button></div></form></dialog>
-<dialog id="stop-dialog" aria-labelledby="stop-title"><form method="dialog"><div class="dialog-head"><div><div class="eyebrow">Destructive action</div><h2 id="stop-title">Stop session</h2></div><button class="button icon ghost" value="cancel" aria-label="Close">×</button></div><div class="dialog-body"><p id="stop-text" style="margin:0">This ends the tmux session and its agent work.</p></div><div class="dialog-foot"><button class="button" value="cancel">Keep running</button><button class="button danger" value="stop">Stop session</button></div></form></dialog>
-<dialog id="settings-dialog" aria-labelledby="settings-title"><form method="dialog"><div class="dialog-head"><div><div class="eyebrow">Configuration</div><h2 id="settings-title">Dashboard settings</h2></div><button class="button icon ghost" value="cancel" aria-label="Close">×</button></div><div class="dialog-body"><label class="field"><span class="field-label">Projects folder</span><input class="field-input" id="setting-projects" placeholder="/path/to/projects" autocomplete="off" /><span class="field-help">Pre-fills the project directory when creating a session.</span></label><section class="runtime-grid" aria-labelledby="defaults-title"><div class="runtime-heading"><div class="eyebrow">New session defaults</div><strong id="defaults-title">Runtime controls</strong></div><label class="field"><span class="field-label">Model</span><select class="field-select" id="setting-model"><option value="">OMP default</option></select></label><label class="field"><span class="field-label">Thinking</span><select class="field-select" id="setting-thinking"><option value="">OMP default</option><option>off</option><option>minimal</option><option>low</option><option>medium</option><option>high</option><option>xhigh</option><option>max</option><option>auto</option></select></label><label class="field"><span class="field-label">Permissions</span><select class="field-select" id="setting-permission"><option value="">OMP default</option><option value="always-ask">Always ask</option><option value="write">Allow workspace writes</option><option value="yolo">Auto approve all</option></select></label><div class="runtime-note">Applied when the dashboard creates a session. Existing sessions keep their current runtime.</div></section><label class="setting-row"><span><strong>Attach latest session</strong>Reconnect plain omb launches to the latest live session.</span><span class="switch"><input id="setting-attach" type="checkbox" /><span class="switch-track"></span></span></label><label class="setting-row"><span><strong>Mouse forwarding</strong>Enable scrolling and pointer events in OMP tmux sessions.</span><span class="switch"><input id="setting-mouse" type="checkbox" /><span class="switch-track"></span></span></label><label class="setting-row"><span><strong>Show stopped sessions</strong>Include recent stopped work in the session rail.</span><span class="switch"><input id="setting-stopped" type="checkbox" /><span class="switch-track"></span></span></label><label class="setting-row"><span><strong>System tray</strong>Keep native quick access available when supported.</span><span class="switch"><input id="setting-tray" type="checkbox" /><span class="switch-track"></span></span></label><div class="field-help" id="settings-status" role="status">Changes are stored in your Bizar OMP configuration.</div></div><div class="dialog-foot"><button class="button" value="cancel">Cancel</button><button class="button primary" value="save">Save settings</button></div></form></dialog>
+<dialog id="create-dialog" aria-labelledby="create-title"><form method="dialog"><div class="dialog-head"><div><div class="label">Launch</div><h2 id="create-title">New session</h2></div><button class="btn icon ghost" value="cancel" aria-label="Close">×</button></div><div class="dialog-body"><label class="field"><span class="field-label">Project directory</span><input class="field-input" id="create-cwd" list="workspace-list" placeholder="/path/to/project" autocomplete="off" required /><span class="field-help">Must be an existing directory on this machine.</span></label><datalist id="workspace-list"></datalist><label class="field"><span class="field-label">First message</span><textarea class="field-textarea" id="create-task" placeholder="Describe the work for this session"></textarea></label><label class="field"><span class="field-label">Session label</span><input class="field-input" id="create-id" placeholder="Optional, for example review" autocomplete="off" /></label><section class="runtime-grid" aria-labelledby="runtime-title"><div class="runtime-heading"><div class="label">Session runtime</div><strong id="runtime-title">Model and permissions</strong></div><label class="field"><span class="field-label">Model</span><select class="field-select" id="create-model"><option value="">OMP default</option></select></label><label class="field"><span class="field-label">Thinking</span><select class="field-select" id="create-thinking"><option value="">OMP default</option><option>off</option><option>minimal</option><option>low</option><option>medium</option><option>high</option><option>xhigh</option><option>max</option><option>auto</option></select></label><label class="field"><span class="field-label">Permissions</span><select class="field-select" id="create-permission"><option value="">OMP default</option><option value="always-ask">Always ask</option><option value="write">Allow workspace writes</option><option value="yolo">Auto approve all</option></select></label><div class="runtime-note" id="model-status">Loading models from OMP.</div></section></div><div class="dialog-foot"><button class="btn" value="cancel">Cancel</button><button class="btn primary" value="create">Create session</button></div></form></dialog>
+<dialog id="rename-dialog" aria-labelledby="rename-title"><form method="dialog"><div class="dialog-head"><div><div class="label">Identity</div><h2 id="rename-title">Rename session</h2></div><button class="btn icon ghost" value="cancel" aria-label="Close">×</button></div><div class="dialog-body"><label class="field"><span class="field-label">Session label</span><input class="field-input" id="rename-id" autocomplete="off" required /></label></div><div class="dialog-foot"><button class="btn" value="cancel">Cancel</button><button class="btn primary" value="rename">Rename</button></div></form></dialog>
+<dialog id="stop-dialog" aria-labelledby="stop-title"><form method="dialog"><div class="dialog-head"><div><div class="label">Destructive action</div><h2 id="stop-title">Stop session</h2></div><button class="btn icon ghost" value="cancel" aria-label="Close">×</button></div><div class="dialog-body"><p id="stop-text" style="margin:0">This ends the tmux session and its agent work.</p></div><div class="dialog-foot"><button class="btn" value="cancel">Keep running</button><button class="btn danger" value="stop">Stop session</button></div></form></dialog>
+<dialog id="settings-dialog" aria-labelledby="settings-title"><form method="dialog"><div class="dialog-head"><div><div class="label">Configuration</div><h2 id="settings-title">Dashboard settings</h2></div><button class="btn icon ghost" value="cancel" aria-label="Close">×</button></div><div class="dialog-body"><label class="field"><span class="field-label">Projects folder</span><input class="field-input" id="setting-projects" placeholder="/path/to/projects" autocomplete="off" /><span class="field-help">Pre-fills the project directory when creating a session.</span></label><label class="card setting-row"><span><strong>Attach latest session</strong>Reconnect plain omb launches to the latest live session.</span><span class="switch"><input id="setting-attach" type="checkbox" /><span class="switch-track"></span></span></label><label class="card setting-row"><span><strong>Mouse forwarding</strong>Enable scrolling and pointer events in OMP tmux sessions.</span><span class="switch"><input id="setting-mouse" type="checkbox" /><span class="switch-track"></span></span></label><label class="card setting-row"><span><strong>Show stopped sessions</strong>Include recent stopped work in the session rail.</span><span class="switch"><input id="setting-stopped" type="checkbox" /><span class="switch-track"></span></span></label><label class="card setting-row"><span><strong>System tray</strong>Keep native quick access available when supported.</span><span class="switch"><input id="setting-tray" type="checkbox" /><span class="switch-track"></span></span></label><div class="field-help" id="settings-status" role="status">Changes are stored in your Bizar OMP configuration.</div></div><div class="dialog-foot"><button class="btn" value="cancel">Cancel</button><button class="btn primary" value="save">Save settings</button></div></form></dialog>
 <div class="toast hidden" id="toast" role="status" aria-live="polite"></div>
 <script>
 (function(){"use strict";
@@ -46,7 +363,7 @@ var token="",sessions=[],models=[],selectedName="",filter="all",query="",project
 function byId(id){return document.getElementById(id)}
 function esc(value){return String(value==null?"":value).replace(/[&<>"']/g,function(c){if(c==="&")return"&amp;";if(c==="<")return"&lt;";if(c===">")return"&gt;";if(c.charCodeAt(0)===34)return"&quot;";return"&#39;"})}
 function err(error){return error&&error.message?error.message:"Unexpected error"}
-function toast(message,isError){var n=byId("toast");n.textContent=message;n.classList.toggle("error",Boolean(isError));n.classList.remove("hidden");clearTimeout(n._hide);n._hide=setTimeout(function(){n.classList.add("hidden")},4800)}
+function toast(message,isError){var n=byId("toast");n.textContent=message;n.setAttribute("role",isError?"alert":"status");n.setAttribute("aria-live",isError?"assertive":"polite");n.classList.toggle("error",Boolean(isError));n.classList.remove("hidden");clearTimeout(n._hide);n._hide=setTimeout(function(){n.classList.add("hidden")},4800)}
 function api(path,options){var next=options||{};next.headers=Object.assign({authorization:"Bearer "+token,"content-type":"application/json"},next.headers||{});return fetch(path,next)}
 function apiJson(path,options){return api(path,options).then(function(response){return response.json().catch(function(){return{}}).then(function(body){if(!response.ok)throw new Error(body.error||("Request failed with "+response.status));return body})})}
 function post(path,body,method){return apiJson(path,{method:method||"POST",body:JSON.stringify(body||{})})}
@@ -54,40 +371,45 @@ function epochMs(value){return!value?0:value<100000000000?value*1000:value}
 function age(value){var d=Math.max(0,Date.now()-epochMs(value));if(!value)return"unknown";if(d<60000)return"now";if(d<3600000)return Math.floor(d/60000)+"m";if(d<86400000)return Math.floor(d/3600000)+"h";return Math.floor(d/86400000)+"d"}
 function date(value){return value?new Date(epochMs(value)).toLocaleString([],{dateStyle:"medium",timeStyle:"short"}):"Unknown"}
 function selected(){return sessions.find(function(s){return s.name===selectedName})}
-function title(s){return s.id||s.project||s.name}
+function title(s){return s.displayName||s.id||s.project||s.name}
 function available(s){return Boolean(s&&s.state!=="stopped"&&s.hosted!==false)}
-function tone(state){return state==="working"||state==="connected"?"live":state==="waiting"||state==="disconnected"?"warn":""}
+function tone(state){return state==="working"||state==="connected"?"dot-ok":state==="error"?"dot-err":state==="waiting"||state==="disconnected"?"dot-warn":"dot-muted"}
 function mobile(view){document.body.setAttribute("data-mobile-view",view);document.querySelectorAll("[data-view]").forEach(function(b){b.classList.toggle("active",b.dataset.view===view)})}
-function visible(){var needle=query.toLowerCase();return sessions.filter(function(s){return(filter==="all"||s.state===filter)&&(!needle||[s.name,s.id,s.project,s.cwd,s.state].join(" ").toLowerCase().includes(needle))})}
+function visible(){var needle=query.toLowerCase();return sessions.filter(function(s){return(filter==="all"||s.state===filter)&&(!needle||[s.displayName,s.name,s.id,s.project,s.cwd,s.state].join(" ").toLowerCase().includes(needle))})}
 function renderFilters(){var counts={};sessions.forEach(function(s){counts[s.state]=(counts[s.state]||0)+1});var keys=["all"].concat(Object.keys(counts).sort());byId("filters").innerHTML=keys.map(function(key){var count=key==="all"?sessions.length:counts[key];return'<button type="button" class="filter'+(filter===key?' active':'')+'" data-filter="'+esc(key)+'">'+esc(key)+" "+count+"</button>"}).join("")}
-function renderSessions(){var list=visible(),target=byId("session-list");byId("session-count").textContent=String(sessions.length);if(!list.length){target.innerHTML='<div class="empty"><strong>'+(sessions.length?"No matching sessions":"No sessions yet")+'</strong>'+(sessions.length?"Change the search or state filter.":"Create a session to start work from the dashboard.")+"</div>";return}var groups={};list.forEach(function(s){var key=s.cwd||s.project||"Unknown workspace";(groups[key]=groups[key]||[]).push(s)});target.innerHTML=Object.keys(groups).sort().map(function(workspace){return'<div class="workspace-label" title="'+esc(workspace)+'">'+esc(workspace)+"</div>"+groups[workspace].map(function(s){return'<button type="button" class="session-row'+(s.name===selectedName?' selected':'')+'" data-session="'+esc(s.name)+'"><span class="status-dot '+tone(s.state)+'"></span><span><span class="session-name">'+esc(title(s))+'</span><span class="session-meta"><span>'+esc(s.state)+'</span><span>·</span><span>'+esc(age(s.lastAttachedAt||s.createdAt))+"</span></span></span></button>"}).join("")}).join("")}
-function renderInspector(){var s=selected(),target=byId("inspector");if(!s){target.innerHTML='<div class="empty"><strong>Nothing selected</strong>Session identity and controls appear here.</div>';return}var activity=s.activity&&s.activity.label?s.activity.label:"No structured activity";target.innerHTML='<section class="inspector-section"><h2>Session</h2><dl class="detail-list"><div><dt>Status</dt><dd><span class="state-label"><span class="status-dot '+tone(s.state)+'"></span><span>'+esc(s.state)+'</span></span></dd></div><div><dt>Activity</dt><dd>'+esc(activity)+'</dd></div><div><dt>Workspace</dt><dd class="mono">'+esc(s.cwd)+'</dd></div><div><dt>Session id</dt><dd class="mono">'+esc(s.name)+'</dd></div><div><dt>Created</dt><dd>'+esc(date(s.createdAt))+'</dd></div><div><dt>Last attached</dt><dd>'+esc(date(s.lastAttachedAt))+'</dd></div></dl></section><section class="inspector-section"><h2>Actions</h2><div class="action-stack"><button class="button" type="button" data-action="attach"'+(available(s)?'':' disabled')+'>Open in terminal</button><button class="button" type="button" data-action="rename"'+(available(s)?'':' disabled')+'>Rename session</button><button class="button danger" type="button" data-action="stop"'+(available(s)?'':' disabled')+'>Stop session</button></div></section>'}
+function renderSessions(){var list=visible(),target=byId("session-list");byId("session-count").textContent=String(sessions.length);if(!list.length){target.innerHTML='<div class="empty"><strong>'+(sessions.length?"No matching sessions":"No sessions yet")+'</strong>'+(sessions.length?"Change the search or state filter.":"Create a session to start work from the dashboard.")+"</div>";return}var groups={};list.forEach(function(s){var key=s.cwd||s.project||"Unknown workspace";(groups[key]=groups[key]||[]).push(s)});target.innerHTML=Object.keys(groups).sort().map(function(workspace){return'<div class="workspace-label" title="'+esc(workspace)+'">'+esc(workspace)+"</div>"+groups[workspace].map(function(s){return'<button type="button" class="card session-row'+(s.name===selectedName?' selected':'')+'" data-session="'+esc(s.name)+'"><span class="state-dot '+tone(s.state)+'"></span><span><span class="session-name">'+esc(title(s))+'</span><span class="session-meta"><span>'+esc(s.state)+'</span><span>·</span><span>'+esc(age(s.lastAttachedAt||s.createdAt))+"</span></span></span></button>"}).join("")}).join("")}
+function renderInspector(){var s=selected(),target=byId("inspector");if(!s){target.innerHTML='<div class="empty"><strong>Nothing selected</strong>Session identity and controls appear here.</div>';return}var activity=s.activity&&s.activity.label?s.activity.label:"No structured activity";target.innerHTML='<section class="inspector-section"><h2>Session</h2><dl class="detail-list"><div><dt>Status</dt><dd><span class="state-label"><span class="state-dot '+tone(s.state)+'"></span><span>'+esc(s.state)+'</span></span></dd></div><div><dt>Activity</dt><dd>'+esc(activity)+'</dd></div><div><dt>Workspace</dt><dd class="mono">'+esc(s.cwd||s.project||"Unknown workspace")+'</dd></div><div><dt>Session id</dt><dd class="mono">'+esc(s.name)+'</dd></div><div><dt>Created</dt><dd>'+esc(date(s.createdAt))+'</dd></div><div><dt>Last attached</dt><dd>'+esc(date(s.lastAttachedAt))+'</dd></div></dl></section><section class="inspector-section"><h2>Actions</h2><div class="action-stack"><button class="btn" type="button" data-action="attach"'+(available(s)?'':' disabled')+'>Open in terminal</button><button class="btn" type="button" data-action="rename"'+(available(s)?'':' disabled')+'>Rename session</button><button class="btn danger" type="button" data-action="stop"'+(available(s)?'':' disabled')+'>Stop session</button></div></section>'}
 function consoleState(head,detail){consoleText="";byId("console").innerHTML='<span class="console-state"><span><strong>'+esc(head)+"</strong>"+esc(detail)+"</span></span>";byId("console-follow").classList.add("hidden")}
-function renderConversation(){var s=selected(),ok=available(s);byId("conversation-title").textContent=s?title(s):"Choose a session";byId("session-state").innerHTML='<span class="status-dot '+(s?tone(s.state):'')+'"></span><span>'+esc(s?s.state:"No session selected")+'</span>';byId("console-refresh").disabled=!ok;byId("attach-top").disabled=!ok;byId("composer-input").disabled=!ok;byId("composer-send").disabled=!ok;byId("composer-status").textContent=ok?"Input is sent directly to the active tmux pane.":s?"This session has no live console.":"Select a live session to begin.";if(!s)consoleState("No session open","Select a session to read its live console and send a message.");else if(!ok)consoleState("Console unavailable","This session is stopped or no longer has a Bizar-owned tmux host.")}
+function renderConversation(){var s=selected(),ok=available(s);byId("conversation-title").textContent=s?title(s):"Choose a session";byId("session-state").innerHTML='<span class="state-dot '+(s?tone(s.state):'dot-muted')+'"></span><span>'+esc(s?s.state:"No session selected")+'</span>';byId("console-refresh").disabled=!ok;byId("attach-top").disabled=!ok;byId("composer-input").disabled=!ok;byId("composer-send").disabled=!ok;byId("composer-status").textContent=ok?"Input is sent directly to the active tmux pane.":s?"This session has no live console.":"Select a live session to begin.";if(!s)consoleState("No session open","Select a session to read its live console and send a message.");else if(!ok)consoleState("Console unavailable","This session is stopped or no longer has a Bizar-owned tmux host.")}
 function render(){renderFilters();renderSessions();renderConversation();renderInspector()}
-function daemonState(body){var n=byId("daemon-state"),dot=n.querySelector(".status-dot");dot.className="status-dot "+(body.stale?"warn":"live");n.querySelector("span:last-child").textContent=body.scanError?"Scan issue: "+body.scanError:body.stale?"Session data is stale":"Local daemon live · updated "+age(body.collectedAt)}
-function refresh(){return apiJson("/sessions").then(function(body){sessions=Array.isArray(body.sessions)?body.sessions:[];if(!selectedName||!sessions.some(function(s){return s.name===selectedName})){var remembered=localStorage.getItem(SELECTED_KEY)||"";selectedName=sessions.some(function(s){return s.name===remembered})?remembered:(sessions[0]?sessions[0].name:"")}daemonState(body);render();if(selectedName)startConsole()}).catch(function(error){var n=byId("daemon-state");n.querySelector(".status-dot").className="status-dot warn";n.querySelector("span:last-child").textContent="Daemon unavailable";toast("Session refresh failed: "+err(error),true)})}
+function daemonState(body){var n=byId("daemon-state"),dot=n.querySelector(".state-dot");dot.className="state-dot "+(body.scanError||body.stale?"dot-warn":"dot-ok");n.querySelector("span:last-child").textContent=body.scanError?"Scan issue: "+body.scanError:body.stale?"Session data is stale":"Local daemon live · updated "+age(body.collectedAt)}
+function refresh(){return apiJson("/sessions").then(function(body){sessions=Array.isArray(body.sessions)?body.sessions:[];if(!selectedName||!sessions.some(function(s){return s.name===selectedName})){var remembered=localStorage.getItem(SELECTED_KEY)||"";selectedName=sessions.some(function(s){return s.name===remembered})?remembered:(sessions[0]?sessions[0].name:"")}daemonState(body);render();if(selectedName)startConsole()}).catch(function(error){var n=byId("daemon-state");n.querySelector(".state-dot").className="state-dot dot-warn";n.querySelector("span:last-child").textContent="Daemon unavailable";toast("Session refresh failed: "+err(error),true)})}
 function loadConsole(force){var s=selected();if(!available(s)||consoleBusy)return Promise.resolve();consoleBusy=true;if(force||!consoleText)consoleState("Loading console","Capturing the active tmux pane.");return apiJson("/sessions/"+encodeURIComponent(s.name)+"/console").then(function(body){var node=byId("console"),wasNear=followConsole||node.scrollHeight-node.scrollTop-node.clientHeight<80,next=typeof body.text==="string"?body.text:"";consoleText=next;if(next)node.textContent=next;else consoleState("Console is quiet","Waiting for output from this session.");if(wasNear&&next){node.scrollTop=node.scrollHeight;followConsole=true;byId("console-follow").classList.add("hidden")}}).catch(function(error){consoleState("Could not read console",err(error))}).finally(function(){consoleBusy=false})}
 function startConsole(){var s=selected();if(!available(s)){clearInterval(consoleTimer);consoleSessionName="";return}if(consoleSessionName===s.name&&consoleTimer)return;clearInterval(consoleTimer);consoleSessionName=s.name;void loadConsole(true);consoleTimer=setInterval(function(){void loadConsole(false)},1800)}
 function choose(name){if(selectedName===name){mobile("chat");return}selectedName=name;localStorage.setItem(SELECTED_KEY,name);consoleText="";render();startConsole();mobile("chat");byId("composer-input").focus()}
 function attach(){var s=selected();if(!s)return;post("/sessions/"+encodeURIComponent(s.name)+"/attach",{}).then(function(body){if(body.spawned)toast("Opened "+body.terminal);else if(body.command){if(navigator.clipboard&&navigator.clipboard.writeText)navigator.clipboard.writeText(body.command).catch(function(){});toast("No terminal emulator found. Attach command copied when browser access allowed.",true)}}).catch(function(error){toast("Could not open terminal: "+err(error),true)})}
 function modelOptions(select,value){var custom=value&&!models.some(function(model){return model.selector===value})?'<option value="'+esc(value)+'">'+esc(value)+"</option>":"";select.innerHTML='<option value="">OMP default</option>'+custom+models.map(function(model){return'<option value="'+esc(model.selector)+'">'+esc(model.name+" · "+model.provider)+'</option>'}).join("");select.value=value||""}
-function loadModels(){return apiJson("/models").then(function(body){models=Array.isArray(body.models)?body.models:[];modelOptions(byId("create-model"),runtimeDefaults.model);modelOptions(byId("setting-model"),runtimeDefaults.model);byId("model-status").textContent=models.length?models.length+" available models loaded from OMP.":"OMP returned no available models."}).catch(function(error){byId("model-status").textContent="Model catalog unavailable. OMP default remains available.";models=[]})}
-function openCreate(){byId("create-cwd").value=projectsFolder;byId("create-task").value="";byId("create-id").value="";modelOptions(byId("create-model"),runtimeDefaults.model);byId("create-thinking").value=runtimeDefaults.thinking;byId("create-permission").value=runtimeDefaults.approvalMode;byId("create-dialog").showModal();requestAnimationFrame(function(){byId("create-cwd").focus()})}
+var THINKING_LEVELS=["off","minimal","low","medium","high","xhigh","max","auto"],SETTINGS_FIELD={model:"defaultModel",thinking:"defaultThinking",approvalMode:"defaultApprovalMode"};
+function thinkingLevels(selector){var known=models.find(function(model){return model.selector===selector});return known&&Array.isArray(known.thinking)&&known.thinking.length?known.thinking:THINKING_LEVELS}
+function thinkingOptions(select,selector,level){var levels=thinkingLevels(selector),custom=level&&levels.indexOf(level)===-1?'<option value="'+esc(level)+'">'+esc(level)+"</option>":"";select.innerHTML='<option value="">OMP default</option>'+custom+levels.map(function(item){return'<option value="'+esc(item)+'">'+esc(item)+"</option>"}).join("");select.value=level||""}
+function seedRuntime(){modelOptions(byId("composer-model"),runtimeDefaults.model);modelOptions(byId("create-model"),runtimeDefaults.model);thinkingOptions(byId("composer-thinking"),runtimeDefaults.model,runtimeDefaults.thinking);thinkingOptions(byId("create-thinking"),runtimeDefaults.model,runtimeDefaults.thinking);byId("composer-permission").value=runtimeDefaults.approvalMode;byId("create-permission").value=runtimeDefaults.approvalMode}
+function saveRuntime(key,value){if(value===runtimeDefaults[key])return;var payload={};payload[SETTINGS_FIELD[key]]=value;post("/settings",payload,"PATCH").then(loadSettings).then(function(){toast("Launch default saved")}).catch(function(error){seedRuntime();toast("Could not save the launch default: "+err(error),true)})}
+function loadModels(){return apiJson("/models").then(function(body){models=Array.isArray(body.models)?body.models:[];seedRuntime();byId("model-status").textContent=models.length?models.length+" available models loaded from OMP.":"OMP returned no available models."}).catch(function(error){byId("model-status").textContent="Model catalog unavailable. OMP default remains available.";models=[];seedRuntime()})}
+function openCreate(){byId("create-cwd").value=projectsFolder;byId("create-task").value="";byId("create-id").value="";seedRuntime();byId("create-dialog").showModal();requestAnimationFrame(function(){byId("create-cwd").focus()})}
 function openRename(){var s=selected();if(!s)return;byId("rename-id").value=s.id||"";byId("rename-dialog").showModal();requestAnimationFrame(function(){byId("rename-id").select()})}
 function openStop(){var s=selected();if(!s)return;byId("stop-text").textContent="Stop "+title(s)+"? This ends its tmux session and agent work.";byId("stop-dialog").showModal()}
-function loadSettings(){return apiJson("/settings").then(function(body){var s=body.settings;projectsFolder=s.projectsFolder||"";runtimeDefaults={model:s.defaultModel||"",thinking:s.defaultThinking||"",approvalMode:s.defaultApprovalMode||""};byId("setting-projects").value=projectsFolder;modelOptions(byId("setting-model"),runtimeDefaults.model);byId("setting-thinking").value=runtimeDefaults.thinking;byId("setting-permission").value=runtimeDefaults.approvalMode;byId("setting-attach").checked=Boolean(s.autoAttachLatest);byId("setting-mouse").checked=Boolean(s.mouseScrolling);byId("setting-stopped").checked=Boolean(s.showStoppedSessions);byId("setting-tray").checked=Boolean(s.trayEnabled);byId("settings-status").textContent="Changes are stored in your Bizar OMP configuration."})}
+function loadSettings(){return apiJson("/settings").then(function(body){var s=body.settings||{};projectsFolder=s.projectsFolder||"";runtimeDefaults={model:s.defaultModel||"",thinking:s.defaultThinking||"",approvalMode:s.defaultApprovalMode||""};byId("setting-projects").value=projectsFolder;seedRuntime();byId("setting-attach").checked=Boolean(s.autoAttachLatest);byId("setting-mouse").checked=Boolean(s.mouseScrolling);byId("setting-stopped").checked=Boolean(s.showStoppedSessions);byId("setting-tray").checked=Boolean(s.trayEnabled);byId("settings-status").textContent="Changes are stored in your Bizar OMP configuration."})}
 function openSettings(){byId("settings-dialog").showModal();byId("settings-status").textContent="Loading settings.";loadSettings().catch(function(error){byId("settings-status").textContent="Could not load settings: "+err(error)})}
 function theme(value,remember){document.documentElement.setAttribute("data-theme",value);byId("theme-toggle").textContent=value==="dark"?"Light theme":"Dark theme";if(remember)localStorage.setItem(THEME_KEY,value)}
 document.addEventListener("click",function(event){var target=event.target.closest("button");if(!target)return;if(target.dataset.session)choose(target.dataset.session);if(target.dataset.filter){filter=target.dataset.filter;renderFilters();renderSessions()}if(target.dataset.view)mobile(target.dataset.view);if(target.dataset.action==="attach")attach();if(target.dataset.action==="rename")openRename();if(target.dataset.action==="stop")openStop()});
-byId("session-search").addEventListener("input",function(event){query=event.target.value.trim();renderSessions()});byId("new-session-top").addEventListener("click",openCreate);byId("settings-open").addEventListener("click",openSettings);byId("attach-top").addEventListener("click",attach);byId("console-refresh").addEventListener("click",function(){void loadConsole(true)});byId("theme-toggle").addEventListener("click",function(){theme(document.documentElement.getAttribute("data-theme")==="dark"?"light":"dark",true)});
+byId("session-search").addEventListener("input",function(event){query=event.target.value.trim();renderSessions()});byId("new-session-top").addEventListener("click",openCreate);byId("settings-open").addEventListener("click",openSettings);byId("attach-top").addEventListener("click",attach);byId("console-refresh").addEventListener("click",function(){void loadConsole(true)});byId("theme-toggle").addEventListener("click",function(){theme(document.documentElement.getAttribute("data-theme")==="dark"?"light":"dark",true)});byId("composer-model").addEventListener("change",function(event){saveRuntime("model",event.target.value)});byId("composer-thinking").addEventListener("change",function(event){saveRuntime("thinking",event.target.value)});byId("composer-permission").addEventListener("change",function(event){saveRuntime("approvalMode",event.target.value)});
 byId("console").addEventListener("scroll",function(event){var n=event.target;followConsole=n.scrollHeight-n.scrollTop-n.clientHeight<80;byId("console-follow").classList.toggle("hidden",followConsole)});byId("console-follow").addEventListener("click",function(){var n=byId("console");n.scrollTop=n.scrollHeight;followConsole=true;byId("console-follow").classList.add("hidden")});byId("composer-input").addEventListener("keydown",function(event){if(event.key==="Enter"&&(event.ctrlKey||event.metaKey)){event.preventDefault();byId("composer").requestSubmit()}});
 byId("composer").addEventListener("submit",function(event){event.preventDefault();var s=selected(),input=byId("composer-input"),message=input.value;if(!s||!message.trim())return;byId("composer-send").disabled=true;byId("composer-status").textContent="Sending to "+title(s)+".";post("/sessions/"+encodeURIComponent(s.name)+"/console",{message:message}).then(function(){input.value="";byId("composer-status").textContent="Sent. Waiting for session output.";followConsole=true;return new Promise(function(resolve){setTimeout(resolve,180)})}).then(function(){return loadConsole(false)}).catch(function(error){byId("composer-status").textContent="Send failed. Your draft is still here.";toast("Message was not sent: "+err(error),true)}).finally(function(){byId("composer-send").disabled=!available(selected())})});
 byId("create-dialog").addEventListener("close",function(event){if(event.target.returnValue!=="create")return;var cwd=byId("create-cwd").value.trim();if(!cwd)return;post("/sessions/create",{cwd:cwd,task:byId("create-task").value.trim(),sessionId:byId("create-id").value.trim(),model:byId("create-model").value,thinking:byId("create-thinking").value,approvalMode:byId("create-permission").value}).then(function(body){selectedName=body.name||"";toast("Session created in "+cwd);return refresh()}).then(function(){if(selectedName)choose(selectedName)}).catch(function(error){toast("Could not create session: "+err(error),true)})});
 byId("rename-dialog").addEventListener("close",function(event){var s=selected();if(event.target.returnValue!=="rename"||!s)return;var next=byId("rename-id").value.trim();if(!next)return;post("/sessions/"+encodeURIComponent(s.name)+"/rename",{sessionId:next}).then(function(){selectedName="";toast("Session renamed to "+next);return refresh()}).catch(function(error){toast("Could not rename session: "+err(error),true)})});
 byId("stop-dialog").addEventListener("close",function(event){var s=selected();if(event.target.returnValue!=="stop"||!s)return;post("/sessions/"+encodeURIComponent(s.name)+"/delete",{}).then(function(){toast("Stopped "+title(s));selectedName="";return refresh()}).catch(function(error){toast("Could not stop session: "+err(error),true)})});
-byId("settings-dialog").addEventListener("close",function(event){if(event.target.returnValue!=="save")return;var payload={projectsFolder:byId("setting-projects").value.trim(),defaultModel:byId("setting-model").value,defaultThinking:byId("setting-thinking").value,defaultApprovalMode:byId("setting-permission").value,autoAttachLatest:byId("setting-attach").checked,mouseScrolling:byId("setting-mouse").checked,showStoppedSessions:byId("setting-stopped").checked,trayEnabled:byId("setting-tray").checked};post("/settings",payload,"PATCH").then(function(body){projectsFolder=body.settings.projectsFolder||"";runtimeDefaults={model:body.settings.defaultModel||"",thinking:body.settings.defaultThinking||"",approvalMode:body.settings.defaultApprovalMode||""};toast("Dashboard settings saved");return refresh()}).catch(function(error){toast("Could not save settings: "+err(error),true)})});
-function bootstrap(){var remembered=localStorage.getItem(THEME_KEY);theme(remembered==="light"||remembered==="dark"?remembered:matchMedia("(prefers-color-scheme: light)").matches?"light":"dark",false);var code=new URL(location.href).searchParams.get("oc"),auth=code?fetch("/dash/session",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({code:code})}).then(function(response){return response.json().then(function(body){if(!response.ok)throw new Error(body.error||"Access code rejected");return body})}):Promise.reject(new Error("Open the dashboard with omb dashboard --open to obtain a fresh access code."));auth.then(function(body){token=body.token;history.replaceState({},"",location.pathname);return loadSettings()}).then(loadModels).then(refresh).then(function(){refreshTimer=setInterval(function(){void refresh()},5000)}).catch(function(error){byId("session-list").innerHTML='<div class="empty"><strong>Dashboard access failed</strong>'+esc(err(error))+"</div>";consoleState("Dashboard locked",err(error));var n=byId("daemon-state");n.querySelector(".status-dot").className="status-dot warn";n.querySelector("span:last-child").textContent="Authentication required"})}
+byId("settings-dialog").addEventListener("close",function(event){if(event.target.returnValue!=="save")return;var payload={projectsFolder:byId("setting-projects").value.trim(),autoAttachLatest:byId("setting-attach").checked,mouseScrolling:byId("setting-mouse").checked,showStoppedSessions:byId("setting-stopped").checked,trayEnabled:byId("setting-tray").checked};post("/settings",payload,"PATCH").then(function(){return loadSettings()}).then(function(){toast("Dashboard settings saved");return refresh()}).catch(function(error){toast("Could not save settings: "+err(error),true)})});
+function bootstrap(){var remembered=localStorage.getItem(THEME_KEY);theme(remembered==="light"||remembered==="dark"?remembered:matchMedia("(prefers-color-scheme: light)").matches?"light":"dark",false);var code=new URL(location.href).searchParams.get("oc"),auth=code?fetch("/dash/session",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({code:code})}).then(function(response){return response.json().then(function(body){if(!response.ok)throw new Error(body.error||"Access code rejected");return body})}):Promise.reject(new Error("Open the dashboard with omb dashboard --open to obtain a fresh access code."));auth.then(function(body){token=body.token;history.replaceState({},"",location.pathname);return loadSettings()}).then(loadModels).then(refresh).then(function(){refreshTimer=setInterval(function(){void refresh()},5000)}).catch(function(error){byId("session-list").innerHTML='<div class="notice"><strong>Dashboard access failed</strong>'+esc(err(error))+"</div>";consoleState("Dashboard locked",err(error));var n=byId("daemon-state");n.querySelector(".state-dot").className="state-dot dot-warn";n.querySelector("span:last-child").textContent="Authentication required"})}
 window.addEventListener("beforeunload",function(){clearInterval(refreshTimer);clearInterval(consoleTimer)});bootstrap();
 })();
 </script>

package/dist/omp/dashboard-html.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-html.js","sourceRoot":"","sources":["../../src/omp/dashboard-html.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;AAEtC,MAAM,UAAU,iBAAiB;IAC/B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA2FD,CAAC;AACT,CAAC"}
+{"version":3,"file":"dashboard-html.js","sourceRoot":"","sources":["../../src/omp/dashboard-html.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC;AAEtC,MAAM,UAAU,iBAAiB;IAC/B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6ZD,CAAC;AACT,CAAC"}