From c8c7e0fba42c5f0c21aade2f5a3d3371f2ec6706 Mon Sep 17 00:00:00 2001
From: Mario Zechner <badlogicgames@gmail.com>
Date: Thu, 1 Jan 2026 03:46:08 +0100
Subject: [PATCH] Polish export-html tree styling

- Add subtle border between sidebar and content
- Use selectedBg for tree node hover state
- Add left border accent for active and in-path nodes
---
 .../coding-agent/src/core/export-html/template.html  | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/coding-agent/src/core/export-html/template.html b/packages/coding-agent/src/core/export-html/template.html
index beb411a6..92351c6e 100644
--- a/packages/coding-agent/src/core/export-html/template.html
+++ b/packages/coding-agent/src/core/export-html/template.html
@@ -37,6 +37,7 @@
       position: sticky;
       top: 0;
       height: 100vh;
+      border-right: 1px solid var(--dim);
     }
 
     .sidebar-header {
@@ -110,17 +111,24 @@
     }
 
     .tree-node:hover {
-      background: rgba(128, 128, 128, 0.15);
+      background: var(--selectedBg);
     }
 
     .tree-node.active {
-      background: rgba(128, 128, 128, 0.2);
+      background: var(--selectedBg);
+      border-left: 2px solid var(--accent);
+      padding-left: 6px;
     }
 
     .tree-node.active .tree-content {
       font-weight: bold;
     }
 
+    .tree-node.in-path {
+      border-left: 2px solid var(--dim);
+      padding-left: 6px;
+    }
+
     .tree-prefix {
       color: var(--dim);
       flex-shrink: 0;