From bcb579095c2387fb861b851117e6caf9c2ae4112 Mon Sep 17 00:00:00 2001
From: Chris Busillo <info@shinycomputers.com>
Date: Thu, 7 May 2026 21:14:11 -0400
Subject: [PATCH] fix(ui): scope config readiness to selected lane

---
 frontend/src/App.tsx                      |  2 ++
 frontend/src/ProductConfigStatusPanel.tsx | 24 +++++++++++++++++------
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index cd92605..0064934 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -586,6 +586,7 @@ export function App() {
             </section>
             <ProductConfigStatusPanel
               statuses={configStatuses}
+              selectedEnvironment={activeEnvironment?.environment ?? selectedEnvironment}
               loading={configStatusLoading}
               error={configStatusError}
             />
@@ -1390,6 +1391,7 @@ function StateFixtureGallery({
       <div className="fixture-wide">
         <ProductConfigStatusPanel
           statuses={fixtureConfigStatuses}
+          selectedEnvironment={fixtureEnvironment}
           loading={false}
           error=""
         />
diff --git a/frontend/src/ProductConfigStatusPanel.tsx b/frontend/src/ProductConfigStatusPanel.tsx
index 7cffa1c..9834287 100644
--- a/frontend/src/ProductConfigStatusPanel.tsx
+++ b/frontend/src/ProductConfigStatusPanel.tsx
@@ -14,19 +14,24 @@ import type {
 
 export function ProductConfigStatusPanel({
   statuses,
+  selectedEnvironment,
   loading,
   error,
 }: {
   statuses: ProductEnvironmentConfigStatus[];
+  selectedEnvironment: string;
   loading: boolean;
   error: string;
 }) {
-  const totals = summarizeConfigStatuses(statuses);
+  const scopedStatuses = selectedEnvironment.trim()
+    ? statuses.filter((status) => status.environment === selectedEnvironment)
+    : statuses;
+  const totals = summarizeConfigStatuses(scopedStatuses);
   return (
     <section className="panel config-status-panel" aria-busy={loading}>
       <PanelHead
         eyebrow="settings readiness"
-        title="Expected config"
+        title={`Expected config${selectedEnvironment ? ` / ${selectedEnvironment}` : ""}`}
         right={
           <div className="panel-badges">
             <StatusPill status={statusToUiStatus(totals.worst)} />
@@ -40,11 +45,18 @@ export function ProductConfigStatusPanel({
           <code>{error}</code>
         </div>
       ) : null}
-      {loading && !statuses.length ? <ConfigStatusSkeleton /> : null}
-      {!loading && !statuses.length && !error ? (
-        <StateBlock icon={<Settings2 size={18} />} title="No expected config status" />
+      {loading && !scopedStatuses.length ? <ConfigStatusSkeleton /> : null}
+      {!loading && !scopedStatuses.length && !error ? (
+        <StateBlock
+          icon={<Settings2 size={18} />}
+          title={
+            selectedEnvironment
+              ? `No expected config status for ${selectedEnvironment}`
+              : "No expected config status"
+          }
+        />
       ) : null}
-      {statuses.map((status) => (
+      {scopedStatuses.map((status) => (
         <EnvironmentConfigStatus key={`${status.product}:${status.environment}`} status={status} />
       ))}
     </section>