From 5565867ba96552c6730ac34774f9bf34cbbdb450 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Mon, 17 Aug 2026 18:10:10 +0000
Subject: [PATCH] indent and space a directory's sessions
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The rows sat flush against their own heading and against the next directory, so an expanded node ran into
its neighbours as one undifferentiated column — the tree stopped reading as a hierarchy at exactly the
moment it had one.

pl-8 lines the rows up under the heading's TEXT rather than under its chevron, which is what makes "these
belong to that" legible without drawing a guide line, and py-2 separates the group from the headings above
and below it.
---
 .../officerdev/src/apps/ChatHistory/SessionTree.tsx  | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/workspaces/officerdev/src/apps/ChatHistory/SessionTree.tsx b/src/workspaces/officerdev/src/apps/ChatHistory/SessionTree.tsx
index 22f9c3e7..06eb3f63 100644
--- a/src/workspaces/officerdev/src/apps/ChatHistory/SessionTree.tsx
+++ b/src/workspaces/officerdev/src/apps/ChatHistory/SessionTree.tsx
@@ -112,14 +112,22 @@ const DirectoryNode = ({ pwd, home, expanded, onToggle, live, activeId, actions
         </button>
       </div>
 
+      {/*
+        Inset, and breathing room top and bottom.
+
+        The rows sat flush against their own directory heading and against the next one, so an expanded node
+        ran into its neighbours as one undifferentiated column and the tree stopped reading as a hierarchy at
+        exactly the moment it had one. The left inset lines the rows up under their heading's TEXT rather than
+        under its chevron, which is what makes "these belong to that" legible without a guide line.
+      */}
       {expanded && (
-        <div className="bg-background/40">
+        <div className="bg-background/40 py-2 pl-8">
           {isLoading && sessions.length === 0 ? (
             <LoadingBlock label="Reading transcripts…" />
           ) : sessions.length === 0 ? (
             // Reachable: `/chat/pwds` counts transcripts per group, and a group can hold only files this
             // reader skips. Better than an accordion that opens onto nothing.
-            <div className="px-9 py-3 text-xs text-muted-foreground">No readable conversations here.</div>
+            <div className="py-3 text-xs text-muted-foreground">No readable conversations here.</div>
           ) : (
             <DataList className="!h-auto !overflow-visible">
               {sessions.map((session) => (