From 31132e818f268a7235e91d8efac6e41e5d6f246c Mon Sep 17 00:00:00 2001
From: Julius Marminge <julius0216@outlook.com>
Date: Tue, 3 Nov 2026 15:30:02 +0000
Subject: [PATCH 1/2] test(web): reproduce many servers hiding thread details
 sections

Reproduces pingdotgg/t3code#30220: a tall Servers list counts toward the
thread details card's fitting height, so the card drops to compact density
and hides Servers, Lineage and workspace sections.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../chat/ThreadDetailsCard.browser.test.tsx     | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/apps/web/src/components/chat/ThreadDetailsCard.browser.test.tsx b/apps/web/src/components/chat/ThreadDetailsCard.browser.test.tsx
index 673fe94ee1090..52faef4853eab 100644
--- a/apps/web/src/components/chat/ThreadDetailsCard.browser.test.tsx
+++ b/apps/web/src/components/chat/ThreadDetailsCard.browser.test.tsx
@@ -44,6 +44,7 @@ function Card({
   fixture,
   rows = 1,
   automationRows = 0,
+  serverRows = 0,
 }: {
   threadRef: ScopedThreadRef;
   inline: boolean;
@@ -52,6 +53,8 @@ function Card({
   rows?: number;
   /** Rows of 100px in an automations list shown at full density. */
   automationRows?: number;
+  /** Rows of 100px in a servers list shown at full density. */
+  serverRows?: number;
 }) {
   return (
     // The web root renders in StrictMode, which re-runs ref callbacks on every mount.
@@ -83,6 +86,9 @@ function Card({
               {density === "full" && automationRows > 0 ? (
                 <section data-thread-automations-panel style={{ height: automationRows * 100 }} />
               ) : null}
+              {density === "full" && serverRows > 0 ? (
+                <section data-thread-servers-panel style={{ height: serverRows * 100 }} />
+              ) : null}
             </>
           )}
         </ThreadDetailsCard>
@@ -177,3 +183,14 @@ it("keeps full density when many automations make the content tall", async () =>
     .element(page.getByRole("region", { name: "Thread details" }))
     .toHaveAttribute("data-density", "full");
 });
+
+it("keeps full density when many servers make the content tall", async () => {
+  using fixture = setup();
+  await using _screen = await render(
+    <Card threadRef={threadB} inline fixture={fixture} rows={2} serverRows={6} />,
+  );
+  await expect.element(page.getByText("Details for thread-b")).toBeVisible();
+  await expect
+    .element(page.getByRole("region", { name: "Thread details" }))
+    .toHaveAttribute("data-density", "full");
+});

From 3963b256658eed8ee2b33dd74168d11c6eb86bb2 Mon Sep 17 00:00:00 2001
From: Julius Marminge <julius0216@outlook.com>
Date: Tue, 3 Nov 2026 15:33:35 +0000
Subject: [PATCH 2/2] fix(web): many servers no longer hide thread details
 sections

The Servers list counted toward the thread details card's fitting height, so a
long list flipped the card to compact density, which hides the Servers rows and
Lineage, and compact never re-measured the full height. Measure it out like the
other growing lists.

Fixes pingdotgg/t3code#30220

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/src/components/chat/ThreadDetailsCard.tsx  | 7 ++++---
 apps/web/src/components/chat/ThreadServersPanel.tsx | 6 +++++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/chat/ThreadDetailsCard.tsx b/apps/web/src/components/chat/ThreadDetailsCard.tsx
index 969172c77a972..41c09eae4355f 100644
--- a/apps/web/src/components/chat/ThreadDetailsCard.tsx
+++ b/apps/web/src/components/chat/ThreadDetailsCard.tsx
@@ -78,10 +78,11 @@ export function ThreadDetailsCard({
     const measure = () => {
       const frame = element.closest<HTMLElement>("[data-thread-details-card]");
       const next = element.offsetHeight + (frame ? frame.offsetHeight - frame.clientHeight : 0);
-      // PR lists, lineage, side chats and automations scroll as they grow. Counting them toward
-      // density would hide the section and workspace controls when the user asks to see more rows.
+      // PR lists, lineage, side chats, automations and servers scroll as they grow. Counting
+      // them toward density would hide the section and workspace controls when the user asks
+      // to see more rows.
       const lists = element.querySelectorAll<HTMLElement>(
-        "[data-thread-relationships-panel], [data-thread-side-chats-panel], [data-thread-details-pr-list], [data-thread-automations-panel]",
+        "[data-thread-relationships-panel], [data-thread-side-chats-panel], [data-thread-details-pr-list], [data-thread-automations-panel], [data-thread-servers-panel]",
       );
       const fittingHeight =
         next - Array.from(lists).reduce((sum, list) => sum + list.offsetHeight, 0);
diff --git a/apps/web/src/components/chat/ThreadServersPanel.tsx b/apps/web/src/components/chat/ThreadServersPanel.tsx
index f1c8e1a1808f1..517fe8f4bca90 100644
--- a/apps/web/src/components/chat/ThreadServersPanel.tsx
+++ b/apps/web/src/components/chat/ThreadServersPanel.tsx
@@ -94,7 +94,11 @@ export function ThreadServersPanel(props: {
   };
 
   return (
-    <ThreadDetailsSection headingId="thread-details-servers-heading" title="Servers">
+    <ThreadDetailsSection
+      headingId="thread-details-servers-heading"
+      title="Servers"
+      data-thread-servers-panel
+    >
       <ul className="m-0 list-none p-0">
         {servers.map((server) => {
           const key = serverKey(server);