labgate 0.5.10 → 0.5.11

package/dist/lib/ui.html

@@ -4,35 +4,80 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>LabGate Settings</title>
-  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='20' fill='%23171717'/><text x='50' y='68' font-size='52' font-family='system-ui' font-weight='700' fill='white' text-anchor='middle'>L</text></svg>">
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='20' fill='%231A7A3A'/><text x='50' y='68' font-size='52' font-family='system-ui' font-weight='700' fill='white' text-anchor='middle'>L</text></svg>">
   <style>
+    @font-face {
+      font-family: 'Geist';
+      src: url('/fonts/Geist-Regular.woff2') format('woff2');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Geist';
+      src: url('/fonts/Geist-Medium.woff2') format('woff2');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Geist';
+      src: url('/fonts/Geist-SemiBold.woff2') format('woff2');
+      font-weight: 600;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'Geist';
+      src: url('/fonts/Geist-Bold.woff2') format('woff2');
+      font-weight: 700;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'GeistMono';
+      src: url('/fonts/GeistMono-Regular.woff2') format('woff2');
+      font-weight: 400;
+      font-style: normal;
+      font-display: swap;
+    }
+    @font-face {
+      font-family: 'GeistMono';
+      src: url('/fonts/GeistMono-Medium.woff2') format('woff2');
+      font-weight: 500;
+      font-style: normal;
+      font-display: swap;
+    }
+
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
     :root {
-      --bg-primary: #F7F7F4;
-      --bg-secondary: #EFEFE9;
-      --text-primary: #171717;
-      --text-secondary: #525252;
-      --text-muted: #a3a3a3;
-      --border-color: #e5e5e0;
-      --card-bg: #ffffff;
-      --radius: 16px;
-      --radius-sm: 12px;
-      --green: #22c55e;
-      --red: #cf222e;
+      --bg-primary: #FAFDF8;
+      --bg-secondary: #F0F4EC;
+      --text-primary: #0C1A0E;
+      --text-secondary: #4A6350;
+      --text-muted: #8A9E8E;
+      --border-color: #D5E0D5;
+      --card-bg: #FFFFFF;
+      --accent: #1A7A3A;
+      --accent-light: #E8F5E9;
+      --radius: 12px;
+      --radius-sm: 8px;
+      --green: #16a34a;
+      --red: #dc2626;
       --blue: #0969da;
-      --yellow: #eab308;
+      --yellow: #f59e0b;
     }
 
     body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+      font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
       color: var(--text-primary);
       background: var(--bg-primary);
-      line-height: 1.6;
+      line-height: 1.5;
       -webkit-font-smoothing: antialiased;
     }
 
