From 9c979c2f710ccd58080c8fffed2ab56c4b0d8778 Mon Sep 17 00:00:00 2001
From: Edwin <edwin@zarvis.ai>
Date: Sun, 24 May 2026 11:53:24 -0700
Subject: [PATCH 1/2] style(webui): add session view scrollbar styling

---
 crates/daemon/assets/index.html | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/crates/daemon/assets/index.html b/crates/daemon/assets/index.html
index 22cc5d53..dcae054d 100644
--- a/crates/daemon/assets/index.html
+++ b/crates/daemon/assets/index.html
@@ -33,6 +33,8 @@
     --bubble-user: #1a2c4a;
     --bubble-assistant: #1c2027;
     --bubble-system: #1a1a1f;
+    --session-scrollbar-track: rgba(229, 231, 235, 0.30);
+    --session-scrollbar-thumb: rgba(229, 231, 235, 0.80);
   }
   @media (prefers-color-scheme: light) {
     :root {
@@ -47,6 +49,8 @@
       --bubble-user: #dceaff;
       --bubble-assistant: #f2f3f6;
       --bubble-system: #ebecf0;
+      --session-scrollbar-track: rgba(17, 22, 30, 0.30);
+      --session-scrollbar-thumb: rgba(17, 22, 30, 0.80);
     }
   }
   * { box-sizing: border-box; }
@@ -311,6 +315,24 @@
     overflow-y: auto;
     padding: 12px 14px 16px;
     scroll-behavior: smooth;
+    scrollbar-color: var(--session-scrollbar-thumb) var(--session-scrollbar-track);
+    scrollbar-width: thin;
+  }
+  .transcript::-webkit-scrollbar {
+    width: 16px;
+  }
+  .transcript::-webkit-scrollbar-track {
+    background: var(--session-scrollbar-track);
+  }
+  .transcript::-webkit-scrollbar-thumb {
+    background: var(--session-scrollbar-thumb);
+    border: 4px solid transparent;
+    background-clip: content-box;
+    border-radius: 999px;
+  }
+  .transcript::-webkit-scrollbar-thumb:hover {
+    background: var(--fg);
+    background-clip: content-box;
   }
   .row {
     margin: 8px 0;

From 9c64e03579f6977b6ada34c13938217795fdbfdd Mon Sep 17 00:00:00 2001
From: Edwin <edwin@zarvis.ai>
Date: Sun, 24 May 2026 11:57:47 -0700
Subject: [PATCH 2/2] style(webui): style terminal viewport scrollbar

---
 crates/daemon/assets/index.html | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/crates/daemon/assets/index.html b/crates/daemon/assets/index.html
index dcae054d..30f8766b 100644
--- a/crates/daemon/assets/index.html
+++ b/crates/daemon/assets/index.html
@@ -619,6 +619,26 @@
     overscroll-behavior: contain;
     touch-action: pan-y;
   }
+  .terminal-host .xterm .xterm-viewport {
+    scrollbar-color: var(--session-scrollbar-thumb) var(--session-scrollbar-track);
+    scrollbar-width: thin;
+  }
+  .terminal-host .xterm .xterm-viewport::-webkit-scrollbar {
+    width: 16px;
+  }
+  .terminal-host .xterm .xterm-viewport::-webkit-scrollbar-track {
+    background: var(--session-scrollbar-track);
+  }
+  .terminal-host .xterm .xterm-viewport::-webkit-scrollbar-thumb {
+    background: var(--session-scrollbar-thumb);
+    border: 4px solid transparent;
+    background-clip: content-box;
+    border-radius: 999px;
+  }
+  .terminal-host .xterm .xterm-viewport::-webkit-scrollbar-thumb:hover {
+    background: var(--fg);
+    background-clip: content-box;
+  }
   .terminal-loading {
     position: absolute;
     inset: 0;