fixup! Port the tree reporter to textual

Don't use a ListView for the node details, since we don't want users to be able to hover or click individual detail rows

Author: godlygeek

src/memray/reporters/tree.py

@@ -25,8 +25,6 @@
 from textual.widget import Widget
 from textual.widgets import Footer
 from textual.widgets import Label
-from textual.widgets import ListItem
-from textual.widgets import ListView
 from textual.widgets import TextArea
 from textual.widgets import Tree
 from textual.widgets.tree import TreeNode
@@ -120,23 +118,20 @@ def compose(self) -> ComposeResult:
         text.can_focus = False
         text.cursor_blink = False
 
-        list_view = ListView(
-            ListItem(Label(f":compass: Function: {function}", id="function")),
-            ListItem(Label(f":compass: Location: {file}:{line}", id="location")),
-            ListItem(
-                Label(
-                    f":floppy_disk: Allocations: {self.frame.n_allocations}",
-                    id="allocs",
-                )
+        node_metadata = Vertical(
+            Label(f":compass: Function: {function}", id="function"),
+            Label(f":compass: Location: {file}:{line}", id="location"),
+            Label(
+                f":floppy_disk: Allocations: {self.frame.n_allocations}",
+                id="allocs",
             ),
-            ListItem(Label(f":package: Size: {size_fmt(self.frame.value)}", id="size")),
-            ListItem(Label(f":thread: Thread: {self.frame.thread_id}", id="thread")),
+            Label(f":package: Size: {size_fmt(self.frame.value)}", id="size"),
+            Label(f":thread: Thread: {self.frame.thread_id}", id="thread"),
         )
-        list_view.can_focus = False
 
         yield Grid(
             text,
-            list_view,
+            node_metadata,
             id="frame-detail-grid",
         )
 
@@ -178,6 +173,13 @@ class TreeApp(App[None]):
             padding: 1 3;
         }
 
+        #frame-detail-grid Label {
+            color: $text;
+            height: auto;
+            width: 100%;
+            background: $panel-lighten-1;
+        }
+
         #frame-detail-grid {
             grid-size: 1 2;
             grid-gutter: 1 2;