From d02f19cc1ce0bbea19f11fc5d39a7d16ed388001 Mon Sep 17 00:00:00 2001
From: bowenliang123 <liang.bowen.123@qq.com>
Date: Mon, 12 Oct 2026 00:38:57 +0800
Subject: [PATCH] fix(client): let the Fleet network card size freely beside
 the boards at 1:1

- The cockpit row splits evenly: the graph column drops its flex-[2] weight
- The network card's flex basis returns to its own content (flex: 1 1 auto):
  a 0 basis let engines size the row line under a deep forest's canvas,
  clipping levels behind the card; content now sets the floor and the card
  still stretches to the boards column's height
---
 src/client/components/fleetView.tsx | 2 +-
 src/client/styles/agentGraph.css    | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/client/components/fleetView.tsx b/src/client/components/fleetView.tsx
index 7a08197..10fae1e 100644
--- a/src/client/components/fleetView.tsx
+++ b/src/client/components/fleetView.tsx
@@ -180,7 +180,7 @@ export function makeFleetView(
             <div className="lc-cols">
               {forest !== null
                 ? (
-                  <div className="lc-col lc-col-graph flex-[2] min-w-[min(420px,100%)]">
+                  <div className="lc-col lc-col-graph flex-1 min-w-[min(420px,100%)]">
                     <AgentGraph
                       sessionId={sessionId}
                       forest={forest}
diff --git a/src/client/styles/agentGraph.css b/src/client/styles/agentGraph.css
index d988415..52235ff 100644
--- a/src/client/styles/agentGraph.css
+++ b/src/client/styles/agentGraph.css
@@ -83,10 +83,12 @@
 /* The Fleet tab's cockpit row: the network card stretches to the boards column's full height
    (members + tasks), so the row reads as one level band — the browser view's lc-col-browser
    idiom. Wrapped onto its own line (narrow pane) the column holds only this card, so the
-   stretch is a no-op and nothing balloons. Content stays top-aligned: centering would push the
-   canvas below the fold whenever the boards run tall. */
+   stretch is a no-op and nothing balloons. The base size stays the card's own content
+   (`flex-basis: auto`): a basis of 0 lets engines size the row line under the deep-forest
+   canvas, clipping levels behind the card. Content stays top-aligned: centering would push
+   the canvas below the fold whenever the boards run tall. */
 .lc-col-graph { display: flex; flex-direction: column; }
-.lc-col-graph > .lc-card { flex: 1; }
+.lc-col-graph > .lc-card { flex: 1 1 auto; }
 .lc-agent-pinned { border-color: color-mix(in srgb, var(--dsw-alias-brand-primary, var(--color-blue-500)) 70%, var(--dsw-alias-border-l2)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--dsw-alias-brand-primary, var(--color-blue-500)) 35%, transparent); }
 .lc-agents-chip-team { color: var(--dsw-alias-brand-primary, var(--color-blue-500)); border-color: color-mix(in srgb, var(--dsw-alias-brand-primary, var(--color-blue-500)) 40%, transparent); }
 .lc-inspector[data-pinned] { border-color: color-mix(in srgb, var(--dsw-alias-brand-primary, var(--color-blue-500)) 45%, var(--dsw-alias-border-l2)); }