-    code { font-family: 'SF Mono', Monaco, Consolas, monospace; }
+    code { font-family: 'GeistMono', monospace; }
 
     /* ── Layout ─────────────────────────────────── */
     .header {
@@ -52,7 +97,7 @@
     .config-path {
       font-size: 0.8125rem;
       color: var(--text-muted);
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
     }
 
     .container {
@@ -86,13 +131,42 @@
 
     .tab:hover { color: var(--text-primary); }
     .tab.active {
-      color: var(--text-primary);
-      border-bottom-color: var(--text-primary);
+      color: var(--accent);
+      border-bottom-color: var(--accent);
     }
 
     .tab-panel { display: none; }
     .tab-panel.active { display: block; }
 
+    /* ── Sub-tabs (within Settings) ──────────────── */
+    .sub-tabs {
+      display: flex;
+      gap: 2px;
+      border-bottom: 1px solid var(--border-color);
+      margin-bottom: 24px;
+      overflow-x: auto;
+    }
+    .sub-tab {
+      padding: 7px 13px;
+      font-size: 0.8125rem;
+      font-weight: 500;
+      color: var(--text-muted);
+      background: none;
+      border: none;
+      border-bottom: 2px solid transparent;
+      cursor: pointer;
+      white-space: nowrap;
+      transition: all 0.15s;
+      font-family: inherit;
+    }
+    .sub-tab:hover { color: var(--text-primary); }
+    .sub-tab.active {
+      color: var(--accent);
+      border-bottom-color: var(--accent);
+    }
+    .sub-panel { display: none; }
+    .sub-panel.active { display: block; }
+
     /* ── Cards ──────────────────────────────────── */
     .card {
       background: var(--card-bg);
@@ -178,7 +252,7 @@
       border: none;
     }
 
-    .toggle:checked { background: var(--green); }
+    .toggle:checked { background: var(--accent); }
 
     .toggle::after {
       content: '';
@@ -214,7 +288,7 @@
       align-items: center;
       padding: 6px 10px;
       font-size: 0.8125rem;
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       border-bottom: 1px solid var(--border-color);
     }
 
@@ -244,7 +318,7 @@
       flex: 1;
       padding: 6px 10px;
       font-size: 0.8125rem;
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       border: 1px solid var(--border-color);
       border-radius: 6px;
       background: var(--bg-primary);
@@ -299,7 +373,7 @@
       padding: 8px 24px;
       font-size: 0.875rem;
       font-weight: 500;
-      background: var(--text-primary);
+      background: var(--accent);
       color: #fff;
       border: none;
       border-radius: 8px;
@@ -308,7 +382,7 @@
       transition: background 0.15s;
     }
 
-    .btn-save:hover { background: #404040; }
+    .btn-save:hover { background: #15632F; }
 
     .btn-reset {
       padding: 8px 16px;
@@ -341,7 +415,7 @@
     }
 
     .toast.visible { transform: translateX(0); }
-    .toast.success { background: #16a34a; }
+    .toast.success { background: var(--accent); }
     .toast.error { background: var(--red); }
 
     /* ── Sessions & Logs ───────────────────────── */
@@ -364,7 +438,7 @@
       padding: 8px 12px;
       border-bottom: 1px solid var(--border-color);
       color: var(--text-secondary);
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       font-size: 0.75rem;
     }
 
@@ -403,7 +477,7 @@
     }
 
     .mount-item:last-child { border-bottom: none; }
-    .mount-item .mount-path { flex: 1; font-family: 'SF Mono', Monaco, Consolas, monospace; }
+    .mount-item .mount-path { flex: 1; font-family: 'GeistMono', monospace; }
     .mount-item .mount-mode {
       font-size: 0.75rem;
       padding: 2px 6px;
@@ -414,19 +488,324 @@
     .mount-item .mount-mode.ro { background: #dbeafe; color: #1e40af; }
 
     /* ── Dataset editor ──────────────────────── */
-    .dataset-item {
+
+    /* Empty state */
+    .dataset-empty {
+      text-align: center;
+      padding: 56px 24px 48px;
+    }
+
+    .dataset-empty-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 64px;
+      height: 64px;
+      margin-bottom: 20px;
+      background: var(--bg-secondary);
+      border-radius: 16px;
+      color: var(--text-muted);
+    }
+
+    .dataset-empty-icon svg { width: 28px; height: 28px; }
+
+    .dataset-empty-title {
+      font-size: 0.9375rem;
+      font-weight: 600;
+      color: var(--text-primary);
+      margin-bottom: 6px;
+    }
+
+    .dataset-empty-subtitle {
+      font-size: 0.8125rem;
+      color: var(--text-muted);
+      line-height: 1.5;
+      max-width: 340px;
+      margin: 0 auto;
+    }
+
+    /* Dataset cards grid */
+    @keyframes dataset-fade-in {
+      from { opacity: 0; transform: translateY(6px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+
+    .dataset-grid {
+      display: grid;
+      gap: 10px;
+      margin-bottom: 4px;
+    }
+
+    .dataset-card {
+      background: var(--card-bg);
+      border: 1px solid var(--border-color);
+      border-radius: var(--radius-sm);
+      padding: 14px 16px;
+      transition: border-color 0.15s, box-shadow 0.15s;
+      animation: dataset-fade-in 0.25s ease-out;
+      position: relative;
+    }
+
+    .dataset-card:hover {
+      border-color: #B8CBB8;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+    }
+
+    .dataset-card-header {
       display: flex;
       align-items: center;
       gap: 10px;
-      padding: 8px 12px;
+      margin-bottom: 8px;
+    }
+
+    .dataset-card-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      border-radius: 8px;
+      background: var(--bg-secondary);
+      color: var(--text-muted);
+      flex-shrink: 0;
+    }
+
+    .dataset-card-icon svg { width: 16px; height: 16px; }
+
+    .dataset-card-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      flex: 1;
+      min-width: 0;
+    }
+
+    .dataset-card .dataset-name {
+      font-weight: 600;
+      font-size: 0.875rem;
+      color: var(--text-primary);
+    }
+
+    .dataset-card .mount-mode {
+      font-size: 0.6875rem;
+      padding: 2px 8px;
+      border-radius: 10px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.03em;
+      flex-shrink: 0;
+    }
+
+    .mount-mode.ro { background: #dbeafe; color: #1e40af; }
+    .mount-mode.rw { background: #fef3c7; color: #92400e; }
+
+    .dataset-card .remove-btn {
+      background: none;
+      border: none;
+      color: var(--text-muted);
+      cursor: pointer;
+      font-size: 1rem;
+      width: 28px;
+      height: 28px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 6px;
+      opacity: 0;
+      transition: opacity 0.15s, background 0.15s, color 0.15s;
+      flex-shrink: 0;
+    }
+
+    .dataset-card:hover .remove-btn { opacity: 1; }
+    .dataset-card .remove-btn:hover { background: #fef2f2; color: var(--red); }
+
+    .dataset-card-desc {
       font-size: 0.8125rem;
-      border-bottom: 1px solid var(--border-color);
+      color: var(--text-secondary);
+      padding-left: 42px;
+      margin-bottom: 10px;
+      line-height: 1.4;
+    }
+
+    .dataset-card-paths {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding-left: 42px;
+      flex-wrap: wrap;
+    }
+
+    .dataset-card .dataset-path {
+      font-family: 'GeistMono', monospace;
+      font-size: 0.6875rem;
+      color: var(--text-secondary);
+      background: var(--bg-primary);
+      padding: 3px 8px;
+      border-radius: 6px;
+      border: 1px solid var(--border-color);
+    }
+
+    .dataset-card .dataset-path-container {
+      color: var(--blue);
+      border-color: #dbeafe;
+      background: #f0f7ff;
+    }
+
+    .dataset-path-arrow {
+      color: var(--text-muted);
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+    }
+
+    .dataset-count {
+      font-size: 0.75rem;
+      font-weight: 600;
+      color: var(--text-muted);
+      background: var(--bg-secondary);
+      padding: 2px 10px;
+      border-radius: 10px;
+      white-space: nowrap;
+      flex-shrink: 0;
+    }
+
+    /* Dataset restart notice */
+    .dataset-notice {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 14px;
+      margin-bottom: 12px;
+      font-size: 0.8125rem;
+      color: #92400e;
+      background: #fffbeb;
+      border: 1px solid #fef3c7;
+      border-radius: 8px;
+    }
+
+    .dataset-notice svg { flex-shrink: 0; color: #d97706; }
+    .dataset-notice-text { flex: 1; }
+
+    .dataset-notice-btn {
+      flex-shrink: 0;
+      padding: 5px 14px;
+      font-size: 0.75rem;
+      font-weight: 600;
+      background: #f59e0b;
+      color: #fff;
+      border: none;
+      border-radius: 6px;
+      cursor: pointer;
+      font-family: inherit;
+      transition: background 0.15s;
+      white-space: nowrap;
+    }
+
+    .dataset-notice-btn:hover { background: #d97706; }
+    .dataset-notice-btn:disabled { opacity: 0.6; cursor: default; }
+
+    /* Dataset add form */
+    .dataset-add-form {
+      background: var(--card-bg);
+      border: 1px solid var(--border-color);
+      border-radius: var(--radius-sm);
+      padding: 20px;
+      margin-top: 4px;
+    }
+
+    .dataset-add-form .form-title {
+      font-size: 0.8125rem;
+      font-weight: 600;
+      color: var(--text-primary);
+      margin-bottom: 16px;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .dataset-add-form .form-title-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 24px;
+      height: 24px;
+      border-radius: 6px;
+      background: var(--accent);
+      color: #fff;
+    }
+
+    .dataset-add-form .form-title-icon svg { width: 14px; height: 14px; }
+
+    .dataset-add-form .field-grid {
+      display: grid;
+      grid-template-columns: 2fr 1fr;
+      gap: 12px;
+      margin-bottom: 16px;
+    }
+
+    .dataset-add-form .field-full { grid-column: 1 / -1; }
+
+    .dataset-add-form .form-footer {
+      display: flex;
+      align-items: flex-end;
+      justify-content: space-between;
+      gap: 12px;
+      padding-top: 4px;
+    }
+
+    .dataset-add-form .btn-add-dataset {
+      padding: 8px 20px;
+      font-size: 0.8125rem;
+      font-weight: 500;
+      background: var(--accent);
+      color: #fff;
+      border: none;
+      border-radius: 8px;
+      cursor: pointer;
+      font-family: inherit;
+      transition: background 0.15s;
+    }
+
+    .dataset-add-form .btn-add-dataset:hover { background: #15632F; }
+
+    /* Mode pill toggle */
+    .mode-toggle {
+      display: inline-flex;
+      border: 1px solid var(--border-color);
+      border-radius: 8px;
+      overflow: hidden;
+      background: var(--bg-primary);
+      padding: 2px;
+      gap: 2px;
+    }
+
+    .mode-toggle input[type="radio"] { display: none; }
+
+    .mode-toggle label {
+      padding: 6px 16px;
+      font-size: 0.8125rem;
+      font-weight: 500;
+      cursor: pointer;
+      color: var(--text-muted);
+      transition: all 0.15s;
+      user-select: none;
+      border-radius: 6px;
+      border: none;
+    }
+
+    .mode-toggle label:hover { color: var(--text-secondary); }
+
+    .mode-toggle input[type="radio"]:checked + label.mode-ro {
+      background: #dbeafe;
+      color: #1e40af;
+      box-shadow: 0 1px 2px rgba(0,0,0,0.06);
+    }
+
+    .mode-toggle input[type="radio"]:checked + label.mode-rw {
+      background: #fef3c7;
+      color: #92400e;
+      box-shadow: 0 1px 2px rgba(0,0,0,0.06);
     }
-    .dataset-item:last-child { border-bottom: none; }
-    .dataset-item .dataset-name { font-weight: 600; min-width: 100px; }
-    .dataset-item .dataset-path { flex: 1; font-family: 'SF Mono', Monaco, Consolas, monospace; color: var(--text-secondary); }
-    .dataset-item .dataset-desc { color: var(--text-muted); font-style: italic; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-    .dataset-item .mount-mode { font-size: 0.75rem; padding: 2px 6px; border-radius: 4px; font-weight: 500; }
 
     /* ── Session cards ─────────────────────────── */
     .sessions-summary {
@@ -449,7 +828,7 @@
       transition: border-color 0.15s;
     }
 
-    .session-card:hover { border-color: #c5c5c0; }
+    .session-card:hover { border-color: #B8CBB8; }
 
     .session-card.waiting {
       border-color: var(--yellow);
@@ -481,7 +860,7 @@
       padding: 1px 4px;
       border-radius: 3px;
       font-size: 0.75rem;
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
     }
     .btn-restart-stop {
       padding: 4px 12px;
@@ -519,7 +898,7 @@
     }
 
     .session-id {
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       font-size: 0.8125rem;
       color: var(--text-secondary);
     }
@@ -534,7 +913,7 @@
       flex-shrink: 0;
     }
 
-    .status-dot.active { background: var(--green); box-shadow: 0 0 6px rgba(34,197,94,0.4); }
+    .status-dot.active { background: var(--green); box-shadow: 0 0 6px rgba(22,163,74,0.4); }
     .status-dot.idle { background: var(--text-muted); }
     .status-dot.running { background: var(--yellow); }
 
@@ -544,8 +923,8 @@
     .status-dot.unknown { background: var(--text-muted); }
 
     @keyframes pulse-dot {
-      0%, 100% { opacity: 1; box-shadow: 0 0 4px rgba(34,197,94,0.3); }
-      50% { opacity: 0.5; box-shadow: 0 0 8px rgba(34,197,94,0.6); }
+      0%, 100% { opacity: 1; box-shadow: 0 0 4px rgba(22,163,74,0.3); }
+      50% { opacity: 0.5; box-shadow: 0 0 8px rgba(22,163,74,0.6); }
     }
 
     .status-label {
@@ -589,7 +968,7 @@
 
     .activity-detail {
       color: var(--text-muted);
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       font-size: 0.75rem;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -635,7 +1014,7 @@
       gap: 10px;
       align-items: center;
       font-size: 0.625rem;
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       color: var(--text-muted);
       pointer-events: none;
       box-shadow: 0 2px 8px rgba(0,0,0,0.12);
@@ -681,7 +1060,7 @@
 
     .resource-label {
       font-size: 0.6875rem;
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       color: var(--text-muted);
       min-width: 30px;
     }
@@ -764,61 +1143,14 @@
       box-shadow: 0 1px 2px rgba(0,0,0,0.06);
     }
 
-    /* ── Security summary ──────────────────────── */
-    .security-bar {
-      display: flex;
-      gap: 12px;
+    /* ── Blocked events ────────────────────────── */
+    .blocked-events-list {
       margin-bottom: 16px;
-      flex-wrap: wrap;
-    }
-
-    .security-stat {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 10px 16px;
-      background: var(--card-bg);
-      border: 1px solid var(--border-color);
-      border-radius: var(--radius-sm);
-      flex: 1;
-      min-width: 140px;
-    }
-
-    .security-stat-info {
-      display: flex;
-      flex-direction: column;
-      gap: 1px;
-    }
-
-    .security-stat-value {
-      font-size: 1.125rem;
-      font-weight: 600;
-      line-height: 1.2;
-    }
-
-    .security-stat-label {
-      font-size: 0.6875rem;
-      color: var(--text-muted);
-      text-transform: uppercase;
-      letter-spacing: 0.04em;
-    }
-
-    .security-stat.has-blocked {
-      border-color: var(--red);
-      background: #fef2f2;
-    }
-
-    .security-stat.has-blocked .security-stat-value {
-      color: var(--red);
-    }
-
-    .blocked-events-list {
-      margin-top: 8px;
-      background: var(--card-bg);
-      border: 1px solid var(--border-color);
-      border-radius: var(--radius-sm);
-      overflow: hidden;
-      display: none;
+      background: var(--card-bg);
+      border: 1px solid var(--border-color);
+      border-radius: var(--radius-sm);
+      overflow: hidden;
+      display: none;
     }
 
     .blocked-events-list.visible { display: block; }
@@ -841,7 +1173,7 @@
     }
 
     .blocked-event-cmd {
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       font-weight: 500;
       color: var(--text-primary);
     }
@@ -881,7 +1213,7 @@
       display: inline-block;
       padding: 1px 5px;
       font-size: 0.5625rem;
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       background: #e8e8e3;
       border-radius: 3px;
       color: #b0b0a8;
@@ -928,7 +1260,7 @@
       display: inline-block;
       padding: 1px 5px;
       font-size: 0.5625rem;
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       background: #dbeafe;
       border-radius: 3px;
       color: #1e40af;
@@ -1007,7 +1339,7 @@
 
     .session-detail span {
       color: var(--text-secondary);
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       font-size: 0.75rem;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -1070,7 +1402,7 @@
       background: var(--bg-secondary);
       border: 1px solid var(--border-color);
       border-radius: 6px;
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       font-size: 0.8125rem;
       color: var(--text-primary);
     }
@@ -1094,7 +1426,7 @@
       color: var(--text-secondary);
     }
 
-    /* ── Instructions modal ───────────────────── */
+    /* ── Modal backdrop (shared) ────────────── */
     .modal-backdrop {
       position: fixed;
       inset: 0;
@@ -1122,6 +1454,106 @@
       box-shadow: 0 18px 48px rgba(0,0,0,0.15);
     }
 
+    /* ── Instructions sidebar (right panel) ── */
+    #instructionsModal {
+      background: rgba(0,0,0,0.25);
+      padding: 0;
+      display: none;
+      align-items: stretch;
+      justify-content: flex-end;
+    }
+
+    #instructionsModal.visible {
+      display: flex;
+    }
+
+    #instructionsModal .instructions-modal {
+      position: fixed;
+      top: 0;
+      right: 0;
+      width: min(520px, 90vw);
+      height: 100vh;
+      max-height: 100vh;
+      border-radius: 0;
+      border: none;
+      border-left: 1px solid var(--border-color);
+      box-shadow: -4px 0 24px rgba(0,0,0,0.12);
+      transform: translateX(100%);
+      transition: transform 0.25s ease;
+    }
+
+    #instructionsModal.visible .instructions-modal {
+      transform: translateX(0);
+    }
+
+    /* ── Sidebar resize handle ────────────────── */
+    .sidebar-resize-handle {
+      position: absolute;
+      top: 0;
+      left: -3px;
+      width: 6px;
+      height: 100%;
+      cursor: col-resize;
+      z-index: 10;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .sidebar-resize-handle::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 2px;
+      width: 2px;
+      height: 100%;
+      background: transparent;
+      transition: background 0.15s;
+      border-radius: 1px;
+    }
+
+    .sidebar-resize-handle:hover::before,
+    .sidebar-resize-handle.dragging::before {
+      background: var(--accent);
+    }
+
+    /* Sidebar collapse toggle */
+    .sidebar-collapse-btn {
+      position: absolute;
+      top: 50%;
+      left: -14px;
+      transform: translateY(-50%);
+      width: 14px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: var(--card-bg);
+      border: 1px solid var(--border-color);
+      border-right: none;
+      border-radius: 6px 0 0 6px;
+      cursor: pointer;
+      z-index: 11;
+      color: var(--text-muted);
+      transition: color 0.15s, background 0.15s, border-color 0.15s;
+      padding: 0;
+    }
+
+    .sidebar-collapse-btn:hover {
+      color: var(--accent);
+      border-color: var(--accent);
+      background: var(--accent-light);
+    }
+
+    .sidebar-collapse-btn svg {
+      width: 10px;
+      height: 10px;
+    }
+
+    #instructionsModal .instructions-modal.resizing {
+      transition: none;
+    }
+
     .instructions-header {
       display: flex;
       align-items: center;
@@ -1140,7 +1572,7 @@
     .instructions-subtitle {
       font-size: 0.6875rem;
       color: var(--text-muted);
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
     }
 
     .instructions-tabs {
@@ -1158,7 +1590,7 @@
       background: transparent;
       color: var(--text-muted);
       cursor: pointer;
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       transition: all 0.15s;
     }
 
@@ -1173,7 +1605,7 @@
       color: var(--text-muted);
       padding: 8px 12px;
       border-bottom: 1px solid var(--border-color);
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -1207,14 +1639,14 @@
       font-size: 0.6875rem;
       line-height: 1.45;
       color: var(--text-secondary);
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
     }
 
     .instructions-editor {
       width: 100%;
-      min-height: 300px;
-      height: 50vh;
-      resize: vertical;
+      min-height: 200px;
+      flex: 1;
+      resize: none;
       border: none;
       outline: none;
       padding: 12px;
@@ -1222,7 +1654,7 @@
       color: var(--text-primary);
       font-size: 0.75rem;
       line-height: 1.45;
-      font-family: 'SF Mono', Monaco, Consolas, monospace;
+      font-family: 'GeistMono', monospace;
     }
 
     .instructions-actions {
@@ -1285,6 +1717,282 @@
       min-width: 16px;
       text-align: center;
     }
+    .results-toolbar {
+      display: flex;
+      gap: 8px;
+      margin-bottom: 16px;
+      align-items: center;
+      flex-wrap: wrap;
+    }
+    .results-toolbar input[type="text"] {
+      padding: 6px 10px;
+      border: 1px solid var(--border-color);
+      border-radius: 6px;
+      background: var(--card-bg);
+      color: var(--text-primary);
+      font-size: 0.8125rem;
+      font-family: 'GeistMono', monospace;
+    }
+    .results-toolbar input[type="text"]:focus {
+      outline: none;
+      border-color: var(--accent);
+    }
+    .results-toolbar .results-search {
+      flex: 1;
+      min-width: 220px;
+      max-width: 420px;
+    }
+    .results-toolbar .results-tag {
+      width: 160px;
+    }
+
+    /* ── Results card grid ─────────────────── */
+    @keyframes result-fade-in {
+      from { opacity: 0; transform: translateY(6px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+    .results-grid {
+      display: grid;
+      gap: 10px;
+    }
+    .result-card {
+      background: var(--card-bg);
+      border: 1px solid var(--border-color);
+      border-radius: var(--radius-sm);
+      padding: 14px 16px;
+      transition: border-color 0.15s, box-shadow 0.15s;
+      animation: result-fade-in 0.25s ease-out;
+      position: relative;
+    }
+    .result-card:hover {
+      border-color: #B8CBB8;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+    }
+    .result-card-header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      margin-bottom: 6px;
+    }
+    .result-card-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      border-radius: 8px;
+      background: var(--bg-secondary);
+      color: var(--text-muted);
+      flex-shrink: 0;
+    }
+    .result-card-icon svg { width: 16px; height: 16px; }
+    .result-card-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      flex: 1;
+      min-width: 0;
+    }
+    .result-card-title .result-name {
+      font-weight: 600;
+      font-size: 0.875rem;
+      color: var(--text-primary);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .result-source-badge {
+      font-size: 0.6875rem;
+      padding: 2px 8px;
+      border-radius: 10px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.03em;
+      flex-shrink: 0;
+    }
+    .result-source-badge.source-claude { background: #f0e6ff; color: #7c3aed; }
+    .result-source-badge.source-codex { background: #dbeafe; color: #1e40af; }
+    .result-source-badge.source-default { background: var(--bg-secondary); color: var(--text-secondary); }
+    .result-card-actions {
+      display: flex;
+      gap: 4px;
+      margin-left: auto;
+      opacity: 0;
+      transition: opacity 0.15s;
+      flex-shrink: 0;
+    }
+    .result-card:hover .result-card-actions { opacity: 1; }
+    .result-card-actions button {
+      background: none;
+      border: none;
+      color: var(--text-muted);
+      cursor: pointer;
+      font-size: 0.75rem;
+      width: 28px;
+      height: 28px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 6px;
+      transition: background 0.15s, color 0.15s;
+    }
+    .result-card-actions button:hover { background: var(--bg-secondary); color: var(--text-primary); }
+    .result-card-actions button.danger:hover { background: #fef2f2; color: var(--red); }
+    .result-card-summary {
+      font-size: 0.8125rem;
+      color: var(--text-secondary);
+      padding-left: 42px;
+      margin-bottom: 8px;
+      line-height: 1.4;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+    }
+    .result-card-tags {
+      display: flex;
+      gap: 4px;
+      flex-wrap: wrap;
+      padding-left: 42px;
+      margin-bottom: 8px;
+    }
+    .result-tag-pill {
+      display: inline-block;
+      font-size: 0.6875rem;
+      padding: 2px 8px;
+      border-radius: 10px;
+      background: #dbeafe;
+      color: #1e40af;
+      border: 1px solid #bfdbfe;
+      font-family: 'GeistMono', monospace;
+      white-space: nowrap;
+    }
+    .result-card-meta {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding-left: 42px;
+      flex-wrap: wrap;
+    }
+    .result-meta-item {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 0.6875rem;
+      color: var(--text-muted);
+    }
+    .result-meta-item svg { width: 12px; height: 12px; flex-shrink: 0; }
+    .result-meta-item span {
+      font-family: 'GeistMono', monospace;
+      font-size: 0.6875rem;
+    }
+    .result-card-details-toggle {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 0 0 42px;
+      margin-top: 8px;
+      border-top: 1px solid var(--border-color);
+      cursor: pointer;
+      font-size: 0.75rem;
+      color: var(--text-muted);
+      user-select: none;
+    }
+    .result-card-details-toggle:hover { color: var(--text-secondary); }
+    .result-card-details-toggle .chevron {
+      transition: transform 0.2s;
+      font-size: 0.625rem;
+    }
+    .result-card-details-toggle.expanded .chevron { transform: rotate(90deg); }
+    .result-card-details-content {
+      padding: 8px 0 4px 42px;
+      font-size: 0.8125rem;
+      color: var(--text-secondary);
+      line-height: 1.5;
+      white-space: pre-wrap;
+      font-family: 'GeistMono', monospace;
+      max-height: 200px;
+      overflow-y: auto;
+      display: none;
+    }
+    .result-card-details-content.visible { display: block; }
+    .results-empty {
+      text-align: center;
+      padding: 56px 24px 48px;
+    }
+    .results-empty-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 64px;
+      height: 64px;
+      margin-bottom: 20px;
+      background: var(--bg-secondary);
+      border-radius: 16px;
+      color: var(--text-muted);
+    }
+    .results-empty-icon svg { width: 28px; height: 28px; }
+    .results-empty-title {
+      font-size: 0.9375rem;
+      font-weight: 600;
+      color: var(--text-primary);
+      margin-bottom: 6px;
+    }
+    .results-empty-subtitle {
+      font-size: 0.8125rem;
+      color: var(--text-muted);
+      line-height: 1.5;
+      max-width: 340px;
+      margin: 0 auto;
+    }
+    .btn-add-result {
+      padding: 4px 12px;
+      font-size: 0.75rem;
+      font-weight: 500;
+      background: var(--accent);
+      color: #fff;
+      border: 1px solid var(--accent);
+      border-radius: 6px;
+      cursor: pointer;
+      font-family: inherit;
+      transition: all 0.15s;
+    }
+    .btn-add-result:hover { background: #15692f; }
+
+    .result-form-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 10px;
+      margin-top: 10px;
+    }
+    .result-field-full { grid-column: 1 / -1; }
+    .result-label {
+      display: block;
+      margin-bottom: 4px;
+      font-size: 12px;
+      color: var(--text-muted);
+      font-weight: 600;
+    }
+    .result-input,
+    .result-textarea {
+      width: 100%;
+      border: 1px solid var(--border-color);
+      border-radius: 6px;
+      padding: 8px 10px;
+      background: var(--card-bg);
+      color: var(--text-primary);
+      font-size: 13px;
+      font-family: 'GeistMono', monospace;
+    }
+    .result-textarea {
+      min-height: 90px;
+      resize: vertical;
+    }
+    .result-input:focus,
+    .result-textarea:focus {
+      outline: none;
+      border-color: var(--accent);
+    }
     .slurm-summary {
       display: flex;
       gap: 12px;
@@ -1312,9 +2020,9 @@
       margin-top: 2px;
     }
     .slurm-stat-pending .slurm-stat-value { color: #f59e0b; }
-    .slurm-stat-running .slurm-stat-value { color: #22c55e; }
+    .slurm-stat-running .slurm-stat-value { color: #16a34a; }
     .slurm-stat-completed .slurm-stat-value { color: #60a5fa; }
-    .slurm-stat-failed .slurm-stat-value { color: #ef4444; }
+    .slurm-stat-failed .slurm-stat-value { color: #dc2626; }
     .slurm-stat-other .slurm-stat-value { color: var(--muted); }
 
     .slurm-filters {
@@ -1371,14 +2079,14 @@
       text-transform: uppercase;
     }
     .slurm-state-PENDING { background: rgba(245,158,11,0.15); color: #f59e0b; }
-    .slurm-state-RUNNING { background: rgba(34,197,94,0.15); color: #22c55e; }
-    .slurm-state-COMPLETING { background: rgba(34,197,94,0.1); color: #86efac; }
+    .slurm-state-RUNNING { background: rgba(22,163,74,0.15); color: #16a34a; }
+    .slurm-state-COMPLETING { background: rgba(22,163,74,0.1); color: #86efac; }
     .slurm-state-COMPLETED { background: rgba(96,165,250,0.15); color: #60a5fa; }
-    .slurm-state-FAILED { background: rgba(239,68,68,0.15); color: #ef4444; }
+    .slurm-state-FAILED { background: rgba(239,68,68,0.15); color: #dc2626; }
     .slurm-state-CANCELLED { background: rgba(156,163,175,0.15); color: #9ca3af; }
     .slurm-state-TIMEOUT { background: rgba(249,115,22,0.15); color: #f97316; }
-    .slurm-state-NODE_FAIL { background: rgba(239,68,68,0.15); color: #ef4444; }
-    .slurm-state-OUT_OF_MEMORY { background: rgba(239,68,68,0.15); color: #ef4444; }
+    .slurm-state-NODE_FAIL { background: rgba(239,68,68,0.15); color: #dc2626; }
+    .slurm-state-OUT_OF_MEMORY { background: rgba(239,68,68,0.15); color: #dc2626; }
     .slurm-state-UNKNOWN { background: rgba(156,163,175,0.1); color: #9ca3af; }
 
     .slurm-output-btn {
@@ -1393,7 +2101,7 @@
       margin-right: 4px;
     }
     .slurm-output-btn:hover { background: rgba(255,255,255,0.05); }
-    .slurm-output-btn.has-content { color: #22c55e; border-color: #22c55e; }
+    .slurm-output-btn.has-content { color: #16a34a; border-color: #16a34a; }
     .slurm-output-btn.is-empty { color: var(--muted); }
     .slurm-output-btn.not-found { color: var(--muted); opacity: 0.5; cursor: default; }
 
@@ -1420,7 +2128,7 @@
       padding: 2px 8px;
       cursor: pointer;
       font-size: 11px;
-      color: #ef4444;
+      color: #dc2626;
     }
     .slurm-cancel-btn:hover { background: rgba(239,68,68,0.1); }
     .slurm-notes-cell { max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@@ -1434,7 +2142,7 @@
       width: 6px;
       height: 6px;
       border-radius: 50%;
-      background: #22c55e;
+      background: #16a34a;
       margin-right: 4px;
       animation: pulse 1.5s ease-in-out infinite;
     }
@@ -1445,7 +2153,10 @@
       .header { flex-direction: column; gap: 8px; }
       .session-card-body { grid-template-columns: 1fr; }
       .instructions-modal { width: 100%; max-height: 94vh; }
+      #instructionsModal .instructions-modal { width: 100vw; max-height: 100vh; }
       .instructions-editor { height: 48vh; min-height: 240px; }
+      .result-card-meta { flex-direction: column; align-items: flex-start; }
+      .result-form-grid { grid-template-columns: 1fr; }
     }
     /* ── Enterprise: locked fields ─────────────── */
     .field-locked label::before { content: '\1F512 '; font-size: 0.75em; }
@@ -1455,7 +2166,8 @@
     .field-locked .add-row { display: none; }
     .list-item.locked { opacity: 0.7; }
     .list-item.locked .remove-btn { display: none; }
-    .list-item.locked::after { content: 'admin'; font-size: 0.65rem; color: var(--text-muted); margin-left: 8px; }
+    .list-item.locked::after { content: 'set by admin'; font-size: 0.65rem; color: var(--text-muted); margin-left: 8px; }
+    .set-by-admin-note { font-size: 0.7rem; color: var(--text-muted); font-weight: 500; margin-left: 6px; }
     .enterprise-badge { font-size: 0.75rem; color: var(--text-muted); font-weight: 400; margin-left: 8px; }
     .constraint-hint { font-size: 0.7rem; color: var(--text-muted); margin-left: 4px; }
     .net-mode-pill.locked { opacity: 0.5; pointer-events: none; }
@@ -1471,7 +2183,7 @@
       color: #92400e;
       font-size: 0.8rem;
     }
-    .policy-editor { width: 100%; min-height: 300px; font-family: 'SF Mono', Monaco, Consolas, monospace; font-size: 0.8rem; padding: 12px; border: 1px solid var(--border-color); border-radius: var(--radius-sm); background: var(--bg-secondary); resize: vertical; }
+    .policy-editor { width: 100%; min-height: 300px; font-family: 'GeistMono', monospace; font-size: 0.8rem; padding: 12px; border: 1px solid var(--border-color); border-radius: var(--radius-sm); background: var(--bg-secondary); resize: vertical; }
     .admin-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
     .admin-table th, .admin-table td { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--border-color); }
     .admin-table th { font-weight: 600; color: var(--text-secondary); }
@@ -1483,6 +2195,209 @@
     .license-days.green { color: var(--green); }
     .license-days.yellow { color: var(--yellow); }
     .license-days.red { color: var(--red); }
+
+    /* ── MCP Servers ─────────────────────────── */
+    .mcp-server-card {
+      background: var(--card-bg);
+      border: 1px solid var(--border-color);
+      border-radius: var(--radius-sm);
+      padding: 18px 20px;
+      margin-bottom: 12px;
+      transition: border-color 0.15s, box-shadow 0.15s;
+    }
+    .mcp-server-card:hover {
+      border-color: #B8CBB8;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+    }
+    .mcp-server-header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      margin-bottom: 10px;
+    }
+    .mcp-server-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      border-radius: 8px;
+      background: var(--bg-secondary);
+      color: var(--text-muted);
+      flex-shrink: 0;
+    }
+    .mcp-server-icon svg { width: 16px; height: 16px; }
+    .mcp-server-name {
+      font-size: 0.9375rem;
+      font-weight: 600;
+      color: var(--text-primary);
+    }
+    .mcp-server-status {
+      display: inline-block;
+      font-size: 0.6875rem;
+      font-weight: 600;
+      padding: 2px 8px;
+      border-radius: 9px;
+      margin-left: auto;
+      text-transform: uppercase;
+      letter-spacing: 0.03em;
+    }
+    .mcp-server-status.active {
+      background: rgba(22,163,74,0.15);
+      color: #16a34a;
+    }
+    .mcp-server-status.inactive {
+      background: rgba(163,163,163,0.15);
+      color: var(--text-muted);
+    }
+    .mcp-server-status.partial {
+      background: rgba(245,158,11,0.18);
+      color: #92400e;
+    }
+    .mcp-server-states {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      margin-bottom: 10px;
+      flex-wrap: wrap;
+    }
+    .mcp-state-pill {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 0.6875rem;
+      font-weight: 600;
+      border-radius: 999px;
+      padding: 2px 8px;
+      border: 1px solid var(--border-color);
+      color: var(--text-muted);
+      background: var(--bg-secondary);
+      white-space: nowrap;
+    }
+    .mcp-state-pill.on {
+      border-color: #bbf7d0;
+      color: #166534;
+      background: #f0fdf4;
+    }
+    .mcp-state-pill.off {
+      border-color: #e5e7eb;
+      color: #6b7280;
+      background: #f9fafb;
+    }
+    .mcp-server-reason {
+      font-size: 0.75rem;
+      color: #92400e;
+      background: #fffbeb;
+      border: 1px solid #fef3c7;
+      border-radius: 6px;
+      padding: 6px 10px;
+      margin-bottom: 12px;
+    }
+    .mcp-server-desc {
+      font-size: 0.8125rem;
+      color: var(--text-secondary);
+      margin-bottom: 12px;
+    }
+    .mcp-server-command {
+      font-size: 0.75rem;
+      font-family: 'GeistMono', monospace;
+      color: var(--text-muted);
+      background: var(--bg-secondary);
+      padding: 6px 10px;
+      border-radius: 6px;
+      margin-bottom: 14px;
+      overflow-x: auto;
+      white-space: nowrap;
+    }
+    .mcp-tools-label {
+      font-size: 0.75rem;
+      font-weight: 600;
+      color: var(--text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      margin-bottom: 8px;
+    }
+    .mcp-tool-list { display: grid; gap: 0; }
+    .mcp-tool-item {
+      display: block;
+      font-size: 0.8125rem;
+      padding: 7px 0;
+      border-bottom: 1px solid var(--border-color);
+    }
+    .mcp-tool-item:last-child { border-bottom: none; }
+    .mcp-tool-main {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 2px;
+    }
+    .mcp-tool-name {
+      font-family: 'GeistMono', monospace;
+      font-size: 0.75rem;
+      font-weight: 500;
+      color: var(--text-primary);
+      background: var(--bg-secondary);
+      padding: 1px 6px;
+      border-radius: 4px;
+      white-space: nowrap;
+      flex-shrink: 0;
+    }
+    .mcp-tool-title {
+      color: var(--text-secondary);
+      font-size: 0.75rem;
+      font-weight: 500;
+    }
+    .mcp-tool-desc {
+      color: var(--text-muted);
+      font-size: 0.8125rem;
+    }
+    .mcp-tool-example {
+      margin-top: 3px;
+      color: var(--text-secondary);
+      font-size: 0.75rem;
+      font-style: italic;
+    }
+    .mcp-empty {
+      text-align: center;
+      padding: 56px 24px 48px;
+    }
+    .mcp-empty-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 64px;
+      height: 64px;
+      margin-bottom: 20px;
+      background: var(--bg-secondary);
+      border-radius: 16px;
+      color: var(--text-muted);
+    }
+    .mcp-empty-icon svg { width: 28px; height: 28px; }
+    .mcp-empty-title {
+      font-size: 0.9375rem;
+      font-weight: 600;
+      color: var(--text-primary);
+      margin-bottom: 6px;
+    }
+    .mcp-empty-subtitle {
+      font-size: 0.8125rem;
+      color: var(--text-muted);
+      line-height: 1.5;
+      max-width: 380px;
+      margin: 0 auto;
+    }
+    .mcp-badge {
+      display: inline-block;
+      background: var(--accent);
+      color: #fff;
+      font-size: 11px;
+      font-weight: 700;
+      padding: 1px 6px;
+      border-radius: 9px;
+      margin-left: 4px;
+      min-width: 16px;
+      text-align: center;
+    }
   </style>
 </head>
 <body>
@@ -1495,184 +2410,210 @@
 <div class="container">
   <div class="tabs">
     <button class="tab active" data-tab="sessions">Dashboard</button>
-    <button class="tab" data-tab="runtime">Runtime</button>
-    <button class="tab" data-tab="network">Network</button>
-    <button class="tab" data-tab="filesystem">Filesystem</button>
     <button class="tab" data-tab="datasets">Datasets</button>
-    <button class="tab" data-tab="commands">Commands</button>
-    <button class="tab" data-tab="audit">Audit</button>
-    <button class="tab" data-tab="logs">Logs</button>
-    <button class="tab" data-tab="slurm" id="slurmTab" style="display:none">SLURM Jobs <span class="slurm-badge" id="slurmBadge" style="display:none"></span></button>
+    <button class="tab" data-tab="results">Results</button>
+    <button class="tab" data-tab="jobs">Jobs <span class="slurm-badge" id="slurmBadge" style="display:none"></span></button>
+    <button class="tab" data-tab="settings">Settings <span class="mcp-badge" id="mcpBadge" style="display:none"></span></button>
   </div>
 
-  <!-- Runtime -->
-  <div class="tab-panel" id="panel-runtime">
-    <div class="card">
-      <h3>Runtime &amp; Image</h3>
-      <p class="card-description">Apptainer (primary) or Podman runtime and base image for sandbox sessions.</p>
-      <div class="field-row">
-        <div class="field">
-          <label for="runtime">Runtime</label>
-          <select id="runtime">
-            <option value="auto">auto (prefer apptainer, then podman)</option>
-            <option value="apptainer">apptainer</option>
-            <option value="podman">podman</option>
-          </select>
+  <!-- Settings (sub-tabs) -->
+  <div class="tab-panel" id="panel-settings">
+    <div class="sub-tabs">
+      <button class="sub-tab active" data-subtab="runtime">Runtime</button>
+      <button class="sub-tab" data-subtab="network">Network</button>
+      <button class="sub-tab" data-subtab="filesystem">Filesystem</button>
+      <button class="sub-tab" data-subtab="commands">Commands</button>
+      <button class="sub-tab" data-subtab="audit">Audit &amp; Logs</button>
+      <button class="sub-tab" data-subtab="mcp">MCP Servers</button>
+    </div>
+
+    <!-- Runtime sub-panel -->
+    <div class="sub-panel active" id="subpanel-runtime">
+      <div class="card">
+        <h3>Runtime &amp; Image</h3>
+        <p class="card-description">Apptainer (primary) or Podman runtime and base image for sandbox sessions.</p>
+        <div class="field-row">
+          <div class="field">
+            <label for="runtime">Runtime</label>
+            <select id="runtime">
+              <option value="auto">auto (prefer apptainer, then podman)</option>
+              <option value="apptainer">apptainer</option>
+              <option value="podman">podman</option>
+            </select>
+          </div>
+          <div class="field">
+            <label for="timeout">Session Timeout (hours)</label>
+            <input type="number" id="timeout" min="0" step="1" value="8">
+          </div>
         </div>
         <div class="field">
-          <label for="timeout">Session Timeout (hours)</label>
-          <input type="number" id="timeout" min="0" step="1" value="8">
+          <label for="image">Container Image</label>
+          <input type="text" id="image" placeholder="docker.io/library/node:20-slim">
         </div>
       </div>
-      <div class="field">
-        <label for="image">Container Image</label>
-        <input type="text" id="image" placeholder="docker.io/library/node:20-slim">
-      </div>
     </div>
-  </div>
 
-  <!-- Network -->
-  <div class="tab-panel" id="panel-network">
-    <div class="card">
-      <h3>Network Policy</h3>
-      <p class="card-description">Control how sandboxed agents access the network.</p>
-      <div class="field">
-        <label for="networkMode">Mode</label>
-        <select id="networkMode">
-          <option value="none">none (fully isolated)</option>
-          <option value="filtered">filtered (proxy + domain allowlist)</option>
-          <option value="host">host (full network access)</option>
-        </select>
-      </div>
-    </div>
-    <div class="card">
-      <h3>Allowed Domains</h3>
-      <p class="card-description">Domains agents can reach in filtered mode.</p>
-      <div class="list-editor" id="domainsList"></div>
-      <div class="list-add">
-        <input type="text" id="domainInput" placeholder="api.example.com" onkeydown="if(event.key==='Enter'){addDomain()}">
-        <button class="btn-add" onclick="addDomain()">Add</button>
-      </div>
-    </div>
-  </div>
-
-  <!-- Filesystem -->
-  <div class="tab-panel" id="panel-filesystem">
-    <div class="card">
-      <h3>Blocked Patterns</h3>
-      <p class="card-description">Glob patterns hidden from the sandbox via empty overlays.</p>
-      <div class="list-editor" id="blockedList"></div>
-      <div class="list-add">
-        <input type="text" id="blockedInput" placeholder="**/.ssh" onkeydown="if(event.key==='Enter'){addBlocked()}">
-        <button class="btn-add" onclick="addBlocked()">Add</button>
+    <!-- Network sub-panel -->
+    <div class="sub-panel" id="subpanel-network">
+      <div class="card">
+        <h3>Network Policy</h3>
+        <p class="card-description">Control how sandboxed agents access the network.</p>
+        <div class="field">
+          <label for="networkMode">Mode</label>
+          <select id="networkMode">
+            <option value="host">host (full network access)</option>
+            <option value="filtered">filtered (proxy + domain allowlist)</option>
+          </select>
+        </div>
       </div>
-    </div>
-    <div class="card">
-      <h3>Extra Mount Paths</h3>
-      <p class="card-description">Additional host paths to mount into the sandbox.</p>
-      <div class="list-editor" id="mountsList"></div>
-      <div class="list-add">
-        <input type="text" id="mountPathInput" placeholder="/data/shared" onkeydown="if(event.key==='Enter'){addMount()}">
-        <select id="mountModeInput">
-          <option value="ro">ro</option>
-          <option value="rw">rw</option>
-        </select>
-        <button class="btn-add" onclick="addMount()">Add</button>
+      <div class="card">
+        <h3>Allowed Domains</h3>
+        <p class="card-description">Domains agents can reach in filtered mode.</p>
+        <div class="list-editor" id="domainsList"></div>
+        <div class="list-add">
+          <input type="text" id="domainInput" placeholder="api.example.com" onkeydown="if(event.key==='Enter'){addDomain()}">
+          <button class="btn-add" onclick="addDomain()">Add</button>
+        </div>
       </div>
     </div>
-  </div>
 
-  <!-- Datasets -->
-  <div class="tab-panel" id="panel-datasets">
-    <div class="card">
-      <h3>Datasets</h3>
-      <p class="card-description">Named datasets mounted under <code>/datasets/{name}</code> in the sandbox. The AI agent is told about each dataset by name and description.</p>
-      <div class="list-editor" id="datasetsList"></div>
-      <div style="padding: 12px 16px; border-top: 1px solid var(--border-color);">
-        <div style="display:flex; gap:8px; margin-bottom:8px;">
-          <input type="text" id="datasetPathInput" placeholder="/data/genomes" style="flex:2" onkeydown="if(event.key==='Enter'){addDataset()}">
-          <input type="text" id="datasetNameInput" placeholder="Name (auto)" style="flex:1">
+    <!-- Filesystem sub-panel -->
+    <div class="sub-panel" id="subpanel-filesystem">
+      <div class="card">
+        <h3>Blocked Patterns</h3>
+        <p class="card-description">Glob patterns hidden from the sandbox via empty overlays.</p>
+        <div class="list-editor" id="blockedList"></div>
+        <div class="list-add">
+          <input type="text" id="blockedInput" placeholder="**/.ssh" onkeydown="if(event.key==='Enter'){addBlocked()}">
+          <button class="btn-add" onclick="addBlocked()">Add</button>
         </div>
-        <div style="display:flex; gap:8px; align-items:flex-end;">
-          <input type="text" id="datasetDescInput" placeholder="Description (optional)" style="flex:2">
-          <select id="datasetModeInput" style="flex:0 0 auto;">
-            <option value="ro" selected>ro</option>
+      </div>
+      <div class="card">
+        <h3>Extra Mount Paths</h3>
+        <p class="card-description">Additional host paths to mount into the sandbox.</p>
+        <div class="list-editor" id="mountsList"></div>
+        <div class="list-add">
+          <input type="text" id="mountPathInput" placeholder="/data/shared" onkeydown="if(event.key==='Enter'){addMount()}">
+          <select id="mountModeInput">
+            <option value="ro">ro</option>
             <option value="rw">rw</option>
           </select>
-          <button class="btn-add" onclick="addDataset()">Add Dataset</button>
+          <button class="btn-add" onclick="addMount()">Add</button>
         </div>
       </div>
     </div>
-  </div>
 
-  <!-- Commands -->
-  <div class="tab-panel" id="panel-commands">
-    <div class="card">
-      <h3>Command Blacklist</h3>
-      <p class="card-description">Commands blocked inside the sandbox. Agents get a clear error instead of silent failure.</p>
-      <div class="list-editor" id="blacklistList"></div>
-      <div class="list-add">
-        <input type="text" id="blacklistInput" placeholder="ssh" onkeydown="if(event.key==='Enter'){addBlacklist()}">
-        <button class="btn-add" onclick="addBlacklist()">Add</button>
+    <!-- Commands sub-panel -->
+    <div class="sub-panel" id="subpanel-commands">
+      <div class="card">
+        <h3>Command Blacklist</h3>
+        <p class="card-description">Commands blocked inside the sandbox. Agents get a clear error instead of silent failure.</p>
+        <div class="list-editor" id="blacklistList"></div>
+        <div class="list-add">
+          <input type="text" id="blacklistInput" placeholder="ssh" onkeydown="if(event.key==='Enter'){addBlacklist()}">
+          <button class="btn-add" onclick="addBlacklist()">Add</button>
+        </div>
       </div>
     </div>
-  </div>
 
-  <!-- Audit -->
-  <div class="tab-panel" id="panel-audit">
-    <div class="card">
-      <h3>Audit Logging</h3>
-      <p class="card-description">Record session events to structured JSONL files.</p>
-      <div class="field">
-        <div class="toggle-wrap">
-          <input type="checkbox" class="toggle" id="auditEnabled">
-          <span class="toggle-label">Enable audit logging</span>
+    <!-- Audit & Logs sub-panel (merged) -->
+    <div class="sub-panel" id="subpanel-audit">
+      <div class="card">
+        <h3>Audit Logging</h3>
+        <p class="card-description">Record session events to structured JSONL files.</p>
+        <div class="field">
+          <div class="toggle-wrap">
+            <input type="checkbox" class="toggle" id="auditEnabled">
+            <span class="toggle-label">Enable audit logging</span>
+          </div>
+        </div>
+        <div class="field" style="margin-top: 16px">
+          <label for="logDir">Log Directory</label>
+          <input type="text" id="logDir" placeholder="~/.labgate/logs">
         </div>
       </div>
-      <div class="field" style="margin-top: 16px">
-        <label for="logDir">Log Directory</label>
-        <input type="text" id="logDir" placeholder="~/.labgate/logs">
+      <div class="card">
+        <h3>Recent Audit Logs <button class="refresh-btn" onclick="loadLogs()">Refresh</button></h3>
+        <div id="logsContent"><div class="empty-state">Loading...</div></div>
       </div>
     </div>
-  </div>
 
-  <!-- Sessions / Dashboard -->
-  <div class="tab-panel active" id="panel-sessions">
-    <div class="net-switcher" id="netSwitcher">
-      <span class="net-switcher-label">Network</span>
-      <span class="spacer"></span>
-      <div class="net-mode-pills">
-        <button class="net-mode-pill" data-mode="none" onclick="switchNetMode('none')">None</button>
-        <button class="net-mode-pill" data-mode="filtered" onclick="switchNetMode('filtered')">Filtered</button>
-        <button class="net-mode-pill" data-mode="host" onclick="switchNetMode('host')">Host</button>
+    <!-- MCP Servers sub-panel -->
+    <div class="sub-panel" id="subpanel-mcp">
+      <div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px">
+        <p class="card-description" style="margin:0">MCP servers registered for the AI agent. These provide specialized tools the agent can use during sessions.</p>
+        <button class="refresh-btn" onclick="loadMcpServers()">Refresh</button>
       </div>
+      <div id="mcpContent"><div class="empty-state">Loading...</div></div>
     </div>
-    <div class="security-bar" id="securityBar">
-      <div class="security-stat" id="secStatBlocked">
-        <div class="security-stat-info">
-          <span class="security-stat-value" id="blockedCountValue">0</span>
-          <span class="security-stat-label">Blocked</span>
-        </div>
+
+  </div><!-- /panel-settings -->
+
+  <!-- Datasets -->
+  <div class="tab-panel" id="panel-datasets">
+    <div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px">
+      <p class="card-description" style="margin:0">Named datasets mounted under <code>/datasets/{name}</code> in the sandbox. The AI agent is told about each dataset by name and description.</p>
+      <span class="dataset-count" id="datasetCount" style="display:none"></span>
+    </div>
+    <div class="dataset-notice" id="datasetNotice">
+      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
+      <span class="dataset-notice-text">Save config, then restart active sessions from this page (or run: labgate restart &lt;session-id&gt;).</span>
+      <button class="dataset-notice-btn" id="datasetRestartBtn" style="display:none" onclick="restartOutdatedSessions()">Restart Sessions Now</button>
+    </div>
+    <div id="datasetsList"></div>
+    <div class="dataset-add-form">
+      <div class="form-title">
+        <span class="form-title-icon">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
+        </span>
+        Add a dataset
       </div>
-      <div class="security-stat">
-        <div class="security-stat-info">
-          <span class="security-stat-value" id="blacklistCountValue">-</span>
-          <span class="security-stat-label">Cmd rules</span>
+      <div class="field-grid">
+        <div class="field">
+          <label for="datasetPathInput">Host Path</label>
+          <input type="text" id="datasetPathInput" placeholder="/data/genomes" onkeydown="if(event.key==='Enter'){addDataset()}">
         </div>
-      </div>
-      <div class="security-stat">
-        <div class="security-stat-info">
-          <span class="security-stat-value" id="patternsCountValue">-</span>
-          <span class="security-stat-label">Hidden paths</span>
+        <div class="field">
+          <label for="datasetNameInput">Name <span style="font-weight:400;color:var(--text-muted)">(auto)</span></label>
+          <input type="text" id="datasetNameInput" placeholder="genomes">
+        </div>
+        <div class="field field-full">
+          <label for="datasetDescInput">Description <span style="font-weight:400;color:var(--text-muted)">(optional)</span></label>
+          <input type="text" id="datasetDescInput" placeholder="Human reference genomes collection">
         </div>
       </div>
-      <div class="security-stat">
-        <div class="security-stat-info">
-          <span class="security-stat-value" id="netModeValue">-</span>
-          <span class="security-stat-label">Network</span>
+      <div class="form-footer">
+        <div class="field" style="margin-bottom:0">
+          <label style="margin-bottom:4px">Access Mode</label>
+          <div class="mode-toggle">
+            <input type="radio" name="datasetMode" id="datasetModeRO" value="ro" checked>
+            <label for="datasetModeRO" class="mode-ro">Read-only</label>
+            <input type="radio" name="datasetMode" id="datasetModeRW" value="rw">
+            <label for="datasetModeRW" class="mode-rw">Read-write</label>
+          </div>
         </div>
+        <button class="btn-add-dataset" onclick="addDataset()">Add Dataset</button>
       </div>
     </div>
+  </div>
+
+  <!-- Results -->
+  <div class="tab-panel" id="panel-results">
+    <div style="display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px">
+      <p class="card-description" style="margin:0">Structured findings saved by Claude/Codex via LabGate results tools.</p>
+      <button class="refresh-btn" onclick="loadResults()">Refresh</button>
+    </div>
+    <div class="results-toolbar">
+      <input type="text" class="results-search" id="resultsSearchInput" placeholder="Search title, summary, details, tags..." oninput="debounceResultsSearch()">
+      <input type="text" class="results-tag" id="resultsTagInput" placeholder="tag filter (exact)" oninput="debounceResultsSearch()">
+      <input type="text" class="results-tag" id="resultsSourceInput" placeholder="source filter (claude/codex)" oninput="debounceResultsSearch()">
+      <button class="btn-add-result" onclick="openResultEditor()">+ Add Result</button>
+    </div>
+    <div id="resultsContent"><div class="empty-state">Loading...</div></div>
+  </div>
+
+  <!-- Sessions / Dashboard -->
+  <div class="tab-panel active" id="panel-sessions">
     <div class="blocked-events-list" id="blockedEventsList"></div>
     <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:16px">
       <div class="sessions-summary" id="sessionsSummary"></div>
@@ -1681,16 +2622,15 @@
     <div id="sessionsContent"><div class="empty-state">Loading...</div></div>
   </div>
 
-  <!-- Logs -->
-  <div class="tab-panel" id="panel-logs">
-    <div class="card">
-      <h3>Recent Audit Logs <button class="refresh-btn" onclick="loadLogs()">Refresh</button></h3>
-      <div id="logsContent"><div class="empty-state">Loading...</div></div>
+  <!-- Jobs panel (SLURM) -->
+  <div class="tab-panel" id="panel-jobs">
+    <div id="jobsEmptyState" class="empty-state" style="padding: 56px 24px">
+      <div style="font-weight: 600; margin-bottom: 6px;">No Job Scheduler</div>
+      <div style="font-size: 0.8125rem; color: var(--text-muted); max-width: 340px; margin: 0 auto;">
+        Enable SLURM integration in Settings to monitor cluster jobs here.
+      </div>
     </div>
-  </div>
-
-  <!-- SLURM Jobs panel -->
-  <div class="tab-panel" id="panel-slurm">
+    <div id="jobsSlurmContent" style="display:none">
     <div class="slurm-summary" id="slurmSummary">
       <div class="slurm-stat slurm-stat-pending"><span class="slurm-stat-value" id="slurmPending">0</span><span class="slurm-stat-label">Pending</span></div>
       <div class="slurm-stat slurm-stat-running"><span class="slurm-stat-value" id="slurmRunning">0</span><span class="slurm-stat-label">Running</span></div>
@@ -1714,10 +2654,11 @@
     <div class="card">
       <div id="slurmJobsContent"><div class="empty-state">Loading SLURM jobs...</div></div>
     </div>
-  </div>
+    </div><!-- /jobsSlurmContent -->
+  </div><!-- /panel-jobs -->
 
   <!-- SLURM output modal -->
-  <div class="modal-backdrop" id="slurmOutputModal" onclick="if(event.target===this){closeSlurmOutput()}" style="display:none">
+  <div class="modal-backdrop" id="slurmOutputModal" onclick="if(event.target===this){closeSlurmOutput()}">
     <div class="instructions-modal">
       <div class="instructions-header">
         <div>
@@ -1738,7 +2679,7 @@
   </div>
 
   <!-- SLURM notes modal -->
-  <div class="modal-backdrop" id="slurmNotesModal" onclick="if(event.target===this){closeSlurmNotes()}" style="display:none">
+  <div class="modal-backdrop" id="slurmNotesModal" onclick="if(event.target===this){closeSlurmNotes()}">
     <div class="instructions-modal" style="max-width:600px">
       <div class="instructions-header">
         <div>
@@ -1756,6 +2697,55 @@
     </div>
   </div>
 
+  <!-- Results editor modal -->
+  <div class="modal-backdrop" id="resultsModal" onclick="if(event.target===this){closeResultEditor()}">
+    <div class="instructions-modal" style="max-width:920px;width:min(920px,94vw)">
+      <div class="instructions-header">
+        <div>
+          <div class="instructions-title" id="resultEditorTitle">Add Result</div>
+          <div class="instructions-subtitle" id="resultEditorSubtitle"></div>
+        </div>
+        <span class="spacer"></span>
+        <button class="instructions-btn-secondary" onclick="closeResultEditor()">Cancel</button>
+        <button class="instructions-btn-primary" onclick="saveResultEditor()">Save</button>
+      </div>
+      <div class="result-form-grid">
+        <div>
+          <label class="result-label" for="resultTitleInput">Title</label>
+          <input class="result-input" id="resultTitleInput" type="text" placeholder="What was achieved?">
+        </div>
+        <div>
+          <label class="result-label" for="resultSourceInputModal">Source</label>
+          <input class="result-input" id="resultSourceInputModal" type="text" placeholder="claude">
+        </div>
+        <div class="result-field-full">
+          <label class="result-label" for="resultSummaryInput">Summary</label>
+          <input class="result-input" id="resultSummaryInput" type="text" placeholder="One-line summary">
+        </div>
+        <div class="result-field-full">
+          <label class="result-label" for="resultDetailsInput">Details</label>
+          <textarea class="result-textarea" id="resultDetailsInput" placeholder="Longer details (optional)"></textarea>
+        </div>
+        <div>
+          <label class="result-label" for="resultTagsInput">Tags (comma-separated)</label>
+          <input class="result-input" id="resultTagsInput" type="text" placeholder="slurm, gpu, benchmark">
+        </div>
+        <div>
+          <label class="result-label" for="resultArtifactsInput">Artifacts (comma-separated paths)</label>
+          <input class="result-input" id="resultArtifactsInput" type="text" placeholder="/work/out/report.md, /work/out/plot.png">
+        </div>
+        <div>
+          <label class="result-label" for="resultSessionIdInput">Session ID</label>
+          <input class="result-input" id="resultSessionIdInput" type="text" placeholder="optional">
+        </div>
+        <div>
+          <label class="result-label" for="resultWorkdirInput">Workdir</label>
+          <input class="result-input" id="resultWorkdirInput" type="text" placeholder="/work">
+        </div>
+      </div>
+    </div>
+  </div>
+
   <!-- Admin: Policy (hidden by default, shown for admins) -->
   <div class="tab-panel" id="panel-admin-policy" style="display:none">
     <div class="card admin-card">
@@ -1799,6 +2789,10 @@
 <div class="toast" id="toast"></div>
 <div class="modal-backdrop" id="instructionsModal" onclick="if(event.target===this){closeInstructions()}">
   <div class="instructions-modal">
+    <div class="sidebar-resize-handle" id="sidebarResizeHandle"></div>
+    <button class="sidebar-collapse-btn" onclick="closeInstructions()" title="Close sidebar">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
+    </button>
     <div class="instructions-header">
       <div>
         <div class="instructions-title">Session Instructions</div>
@@ -1843,6 +2837,12 @@ var instructionsState = {
   template: '',
   loading: false
 };
+var mcpAutoRefreshTimer = null;
+var mcpAutoRegisterInFlight = false;
+var MCP_AUTO_REFRESH_MS = 12000;
+var resultsSearchTimeout = null;
+var resultsCache = [];
+var resultEditorId = null;
 
 // ── Activity sparkline timeline buffer ───────
 var activityTimeline = new Map(); // sessionId → [{status, ts}]
@@ -1914,12 +2914,37 @@ function renderResourceRow(stats) {
 // ── Tab navigation ───────────────────────────
 document.querySelectorAll('.tab').forEach(function(tab) {
   tab.addEventListener('click', function() {
+    var tabName = tab.dataset.tab;
     document.querySelectorAll('.tab').forEach(function(t) { t.classList.remove('active'); });
     document.querySelectorAll('.tab-panel').forEach(function(p) { p.classList.remove('active'); });
     tab.classList.add('active');
-    document.getElementById('panel-' + tab.dataset.tab).classList.add('active');
-    if (tab.dataset.tab === 'sessions') loadSessions();
-    if (tab.dataset.tab === 'logs') loadLogs();
+    document.getElementById('panel-' + tabName).classList.add('active');
+    if (tabName === 'sessions') loadSessions();
+    if (tabName === 'datasets') checkDatasetRestartNeeded();
+    if (tabName === 'results') loadResults();
+    if (tabName === 'jobs' && slurmEnabled) loadSlurmJobs();
+    if (tabName === 'settings') {
+      var activeSubTab = document.querySelector('.sub-tab.active');
+      if (activeSubTab && activeSubTab.dataset.subtab === 'mcp') { setMcpTabActive(true); loadMcpServers(); }
+      else if (activeSubTab && activeSubTab.dataset.subtab === 'audit') { loadLogs(); }
+      else { setMcpTabActive(false); }
+    } else {
+      setMcpTabActive(false);
+    }
+  });
+});
+
+// ── Sub-tab navigation (within Settings) ─────
+document.querySelectorAll('.sub-tab').forEach(function(tab) {
+  tab.addEventListener('click', function() {
+    var subtabName = tab.dataset.subtab;
+    document.querySelectorAll('.sub-tab').forEach(function(t) { t.classList.remove('active'); });
+    document.querySelectorAll('.sub-panel').forEach(function(p) { p.classList.remove('active'); });
+    tab.classList.add('active');
+    document.getElementById('subpanel-' + subtabName).classList.add('active');
+    setMcpTabActive(subtabName === 'mcp');
+    if (subtabName === 'mcp') loadMcpServers();
+    if (subtabName === 'audit') loadLogs();
   });
 });
 
@@ -1960,6 +2985,10 @@ function markDirty() {
   document.getElementById('saveBar').classList.toggle('visible', dirty);
 }
 
+function normalizeUiNetworkMode(mode) {
+  return mode === 'filtered' ? 'filtered' : 'host';
+}
+
 // ── Populate UI from config ──────────────────
 function populateUI() {
   document.getElementById('runtime').value = config.runtime || 'auto';
@@ -1968,7 +2997,9 @@ function populateUI() {
     ? config.session_timeout_hours
     : 8;
   document.getElementById('timeout').value = String(timeout);
-  document.getElementById('networkMode').value = config.network ? config.network.mode : 'none';
+  if (!config.network) config.network = {};
+  config.network.mode = normalizeUiNetworkMode(config.network.mode);
+  document.getElementById('networkMode').value = config.network.mode;
   document.getElementById('auditEnabled').checked = config.audit ? config.audit.enabled : true;
   document.getElementById('logDir').value = config.audit ? config.audit.log_dir : '~/.labgate/logs';
 
@@ -1986,7 +3017,7 @@ function collectConfig() {
   var parsedTimeout = parseFloat(document.getElementById('timeout').value);
   config.session_timeout_hours = Number.isFinite(parsedTimeout) ? parsedTimeout : 8;
   if (!config.network) config.network = {};
-  config.network.mode = document.getElementById('networkMode').value;
+  config.network.mode = normalizeUiNetworkMode(document.getElementById('networkMode').value);
   if (!config.audit) config.audit = {};
   config.audit.enabled = document.getElementById('auditEnabled').checked;
   config.audit.log_dir = document.getElementById('logDir').value;
@@ -2112,22 +3143,60 @@ function removeMount(i) {
 function renderDatasets() {
   var container = document.getElementById('datasetsList');
   var datasets = config.datasets || [];
+  var dbIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">'
+    + '<ellipse cx="12" cy="5" rx="9" ry="3"></ellipse>'
+    + '<path d="M21 12c0 1.66-4.03 3-9 3s-9-1.34-9-3"></path>'
+    + '<path d="M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5"></path>'
+    + '</svg>';
+  var arrowIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>';
+  // Toggle notice visibility and count badge
+  var notice = document.getElementById('datasetNotice');
+  if (notice) notice.style.display = datasets.length > 0 ? '' : 'none';
+  var countEl = document.getElementById('datasetCount');
+  if (countEl) {
+    if (datasets.length > 0) {
+      countEl.textContent = datasets.length + ' dataset' + (datasets.length > 1 ? 's' : '');
+      countEl.style.display = '';
+    } else {
+      countEl.style.display = 'none';
+    }
+  }
   if (datasets.length === 0) {
-    container.innerHTML = '<div class="empty-state" style="padding:16px">No datasets configured</div>';
+    container.innerHTML = '<div class="dataset-empty">'
+      + '<div class="dataset-empty-icon">' + dbIcon + '</div>'
+      + '<div class="dataset-empty-title">No datasets configured</div>'
+      + '<div class="dataset-empty-subtitle">Add a host directory below to make it available as a named dataset in the sandbox.</div>'
+      + '</div>';
     return;
   }
-  container.innerHTML = datasets.map(function(ds, i) {
-    var desc = ds.description ? '<span class="dataset-desc" title="' + escapeHtml(ds.description) + '">' + escapeHtml(ds.description) + '</span>' : '';
-    return '<div class="dataset-item">'
+  container.innerHTML = '<div class="dataset-grid">' + datasets.map(function(ds, i) {
+    var descHtml = ds.description
+      ? '<div class="dataset-card-desc">' + escapeHtml(ds.description) + '</div>'
+      : '';
+    return '<div class="dataset-card">'
+      + '<div class="dataset-card-header">'
+      + '<div class="dataset-card-icon">' + dbIcon + '</div>'
+      + '<div class="dataset-card-title">'
       + '<span class="dataset-name">' + escapeHtml(ds.name) + '</span>'
-      + '<span class="dataset-path">' + escapeHtml(ds.path) + '</span>'
-      + desc
       + '<span class="mount-mode ' + ds.mode + '">' + ds.mode + '</span>'
-      + '<button class="remove-btn" data-index="' + i + '">&times;</button>'
+      + '</div>'
+      + '<button class="remove-btn" data-index="' + i + '" title="Remove dataset">&times;</button>'
+      + '</div>'
+      + descHtml
+      + '<div class="dataset-card-paths">'
+      + '<span class="dataset-path">' + escapeHtml(ds.path) + '</span>'
+      + '<span class="dataset-path-arrow">' + arrowIcon + '</span>'
+      + '<span class="dataset-path dataset-path-container">/datasets/' + escapeHtml(ds.name) + '</span>'
+      + '</div>'
       + '</div>';
-  }).join('');
+  }).join('') + '</div>';
   container.querySelectorAll('.remove-btn').forEach(function(btn) {
-    btn.addEventListener('click', function() { removeDataset(parseInt(btn.dataset.index)); });
+    btn.addEventListener('click', function() {
+      var idx = parseInt(btn.dataset.index);
+      var ds = config.datasets[idx];
+      if (!confirm('Remove dataset "' + ds.name + '"?')) return;
+      removeDataset(idx);
+    });
   });
 }
 
@@ -2135,7 +3204,6 @@ function addDataset() {
   var pathInput = document.getElementById('datasetPathInput');
   var nameInput = document.getElementById('datasetNameInput');
   var descInput = document.getElementById('datasetDescInput');
-  var modeInput = document.getElementById('datasetModeInput');
 
   var path = pathInput.value.trim();
   if (!path) { showToast('Dataset path is required', 'error'); return; }
@@ -2152,7 +3220,8 @@ function addDataset() {
     return;
   }
 
-  var mode = modeInput.value;
+  var modeEl = document.querySelector('input[name="datasetMode"]:checked');
+  var mode = modeEl ? modeEl.value : 'ro';
   var desc = descInput.value.trim();
 
   // Preflight path validation (advisory — still adds even if path not found)
@@ -2189,8 +3258,10 @@ function doAddDataset(path, name, desc, mode) {
   document.getElementById('datasetPathInput').value = '';
   document.getElementById('datasetNameInput').value = '';
   document.getElementById('datasetDescInput').value = '';
+  document.getElementById('datasetModeRO').checked = true;
   renderDatasets();
   markDirty();
+  showToast('Dataset "' + name + '" added', 'success');
 }
 
 function removeDataset(i) {
@@ -2200,48 +3271,399 @@ function removeDataset(i) {
   markDirty();
 }
 
+// ── Results ─────────────────────────────
+function parseCsvList(value) {
+  if (!value) return [];
+  return value.split(',').map(function(s) { return s.trim(); }).filter(Boolean);
+}
+
+function formatResultTime(iso) {
+  if (!iso) return '-';
+  try {
+    return new Date(iso).toLocaleString();
+  } catch {
+    return iso;
+  }
+}
+
+function getResultById(id) {
+  if (!id) return null;
+  return resultsCache.find(function(r) { return r.id === id; }) || null;
+}
+
+// Result card icons
+var _resultIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 12l2 2 4-4"/><circle cx="12" cy="12" r="10"/></svg>';
+var _clockIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>';
+var _folderIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg>';
+var _linkIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>';
+var _fileIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>';
+var _editIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>';
+var _trashIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>';
+
+function resultSourceClass(source) {
+  var s = (source || '').toLowerCase();
+  if (s === 'claude') return 'source-claude';
+  if (s === 'codex') return 'source-codex';
+  return 'source-default';
+}
+
+function formatRelativeTime(iso) {
+  if (!iso) return '';
+  try {
+    var diff = Date.now() - new Date(iso).getTime();
+    var mins = Math.floor(diff / 60000);
+    if (mins < 1) return 'just now';
+    if (mins < 60) return mins + 'm ago';
+    var hours = Math.floor(mins / 60);
+    if (hours < 24) return hours + 'h ago';
+    var days = Math.floor(hours / 24);
+    if (days < 30) return days + 'd ago';
+    return new Date(iso).toLocaleDateString();
+  } catch(e) {
+    return iso;
+  }
+}
+
+function toggleResultDetails(toggleEl, contentId) {
+  var content = document.getElementById(contentId);
+  if (!content) return;
+  var isVisible = content.classList.contains('visible');
+  if (isVisible) {
+    content.classList.remove('visible');
+    toggleEl.classList.remove('expanded');
+    toggleEl.querySelector('span:last-child').textContent = 'Show details';
+  } else {
+    content.classList.add('visible');
+    toggleEl.classList.add('expanded');
+    toggleEl.querySelector('span:last-child').textContent = 'Hide details';
+  }
+}
+
+function renderResults(data) {
+  var container = document.getElementById('resultsContent');
+  var rows = (data && Array.isArray(data.results)) ? data.results : [];
+  resultsCache = rows.slice();
+
+  if (rows.length === 0) {
+    container.innerHTML = '<div class="results-empty">'
+      + '<div class="results-empty-icon">' + _resultIcon + '</div>'
+      + '<div class="results-empty-title">No results recorded yet</div>'
+      + '<div class="results-empty-subtitle">Use the MCP <code>register_result</code> tool or click "+ Add Result" to create a structured result entry.</div>'
+      + '</div>';
+    return;
+  }
+
+  var html = '<div class="results-grid">';
+  rows.forEach(function(r) {
+    var tags = Array.isArray(r.tags) ? r.tags : [];
+    var artifacts = Array.isArray(r.artifacts) ? r.artifacts : [];
+    var hasDetails = !!(r.details && r.details.trim());
+
+    html += '<div class="result-card">';
+
+    // Header: icon + title + source badge + actions
+    html += '<div class="result-card-header">';
+    html += '<div class="result-card-icon">' + _resultIcon + '</div>';
+    html += '<div class="result-card-title">';
+    html += '<span class="result-name">' + escapeHtml(r.title || '(untitled)') + '</span>';
+    html += '<span class="result-source-badge ' + resultSourceClass(r.source) + '">' + escapeHtml(r.source || 'unknown') + '</span>';
+    html += '</div>';
+    html += '<div class="result-card-actions">';
+    html += '<button title="Edit" onclick="openResultEditor(\'' + escapeHtml(r.id) + '\')">' + _editIcon + '</button>';
+    html += '<button class="danger" title="Delete" onclick="deleteResult(\'' + escapeHtml(r.id) + '\')">' + _trashIcon + '</button>';
+    html += '</div>';
+    html += '</div>';
+
+    // Summary
+    if (r.summary) {
+      html += '<div class="result-card-summary">' + escapeHtml(r.summary) + '</div>';
+    }
+
+    // Tags
+    if (tags.length > 0) {
+      html += '<div class="result-card-tags">';
+      tags.forEach(function(tag) {
+        html += '<span class="result-tag-pill">' + escapeHtml(tag) + '</span>';
+      });
+      html += '</div>';
+    }
+
+    // Metadata row
+    var metaItems = [];
+    metaItems.push('<span class="result-meta-item">' + _clockIcon + '<span title="' + escapeHtml(r.updated_at || '') + '">' + escapeHtml(formatRelativeTime(r.updated_at)) + '</span></span>');
+    if (r.session_id) {
+      metaItems.push('<span class="result-meta-item">' + _linkIcon + '<span>' + escapeHtml(r.session_id.slice(0, 8)) + '</span></span>');
+    }
+    if (r.workdir) {
+      metaItems.push('<span class="result-meta-item">' + _folderIcon + '<span title="' + escapeHtml(r.workdir) + '">' + escapeHtml(r.workdir) + '</span></span>');
+    }
+    if (artifacts.length > 0) {
+      metaItems.push('<span class="result-meta-item">' + _fileIcon + '<span>' + artifacts.length + ' artifact' + (artifacts.length !== 1 ? 's' : '') + '</span></span>');
+    }
+    html += '<div class="result-card-meta">' + metaItems.join('') + '</div>';
+
+    // Details toggle
+    if (hasDetails) {
+      var detailsId = 'result-details-' + r.id.replace(/[^a-zA-Z0-9-]/g, '');
+      html += '<div class="result-card-details-toggle" onclick="toggleResultDetails(this, \'' + detailsId + '\')">';
+      html += '<span class="chevron">&#9654;</span>';
+      html += '<span>Show details</span>';
+      html += '</div>';
+      html += '<div class="result-card-details-content" id="' + detailsId + '">' + escapeHtml(r.details) + '</div>';
+    }
+
+    html += '</div>';
+  });
+  html += '</div>';
+  container.innerHTML = html;
+}
+
+function loadResults() {
+  var container = document.getElementById('resultsContent');
+  if (container) container.innerHTML = '<div class="empty-state">Loading...</div>';
+
+  var search = (document.getElementById('resultsSearchInput').value || '').trim();
+  var tag = (document.getElementById('resultsTagInput').value || '').trim();
+  var source = (document.getElementById('resultsSourceInput').value || '').trim();
+
+  var url = '/api/results?limit=200';
+  if (search) url += '&search=' + encodeURIComponent(search);
+  if (tag) url += '&tag=' + encodeURIComponent(tag);
+  if (source) url += '&source=' + encodeURIComponent(source);
+
+  fetch(url).then(function(r) { return r.json(); }).then(function(data) {
+    if (!data.ok) {
+      container.innerHTML = '<div class="empty-state">Could not load results</div>';
+      return;
+    }
+    renderResults(data);
+  }).catch(function(err) {
+    container.innerHTML = '<div class="empty-state">Error loading results: ' + escapeHtml(err.message) + '</div>';
+  });
+}
+
+function debounceResultsSearch() {
+  if (resultsSearchTimeout) clearTimeout(resultsSearchTimeout);
+  resultsSearchTimeout = setTimeout(loadResults, 250);
+}
+
+function fillResultEditor(result) {
+  document.getElementById('resultTitleInput').value = (result && result.title) || '';
+  document.getElementById('resultSummaryInput').value = (result && result.summary) || '';
+  document.getElementById('resultDetailsInput').value = (result && result.details) || '';
+  document.getElementById('resultSourceInputModal').value = (result && result.source) || 'claude';
+  document.getElementById('resultSessionIdInput').value = (result && result.session_id) || '';
+  document.getElementById('resultWorkdirInput').value = (result && result.workdir) || '';
+  document.getElementById('resultTagsInput').value = (result && Array.isArray(result.tags)) ? result.tags.join(', ') : '';
+  document.getElementById('resultArtifactsInput').value = (result && Array.isArray(result.artifacts)) ? result.artifacts.join(', ') : '';
+}
+
+function openResultEditor(id) {
+  resultEditorId = id || null;
+  var modal = document.getElementById('resultsModal');
+  if (!modal) return;
+
+  var titleEl = document.getElementById('resultEditorTitle');
+  var subtitleEl = document.getElementById('resultEditorSubtitle');
+  if (resultEditorId) {
+    var result = getResultById(resultEditorId);
+    fillResultEditor(result);
+    titleEl.textContent = 'Edit Result';
+    subtitleEl.textContent = result ? ('Result ' + result.id) : ('Result ' + resultEditorId);
+  } else {
+    fillResultEditor(null);
+    titleEl.textContent = 'Add Result';
+    subtitleEl.textContent = 'Create a new structured result entry';
+  }
+
+  modal.classList.add('visible');
+  document.body.style.overflow = 'hidden';
+  document.getElementById('resultTitleInput').focus();
+}
+
+function closeResultEditor() {
+  var modal = document.getElementById('resultsModal');
+  if (!modal) return;
+  modal.classList.remove('visible');
+  document.body.style.overflow = '';
+  resultEditorId = null;
+}
+
+function buildResultEditorPayload() {
+  var title = (document.getElementById('resultTitleInput').value || '').trim();
+  if (!title) {
+    showToast('Result title is required.', 'error');
+    return null;
+  }
+  var summary = (document.getElementById('resultSummaryInput').value || '').trim();
+  var details = (document.getElementById('resultDetailsInput').value || '').trim();
+  var source = (document.getElementById('resultSourceInputModal').value || '').trim() || 'claude';
+  var sessionId = (document.getElementById('resultSessionIdInput').value || '').trim();
+  var workdir = (document.getElementById('resultWorkdirInput').value || '').trim();
+  var tags = parseCsvList(document.getElementById('resultTagsInput').value || '');
+  var artifacts = parseCsvList(document.getElementById('resultArtifactsInput').value || '');
+
+  return {
+    title: title,
+    summary: summary,
+    details: details || null,
+    source: source,
+    session_id: sessionId || null,
+    workdir: workdir || null,
+    tags: tags,
+    artifacts: artifacts,
+  };
+}
+
+function saveResultEditor() {
+  var payload = buildResultEditorPayload();
+  if (!payload) return;
+
+  var isUpdate = !!resultEditorId;
+  var endpoint = isUpdate ? '/api/results/' + encodeURIComponent(resultEditorId) : '/api/results';
+  var method = isUpdate ? 'PUT' : 'POST';
+
+  fetch(endpoint, {
+    method: method,
+    headers: apiWriteHeaders(),
+    body: JSON.stringify(payload)
+  }).then(parseApiResponse).then(function(resp) {
+    if (!resp.ok || !resp.data || !resp.data.ok) {
+      throw new Error((resp.data && resp.data.error) || ('HTTP ' + resp.status));
+    }
+    showToast(isUpdate ? 'Result updated' : 'Result created', 'success');
+    closeResultEditor();
+    loadResults();
+  }).catch(function(err) {
+    showToast('Save failed: ' + err.message, 'error');
+  });
+}
+
+function deleteResult(id) {
+  if (!id) return;
+  if (!confirm('Delete result ' + id + '?')) return;
+  fetch('/api/results/' + encodeURIComponent(id), {
+    method: 'DELETE',
+    headers: apiWriteHeaders(),
+  }).then(parseApiResponse).then(function(resp) {
+    if (!resp.ok || !resp.data || !resp.data.ok) {
+      throw new Error((resp.data && resp.data.error) || ('HTTP ' + resp.status));
+    }
+    showToast('Result deleted', 'success');
+    loadResults();
+  }).catch(function(err) {
+    showToast('Delete failed: ' + err.message, 'error');
+  });
+}
+
+// ── Dataset restart helpers ─────────────────
+function checkDatasetRestartNeeded() {
+  fetch('/api/sessions').then(function(r) { return r.json(); }).then(function(data) {
+    var sessions = data.sessions || [];
+    var needsRestart = sessions.filter(function(s) { return s.restartRequired; });
+    var btn = document.getElementById('datasetRestartBtn');
+    var notice = document.getElementById('datasetNotice');
+    var text = notice ? notice.querySelector('.dataset-notice-text') : null;
+    if (needsRestart.length > 0) {
+      if (text) text.textContent = needsRestart.length + ' active session' + (needsRestart.length > 1 ? 's' : '') + ' running with outdated config. Restart them now to apply dataset changes.';
+      if (btn) { btn.style.display = ''; btn.disabled = false; btn.textContent = 'Restart Sessions Now'; }
+    } else if (sessions.length > 0) {
+      if (text) text.textContent = 'Dataset changes are saved. Active sessions keep old mounts until you restart them.';
+      if (btn) btn.style.display = 'none';
+    } else {
+      if (text) text.textContent = 'No active sessions. Dataset changes will be used the next time you start a session.';
+      if (btn) btn.style.display = 'none';
+    }
+  }).catch(function() {});
+}
+
+function restartOutdatedSessions() {
+  var btn = document.getElementById('datasetRestartBtn');
+  if (btn) { btn.disabled = true; btn.textContent = 'Checking...'; }
+
+  fetch('/api/sessions').then(function(r) { return r.json(); }).then(function(data) {
+    var sessions = data.sessions || [];
+    var needsRestart = sessions.filter(function(s) { return s.restartRequired; });
+    if (needsRestart.length === 0) {
+      showToast('No sessions need restarting', 'success');
+      if (btn) { btn.style.display = 'none'; }
+      return;
+    }
+
+    var msg = 'Restarting will stop and relaunch ' + needsRestart.length + ' active session' + (needsRestart.length > 1 ? 's' : '')
+      + ' with the latest config. Unsaved work inside those sessions may be lost. Continue?';
+    if (!confirm(msg)) {
+      if (btn) {
+        btn.disabled = false;
+        btn.textContent = 'Restart Sessions Now';
+      }
+      return;
+    }
+    if (btn) { btn.disabled = true; btn.textContent = 'Restarting...'; }
+
+    var restartPromises = needsRestart.map(function(s) {
+      return fetch('/api/sessions/restart', {
+        method: 'POST',
+        headers: apiWriteHeaders(),
+        body: JSON.stringify({ id: s.id })
+      }).then(parseApiResponse).then(function(resp) {
+        var data = resp.data || {};
+        return { ok: !!(resp.ok && data.ok), error: data.error || ('HTTP ' + resp.status) };
+      });
+    });
+
+    Promise.all(restartPromises).then(function(results) {
+      var restarted = results.filter(function(r) { return r.ok; }).length;
+      var failed = results.length - restarted;
+      if (failed > 0) {
+        showToast(
+          restarted + ' session' + (restarted !== 1 ? 's' : '') + ' restarted, '
+            + failed + ' failed.',
+          'error'
+        );
+      } else {
+        showToast(restarted + ' session' + (restarted !== 1 ? 's' : '') + ' restarted with fresh config.', 'success');
+      }
+      if (btn) { btn.textContent = failed > 0 ? 'Retry Restart' : 'Restarted'; }
+      loadSessions();
+      setTimeout(function() { checkDatasetRestartNeeded(); }, 1200);
+    }).catch(function(err) {
+      showToast('Failed to restart sessions: ' + err.message, 'error');
+      if (btn) { btn.disabled = false; btn.textContent = 'Restart Sessions Now'; }
+    });
+  }).catch(function(err) {
+    showToast('Failed to fetch sessions: ' + err.message, 'error');
+    if (btn) { btn.disabled = false; btn.textContent = 'Restart Sessions Now'; }
+  });
+}
+
 // ── Restart from UI ─────────────────────────
-function restartFromUI(id, agent, workdir, btn) {
-  if (!confirm('Stop session ' + id.slice(0, 8) + ' and copy restart command?')) return;
+function restartFromUI(id, btn) {
+  if (!confirm('Restart session ' + id.slice(0, 8) + ' now? Unsaved work in that session may be lost.')) return;
   btn.disabled = true;
-  btn.textContent = 'Stopping...';
-  fetch('/api/sessions/stop', {
+  btn.textContent = 'Restarting...';
+  fetch('/api/sessions/restart', {
     method: 'POST',
     headers: apiWriteHeaders(),
     body: JSON.stringify({ id: id })
-  }).then(function(r) { return r.json(); }).then(function(data) {
-    if (data.ok) {
-      var cmd = 'labgate ' + agent + ' ' + workdir;
-      copyToClipboard(cmd);
-      showToast('Session stopped. Restart command copied: ' + cmd, 'success');
+  }).then(parseApiResponse).then(function(resp) {
+    var data = resp.data || {};
+    if (resp.ok && data.ok) {
+      showToast('Session restarted with fresh config', 'success');
+      loadSessions();
+      checkDatasetRestartNeeded();
     } else {
-      showToast('Stop failed: ' + (data.error || 'unknown'), 'error');
+      showToast('Restart failed: ' + (data.error || ('HTTP ' + resp.status)), 'error');
       btn.disabled = false;
-      btn.textContent = 'Stop & Copy Command';
+      btn.textContent = 'Restart Now';
     }
   }).catch(function(err) {
-    showToast('Stop failed: ' + err.message, 'error');
+    showToast('Restart failed: ' + err.message, 'error');
     btn.disabled = false;
-    btn.textContent = 'Stop & Copy Command';
+    btn.textContent = 'Restart Now';
   });
 }
 
-function copyToClipboard(text) {
-  try {
-    navigator.clipboard.writeText(text);
-  } catch(e) {
-    // Fallback for non-HTTPS or older browsers
-    var ta = document.createElement('textarea');
-    ta.value = text;
-    ta.style.position = 'fixed';
-    ta.style.left = '-9999px';
-    document.body.appendChild(ta);
-    ta.select();
-    try { document.execCommand('copy'); } catch(e2) {}
-    document.body.removeChild(ta);
-  }
-}
-
 // ── Change listeners on simple fields ────────
 ['runtime', 'image', 'timeout', 'networkMode', 'auditEnabled', 'logDir'].forEach(function(id) {
   var el = document.getElementById(id);
@@ -2255,7 +3677,9 @@ function copyToClipboard(text) {
 function loadConfig() {
   fetch('/api/config').then(function(r) { return r.json(); }).then(function(data) {
     config = data;
-    originalConfig = JSON.stringify(data);
+    if (!config.network) config.network = {};
+    config.network.mode = normalizeUiNetworkMode(config.network.mode);
+    originalConfig = JSON.stringify(config);
     populateUI();
     updateNetSwitcher();
   }).catch(function(err) {
@@ -2276,6 +3700,7 @@ function saveConfig() {
       dirty = false;
       document.getElementById('saveBar').classList.remove('visible');
       showToast('Config saved', 'success');
+      checkDatasetRestartNeeded();
     } else {
       var msg = data.error || (data.errors || []).join(', ') || 'unknown error';
       showToast('Save failed: ' + msg, 'error');
@@ -2300,7 +3725,7 @@ function loadConfigPath() {
 
 // ── Network mode switcher ────────────────────
 function updateNetSwitcher() {
-  var mode = config.network ? config.network.mode : 'none';
+  var mode = normalizeUiNetworkMode(config.network ? config.network.mode : 'host');
   document.querySelectorAll('.net-mode-pill').forEach(function(pill) {
     var m = pill.dataset.mode;
     pill.className = 'net-mode-pill' + (m === mode ? ' active-' + m : '');
@@ -2308,6 +3733,7 @@ function updateNetSwitcher() {
 }
 
 function switchNetMode(mode) {
+  mode = normalizeUiNetworkMode(mode);
   collectConfig();
   config.network.mode = mode;
   updateNetSwitcher();
@@ -2427,7 +3853,7 @@ function renderSessions(data) {
       var dotClass = actStatus !== 'unknown' ? actStatus : (s.status || 'running');
       var dotLabel = activity.label || s.status || 'running';
       var cardClass = 'session-card' + (actStatus === 'waiting' ? ' waiting' : '');
-      html += '<div class="' + cardClass + '">';
+      html += '<div class="' + cardClass + '" onclick="onSessionCardClick(event, \'' + escapeHtml(s.id || '') + '\')" style="cursor:pointer">';
       html += '<div class="session-card-header">';
       html += '<span class="badge ' + agentBadgeClass(agent) + '">' + escapeHtml(agent) + '</span>';
       html += '<span class="session-id">' + escapeHtml(shortId) + '</span>';
@@ -2446,7 +3872,7 @@ function renderSessions(data) {
         html += '<span class="restart-banner-icon">&#9888;</span>';
         html += '<span class="restart-banner-text">' + escapeHtml(reasons) + '. Restart to apply. ';
         html += '<code>labgate restart ' + escapeHtml(shortId) + '</code></span>';
-        html += '<button class="btn-restart-stop" onclick="restartFromUI(\'' + escapeHtml(s.id || '') + '\', \'' + escapeHtml(agent) + '\', \'' + escapeHtml(s.workdir || '') + '\', this)">Stop &amp; Copy Command</button>';
+        html += '<button class="btn-restart-stop" onclick="restartFromUI(\'' + escapeHtml(s.id || '') + '\', this)">Restart Now</button>';
         html += '</div>';
       }
       // Sparkline timeline + resource usage
@@ -2668,19 +4094,6 @@ function stopSession(id, btn) {
 
 // ── Security stats rendering ─────────────────
 function renderSecurity(data) {
-  document.getElementById('blockedCountValue').textContent = data.blockedCount || '0';
-  document.getElementById('blacklistCountValue').textContent = data.protection ? data.protection.blacklistedCommands : '-';
-  document.getElementById('patternsCountValue').textContent = data.protection ? data.protection.blockedPatterns : '-';
-  document.getElementById('netModeValue').textContent = data.protection ? data.protection.networkMode : '-';
-
-  var statEl = document.getElementById('secStatBlocked');
-  if (data.blockedCount > 0) {
-    statEl.classList.add('has-blocked');
-  } else {
-    statEl.classList.remove('has-blocked');
-  }
-
-  // Render blocked events list
   var listEl = document.getElementById('blockedEventsList');
   var cmds = data.blockedCommands || [];
   if (cmds.length === 0) {
@@ -2725,14 +4138,16 @@ function connectSSE() {
       try {
         var d = JSON.parse(e.data);
         if (d.stats) updateSlurmStats(d.stats);
-        // Show the SLURM tab if not yet visible
+        // Show SLURM content if not yet visible
         if (!slurmEnabled && d.stats && d.stats.total > 0) {
           slurmEnabled = true;
-          var tab = document.getElementById('slurmTab');
-          if (tab) tab.style.display = '';
+          var emptyEl = document.getElementById('jobsEmptyState');
+          var contentEl = document.getElementById('jobsSlurmContent');
+          if (emptyEl) emptyEl.style.display = 'none';
+          if (contentEl) contentEl.style.display = '';
         }
         // Update table if panel is active
-        var panel = document.getElementById('panel-slurm');
+        var panel = document.getElementById('panel-jobs');
         if (panel && panel.classList.contains('active') && d.jobs) {
           var el = document.getElementById('slurmJobsContent');
           if (d.jobs.length === 0) {
@@ -2819,6 +4234,76 @@ function getInstructionButtonLabel(agent) {
   return getDefaultInstructionFile(agent);
 }
 
+// ── Sidebar resize ─────────────────────────
+(function initSidebarResize() {
+  var handle = document.getElementById('sidebarResizeHandle');
+  if (!handle) return;
+  var panel = handle.closest('.instructions-modal');
+  var minWidth = 320;
+  var maxWidthPct = 85;
+  var dragging = false;
+
+  function onMouseDown(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    dragging = true;
+    handle.classList.add('dragging');
+    panel.classList.add('resizing');
+    document.body.style.cursor = 'col-resize';
+    document.body.style.userSelect = 'none';
+    document.addEventListener('mousemove', onMouseMove);
+    document.addEventListener('mouseup', onMouseUp);
+  }
+
+  function onMouseMove(e) {
+    if (!dragging) return;
+    var vw = window.innerWidth;
+    var newWidth = vw - e.clientX;
+    if (newWidth < minWidth) newWidth = minWidth;
+    var maxPx = vw * maxWidthPct / 100;
+    if (newWidth > maxPx) newWidth = maxPx;
+    panel.style.width = newWidth + 'px';
+  }
+
+  function onMouseUp() {
+    dragging = false;
+    handle.classList.remove('dragging');
+    panel.classList.remove('resizing');
+    document.body.style.cursor = '';
+    document.body.style.userSelect = '';
+    document.removeEventListener('mousemove', onMouseMove);
+    document.removeEventListener('mouseup', onMouseUp);
+  }
+
+  handle.addEventListener('mousedown', onMouseDown);
+
+  // Touch support
+  handle.addEventListener('touchstart', function(e) {
+    e.preventDefault();
+    dragging = true;
+    handle.classList.add('dragging');
+    panel.classList.add('resizing');
+  }, { passive: false });
+
+  document.addEventListener('touchmove', function(e) {
+    if (!dragging) return;
+    var touch = e.touches[0];
+    var vw = window.innerWidth;
+    var newWidth = vw - touch.clientX;
+    if (newWidth < minWidth) newWidth = minWidth;
+    var maxPx = vw * maxWidthPct / 100;
+    if (newWidth > maxPx) newWidth = maxPx;
+    panel.style.width = newWidth + 'px';
+  });
+
+  document.addEventListener('touchend', function() {
+    if (!dragging) return;
+    dragging = false;
+    handle.classList.remove('dragging');
+    panel.classList.remove('resizing');
+  });
+})();
+
 function formatInstructionTime(ms) {
   if (!ms || !Number.isFinite(ms)) return '';
   try { return new Date(ms).toLocaleString(); } catch { return ''; }
@@ -2862,6 +4347,16 @@ function renderManagedInstruction() {
   if (text) text.textContent = hasManaged ? instructionsState.managedText : '';
 }
 
+function onSessionCardClick(event, sessionId) {
+  // Don't open sidebar if user clicked a button or link inside the card
+  var t = event.target;
+  while (t && t !== event.currentTarget) {
+    if (t.tagName === 'BUTTON' || t.tagName === 'A') return;
+    t = t.parentElement;
+  }
+  openInstructions(sessionId);
+}
+
 function openInstructions(sessionId) {
   if (!sessionId) return;
   var modal = document.getElementById('instructionsModal');
@@ -3032,9 +4527,214 @@ function saveInstructionsFile() {
 }
 
 document.addEventListener('keydown', function(event) {
-  if (event.key === 'Escape') { closeInstructions(); closeSlurmOutput(); closeSlurmNotes(); }
+  if (event.key === 'Escape') { closeInstructions(); closeSlurmOutput(); closeSlurmNotes(); closeResultEditor(); }
 });
 
+// ── MCP Servers ──────────────────────────────
+
+function setMcpTabActive(active) {
+  if (active) {
+    if (!mcpAutoRefreshTimer) {
+      mcpAutoRefreshTimer = setInterval(function() {
+        loadMcpServers({ background: true, autoRepair: false });
+      }, MCP_AUTO_REFRESH_MS);
+    }
+  } else if (mcpAutoRefreshTimer) {
+    clearInterval(mcpAutoRefreshTimer);
+    mcpAutoRefreshTimer = null;
+  }
+}
+
+function triggerMcpAutoRegister() {
+  if (mcpAutoRegisterInFlight) return;
+  mcpAutoRegisterInFlight = true;
+  fetch('/api/mcp/reregister', {
+    method: 'POST',
+    headers: apiWriteHeaders(),
+    body: '{}',
+  }).then(parseApiResponse).then(function(resp) {
+    if (!resp.ok || !resp.data || !resp.data.ok) {
+      var msg = (resp.data && resp.data.error) || ('HTTP ' + resp.status);
+      showToast('MCP auto-setup failed: ' + msg, 'error');
+      return;
+    }
+    loadMcpServers({ background: true, autoRepair: false });
+  }).catch(function(err) {
+    showToast('MCP auto-setup failed: ' + err.message, 'error');
+  }).finally(function() {
+    mcpAutoRegisterInFlight = false;
+  });
+}
+
+function loadMcpServers(options) {
+  var opts = options || {};
+  var background = !!opts.background;
+  var autoRepair = opts.autoRepair !== false;
+  var el = document.getElementById('mcpContent');
+  if (!background) {
+    el.innerHTML = '<div class="empty-state">Loading...</div>';
+  }
+
+  fetch('/api/mcp').then(function(r) { return r.json(); }).then(function(data) {
+    if (!data.ok || !data.servers) {
+      el.innerHTML = '<div class="empty-state">Could not load MCP server data</div>';
+      return;
+    }
+
+    // Update badge
+    var badge = document.getElementById('mcpBadge');
+    if (data.activeCount > 0) {
+      badge.textContent = data.activeCount;
+      badge.style.display = '';
+    } else {
+      badge.style.display = 'none';
+    }
+
+    var activeServers = data.servers.filter(function(s) { return s.active; });
+    var inactiveServers = data.servers.filter(function(s) { return !s.active; });
+
+    if (activeServers.length === 0 && inactiveServers.length === 0) {
+      el.innerHTML = renderMcpEmptyState();
+      return;
+    }
+
+    var html = '';
+    activeServers.forEach(function(s) { html += renderMcpServerCard(s); });
+    inactiveServers.forEach(function(s) { html += renderMcpServerCard(s); });
+    el.innerHTML = html;
+
+    if (autoRepair) {
+      var needsRegistration = data.servers.some(function(s) {
+        return !!s.configured && !s.registered;
+      });
+      if (needsRegistration) {
+        triggerMcpAutoRegister();
+      }
+    }
+  }).catch(function() {
+    if (!background) {
+      el.innerHTML = '<div class="empty-state">Error loading MCP servers</div>';
+    }
+  });
+}
+
+function renderMcpEmptyState() {
+  var iconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>';
+  return '<div class="mcp-empty">' +
+    '<div class="mcp-empty-icon">' + iconSvg + '</div>' +
+    '<div class="mcp-empty-title">No MCP Servers</div>' +
+    '<div class="mcp-empty-subtitle">MCP servers are automatically registered when you enable features like SLURM tracking or configure datasets. Start a session to activate them.</div>' +
+    '</div>';
+}
+
+function renderMcpServerCard(server) {
+  var ready = !!server.ready;
+  var configured = !!server.configured;
+  var registered = !!server.registered;
+  var statusClass = ready ? 'active' : (configured ? 'partial' : 'inactive');
+  var statusLabel = ready ? 'Ready' : (configured ? 'Needs Setup' : 'Disabled');
+
+  var iconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg>';
+
+  var html = '<div class="mcp-server-card">';
+  html += '<div class="mcp-server-header">';
+  html += '<div class="mcp-server-icon">' + iconSvg + '</div>';
+  html += '<span class="mcp-server-name">' + escapeHtml(server.name) + '</span>';
+  html += '<span class="mcp-server-status ' + statusClass + '">' + statusLabel + '</span>';
+  html += '</div>';
+  html += '<div class="mcp-server-states">'
+    + '<span class="mcp-state-pill ' + (configured ? 'on' : 'off') + '">Configured: ' + (configured ? 'yes' : 'no') + '</span>'
+    + '<span class="mcp-state-pill ' + (registered ? 'on' : 'off') + '">Registered: ' + (registered ? 'yes' : 'no') + '</span>'
+    + '<span class="mcp-state-pill ' + (ready ? 'on' : 'off') + '">Ready: ' + (ready ? 'yes' : 'no') + '</span>'
+    + '</div>';
+  var reason = mcpReasonText(server.reason);
+  if (reason) {
+    html += '<div class="mcp-server-reason">' + escapeHtml(reason) + '</div>';
+  }
+  html += '<div class="mcp-server-desc">' + escapeHtml(server.description) + '</div>';
+
+  if (server.command) {
+    var cmdStr = server.command;
+    if (server.args && server.args.length > 0) {
+      cmdStr += ' ' + server.args.join(' ');
+    }
+    html += '<div class="mcp-server-command">' + escapeHtml(cmdStr) + '</div>';
+  }
+
+  if (server.tools && server.tools.length > 0) {
+    html += '<div class="mcp-tools-label">Commands (' + server.tools.length + ')</div>';
+    html += '<div class="mcp-tool-list">';
+    server.tools.forEach(function(tool) {
+      var title = tool.title || tool.name;
+      var example = mcpToolExample(tool.name);
+      html += '<div class="mcp-tool-item">';
+      html += '<div class="mcp-tool-main">';
+      html += '<span class="mcp-tool-name">' + escapeHtml(tool.name) + '</span>';
+      html += '<span class="mcp-tool-title">' + escapeHtml(title) + '</span>';
+      html += '</div>';
+      html += '<div class="mcp-tool-desc">' + escapeHtml(tool.description) + '</div>';
+      if (example) {
+        html += '<div class="mcp-tool-example">Try: ' + escapeHtml(example) + '</div>';
+      }
+      html += '</div>';
+    });
+    html += '</div>';
+  }
+
+  html += '</div>';
+  return html;
+}
+
+function mcpToolExample(name) {
+  var prompts = {
+    get_cluster_partitions: 'Show cluster partitions and their limits.',
+    get_partition_limits: 'Show detailed limits for partition gpu.',
+    get_queue_pressure: 'Show queue pressure by partition.',
+    find_module: 'Find available modules matching openmpi.',
+    list_slurm_jobs: 'Show my running SLURM jobs.',
+    get_slurm_job: 'Show details for SLURM job 12345.',
+    get_slurm_output: 'Show the latest stdout for SLURM job 12345.',
+    cancel_slurm_job: 'Cancel SLURM job 12345.',
+    set_slurm_job_notes: 'Add a note to SLURM job 12345: GPU queue is congested.',
+    list_datasets: 'List all datasets I can access.',
+    inspect_dataset: 'Inspect the genomes dataset.',
+    search_dataset: 'Search genomes for files matching "*.fa".',
+    get_dataset_summary: 'Summarize the genomes dataset.',
+    read_dataset_file: 'Read /README.md from the genomes dataset.',
+    validate_dataset: 'Validate dataset path /data/genomes with name genomes in read-only mode.',
+    register_dataset: 'Register /data/genomes as dataset genomes (read-only).',
+    update_dataset: 'Update dataset genomes description to "Human reference genomes".',
+    unregister_dataset: 'Remove dataset genomes.',
+    list_results: 'List results tagged gpu from source claude.',
+    register_result: 'Register result: GPU tuning reduced runtime by 22%.',
+    get_result: 'Get result by id 123e4567-e89b-12d3-a456-426614174000.',
+    update_result: 'Update result 123e... with a clearer summary.',
+    delete_result: 'Delete result 123e...'
+  };
+  return prompts[name] || '';
+}
+
+function mcpReasonText(reason) {
+  if (!reason || reason === 'ready') return '';
+  if (reason === 'disabled_in_config') return 'Disabled in config: enable the feature first.';
+  if (reason === 'not_registered_yet') return 'Preparing registration. Open a session if this does not clear automatically.';
+  if (reason === 'missing_command') return 'Invalid MCP entry: missing command.';
+  if (reason === 'missing_bundle_or_script') return 'Registered command path is missing on disk.';
+  if (reason === 'missing_dependency_better_sqlite3') return 'Missing runtime dependency: better-sqlite3 for SLURM MCP.';
+  return 'Not ready: ' + reason;
+}
+
+function initMcpBadge() {
+  fetch('/api/mcp').then(function(r) { return r.json(); }).then(function(data) {
+    if (!data.ok) return;
+    var badge = document.getElementById('mcpBadge');
+    if (data.activeCount > 0) {
+      badge.textContent = data.activeCount;
+      badge.style.display = '';
+    }
+  }).catch(function() {});
+}
+
 // ── SLURM Jobs ───────────────────────────────
 var slurmEnabled = false;
 var slurmSearchTimeout = null;
@@ -3046,8 +4746,10 @@ function initSlurmTab() {
   fetch('/api/config').then(function(r) { return r.json(); }).then(function(cfg) {
     if (cfg && cfg.slurm && cfg.slurm.enabled) {
       slurmEnabled = true;
-      var tab = document.getElementById('slurmTab');
-      if (tab) tab.style.display = '';
+      var emptyEl = document.getElementById('jobsEmptyState');
+      var contentEl = document.getElementById('jobsSlurmContent');
+      if (emptyEl) emptyEl.style.display = 'none';
+      if (contentEl) contentEl.style.display = '';
       loadSlurmJobs();
     }
   }).catch(function() {});
@@ -3229,12 +4931,14 @@ function editSlurmNotes(jobId) {
   var job = _slurmJobsCache.find(function(j){ return j.job_id === jobId; });
   document.getElementById('slurmNotesSubtitle').textContent = 'Job ' + jobId + (job && job.name ? ' (' + job.name + ')' : '');
   document.getElementById('slurmNotesTextarea').value = (job && job.notes) || '';
-  document.getElementById('slurmNotesModal').style.display = 'flex';
+  document.getElementById('slurmNotesModal').classList.add('visible');
+  document.body.style.overflow = 'hidden';
   document.getElementById('slurmNotesTextarea').focus();
 }
 
 function closeSlurmNotes() {
-  document.getElementById('slurmNotesModal').style.display = 'none';
+  document.getElementById('slurmNotesModal').classList.remove('visible');
+  document.body.style.overflow = '';
   _notesJobId = null;
 }
 
@@ -3262,7 +4966,8 @@ function openSlurmOutput(jobId, stream) {
   document.getElementById('slurmOutStdout').classList.toggle('active', currentSlurmOutputStream === 'stdout');
   document.getElementById('slurmOutStderr').classList.toggle('active', currentSlurmOutputStream === 'stderr');
 
-  document.getElementById('slurmOutputModal').style.display = '';
+  document.getElementById('slurmOutputModal').classList.add('visible');
+  document.body.style.overflow = 'hidden';
   refreshSlurmOutput();
 }
 
@@ -3298,7 +5003,8 @@ function refreshSlurmOutput() {
 }
 
 function closeSlurmOutput() {
-  document.getElementById('slurmOutputModal').style.display = 'none';
+  document.getElementById('slurmOutputModal').classList.remove('visible');
+  document.body.style.overflow = '';
   currentSlurmOutputJobId = null;
 }
 
@@ -3370,7 +5076,16 @@ function applyFieldLocks(data) {
     var field = el.closest('.field');
     if (field) field.classList.add('field-locked');
     el.disabled = true;
-    el.title = 'Managed by your institution\'s admin';
+    el.title = 'Set by admin';
+    if (field) {
+      var label = field.querySelector('label');
+      if (label && !label.querySelector('.set-by-admin-note')) {
+        var note = document.createElement('span');
+        note.className = 'set-by-admin-note';
+        note.textContent = 'Set by admin';
+        label.appendChild(note);
+      }
+    }
   });
 
   // Lock network mode pills if network.mode is locked
@@ -3462,6 +5177,7 @@ function initAdminTabs(bootstrapOnly) {
       document.querySelectorAll('.tab').forEach(function(t) { t.classList.remove('active'); });
       document.querySelectorAll('.tab-panel').forEach(function(p) { p.classList.remove('active'); });
       btn.classList.add('active');
+      setMcpTabActive(false);
       var panel = document.getElementById('panel-admin-' + name.toLowerCase());
       if (panel) { panel.style.display = ''; panel.classList.add('active'); }
       if (name === 'Policy') loadAdminPolicy();
@@ -3577,6 +5293,7 @@ loadConfig();
 loadConfigPath();
 loadSessions();
 loadSecurity();
+initMcpBadge();
 initSlurmTab();
 initEnterprise();
 </script>