Updated to work a lot better.

static/style.css

@@ -237,6 +237,65 @@ main {
     font-style: italic;
 }
 
+/* Tree View Styles */
+.file-tree {
+    margin-top: 1rem;
+}
+
+.tree-list {
+    list-style: none;
+    padding-left: 0;
+}
+
+.tree-list .tree-list {
+    padding-left: 1.5rem;
+    margin-top: 0.25rem;
+}
+
+.tree-folder,
+.tree-file {
+    padding: 0.25rem 0;
+    margin: 0.25rem 0;
+}
+
+.folder-toggle {
+    cursor: pointer;
+    padding: 0.25rem 0.5rem;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    user-select: none;
+    font-weight: 500;
+    color: var(--primary-color);
+    transition: color 0.2s ease;
+}
+
+.folder-toggle:hover {
+    color: var(--secondary-color);
+}
+
+details > summary::-webkit-details-marker {
+    display: none;
+}
+
+details > summary::before {
+    content: "▶ ";
+    display: inline-block;
+    margin-right: 0.25rem;
+    transition: transform 0.2s ease;
+}
+
+details[open] > summary::before {
+    transform: rotate(90deg);
+}
+
+.tree-children {
+    margin-top: 0.25rem;
+    padding-left: 0.5rem;
+    border-left: 2px solid var(--border-color);
+    margin-left: 0.25rem;
+}
+
 .empty-state {
     text-align: center;
     padding: 3rem;