From 191d5b2e57cb688ffafece992ae307ce580ff896 Mon Sep 17 00:00:00 2001
From: LukeGus <bugattiguy527@gmail.com>
Date: Fri, 6 Nov 2026 18:19:00 -0600
Subject: [PATCH] fix: hide empty tile stack sections so closed editors add no
 lines

---
 src/ui/components/tile-grid/TileStack.tsx           |  2 +-
 src/ui/tests/components/tile-grid/TileWall.test.tsx | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/ui/components/tile-grid/TileStack.tsx b/src/ui/components/tile-grid/TileStack.tsx
index cae0eadbf..b4a3b0df7 100644
--- a/src/ui/components/tile-grid/TileStack.tsx
+++ b/src/ui/components/tile-grid/TileStack.tsx
@@ -21,7 +21,7 @@ export function TileStack({
           {Children.toArray(children).map((section, index) => (
             <div
               key={keyOf(section, index)}
-              className="min-w-0 shrink-0 border-b border-border [&>[data-slot=toolbar-band]]:border-b-0"
+              className="min-w-0 shrink-0 border-b border-border empty:hidden [&>[data-slot=toolbar-band]]:border-b-0"
             >
               {section}
             </div>
diff --git a/src/ui/tests/components/tile-grid/TileWall.test.tsx b/src/ui/tests/components/tile-grid/TileWall.test.tsx
index 44af98eea..e7c76634b 100644
--- a/src/ui/tests/components/tile-grid/TileWall.test.tsx
+++ b/src/ui/tests/components/tile-grid/TileWall.test.tsx
@@ -113,6 +113,19 @@ describe("TileStack", () => {
     expect(screen.getByText("first").parentElement).toHaveClass("border-b");
     expect(screen.getByText("second").parentElement).toHaveClass("border-b");
   });
+
+  it("hides a section whose child renders nothing, like a closed editor", () => {
+    const Closed = () => null;
+    const { container } = render(
+      <TileStack>
+        <span>first</span>
+        <Closed />
+      </TileStack>,
+    );
+    const sections = container.querySelectorAll(".border-b");
+    expect(sections[sections.length - 1]).toHaveClass("empty:hidden");
+    expect(sections[sections.length - 1]).toBeEmptyDOMElement();
+  });
 });
 
 describe("cards outside a tile layout", () => {