enable scrollbar

2 files changed, 11 insertions, 1 deletions

diff --git a/packages/opencode/src/cli/cmd/tui/app.tsx b/packages/opencode/src/cli/cmd/tui/app.tsx
index c382a0f14..9d30ed6d8 100644
--- a/packages/opencode/src/cli/cmd/tui/app.tsx
+++ b/packages/opencode/src/cli/cmd/tui/app.tsx
@@ -299,6 +299,7 @@ function App() {
     },
     {
       title: "Toggle debug panel",
+      category: "System",
       value: "app.debug",
       onSelect: (dialog) => {
         renderer.toggleDebugOverlay()
@@ -307,6 +308,7 @@ function App() {
     },
     {
       title: "Toggle console",
+      category: "System",
       value: "app.fps",
       onSelect: (dialog) => {
         renderer.console.toggle()
diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
index de8b2b897..c7c0e4a20 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
@@ -677,7 +677,15 @@ export function Session() {
             </Show>
             <scrollbox
               ref={(r) => (scroll = r)}
-              scrollbarOptions={{ visible: false }}
+              scrollbarOptions={{
+                trackOptions: {
+                  backgroundColor: theme.backgroundElement,
+                  foregroundColor: theme.primary,
+                },
+                arrowOptions: {
+                  foregroundColor: theme.primary,
+                },
+              }}
               stickyScroll={true}
               stickyStart="bottom"
               flexGrow={1}