fix(frontend): the person page reports one fact once

src/frontend/src/components/portal/ai-cost-view.test.tsx

@@ -56,7 +56,7 @@ vi.mock("@/queries/team-view", () => ({
 vi.mock("@/queries/member-grid", () => ({ useMemberGridData: () => mocks.grid }));
 vi.mock("@/queries/metric-results", () => ({ useMetricCollection: () => mocks.tools }));
 vi.mock("@/hooks/use-portal-period", () => ({
-  usePortalPeriod: () => ({ period: "week", dateRange: { start: "2026-07-20", end: "2026-07-26" } }),
+  usePortalPeriod: () => ({ period: "week", dateRange: { from: "2026-07-20", to: "2026-07-26" } }),
 }));
 
 

src/frontend/src/components/portal/attention-list.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { Link } from "@tanstack/react-router";
-import { AlertTriangle, ArrowDownRight, Sparkles, TrendingDown } from "lucide-react";
+import { AlertTriangle, ArrowDownRight, ChevronRight, Sparkles, TrendingDown } from "lucide-react";
 
 import { Card, CardContent } from "@/components/ui/card";
 import type { AttentionFlag, FlagKind } from "@/lib/insight/attention-flags";
@@ -83,6 +83,12 @@ export function AttentionList({
                 </span>
                 <span className="shrink-0 font-medium tabular-nums">{f.valueText}</span>
                 <span className="truncate text-xs text-muted-foreground">{f.reason}</span>
+                {/* Standing affordance — the row opens that person's page, and
+                    a border alone does not say so. */}
+                <ChevronRight
+                  className="ml-auto size-3.5 shrink-0 text-muted-foreground/50"
+                  aria-hidden
+                />
               </Link>
             );
           })}

src/frontend/src/components/portal/context-pane.test.tsx

@@ -18,6 +18,14 @@ import { beforeEach, describe, expect, it, vi } from "vitest";
 
 const mocks = vi.hoisted(() => ({
   zone: { activeZone: "overview", activePerson: "boss@x" },
+  standings: [] as Array<{
+    id: string;
+    title: string;
+    status: string;
+    phrase: string;
+    hasData: boolean;
+    isPending: boolean;
+  }>,
 }));
 
 vi.mock("@/lib/portal/use-active-zone", () => ({ useActiveZone: () => mocks.zone }));
@@ -31,6 +39,13 @@ import {
   usePortalLens,
 } from "@/lib/portal/portal-nav";
 import { SidebarProvider } from "@/components/ui/sidebar";
+// The sections nav asks where the person stands so it can mark each section;
+// the standings come from the section screens' own queries, which this test
+// has no reason to run.
+vi.mock("@/lib/portal/use-person-sections", () => ({
+  usePersonSectionStandings: () => mocks.standings,
+}));
+
 import { ContextPane } from "./context-pane";
 
 const pane = () => render(<SidebarProvider><ContextPane /></SidebarProvider>);
@@ -47,6 +62,7 @@ beforeEach(() => {
     dispatchEvent: () => false,
   })) as unknown as typeof window.matchMedia;
   mocks.zone = { activeZone: "overview", activePerson: "boss@x" };
+  mocks.standings = [];
   act(() => {
     portalRouter.set({ zone: undefined });
     portalRouter.set({ item: undefined });
@@ -108,4 +124,59 @@ describe("ContextPane", () => {
     expect(screen.getByText("Pick a person")).toBeInTheDocument();
     expect(screen.getByText("At a glance")).toBeInTheDocument();
   });
+
+  it("marks a section with where the person stands in it", () => {
+    // The mark is the whole point of this nav: it says which section is worth
+    // opening. Its colour and its reason have to reach the reader.
+    mocks.zone = { activeZone: "person", activePerson: "boss@x" };
+    mocks.standings = [
+      {
+        id: "git_output",
+        title: "Git output",
+        status: "bad",
+        phrase: "4 of 6 behind peers",
+        hasData: true,
+        isPending: false,
+      },
+    ];
+    pane();
+    const button = screen.getByTitle("4 of 6 behind peers");
+    expect(button.querySelector(".bg-destructive")).not.toBeNull();
+  });
+
+  it("says a section has nothing rather than colouring it", () => {
+    mocks.zone = { activeZone: "person", activePerson: "boss@x" };
+    mocks.standings = [
+      {
+        id: "git_output",
+        title: "Git output",
+        status: "neutral",
+        phrase: "no peer data",
+        hasData: false,
+        isPending: false,
+      },
+    ];
+    pane();
+    const button = screen.getByTitle("No data this period");
+    expect(button.querySelector(".bg-muted-foreground\\/30")).not.toBeNull();
+  });
+
+  it("draws no mark while the standings are still loading", () => {
+    // A pending section drawn grey would read as "nothing here" — an answer
+    // the hook has not given yet.
+    mocks.zone = { activeZone: "person", activePerson: "boss@x" };
+    mocks.standings = [
+      {
+        id: "git_output",
+        title: "Git output",
+        status: "neutral",
+        phrase: "",
+        hasData: false,
+        isPending: true,
+      },
+    ];
+    pane();
+    const button = screen.getByText("Git output").closest("button")!;
+    expect(button.querySelector("span[aria-hidden]")).toBeNull();
+  });
 });

src/frontend/src/components/portal/context-pane.tsx

@@ -9,6 +9,8 @@ import {
   PopoverTrigger,
 } from "@/components/ui/popover";
 import { GROUPS } from "@/lib/insight/groups";
+import { usePersonSectionStandings } from "@/lib/portal/use-person-sections";
+import { STATUS_BG_CLASS } from "@/lib/status";
 import { lensEntry } from "@/lib/portal/lens-configs";
 import { useShellLayout } from "@/lib/portal/use-shell-layout";
 import { useZoneNav } from "@/lib/portal/use-zone-nav";
@@ -485,6 +487,11 @@ function PersonSectionsNav() {
   const { setItem } = usePortalNavActions();
   const dismiss = useDismissDrawer();
   const active = usePortalItem();
+  const { activePerson } = useActiveZone();
+  // Costs no request: these are the section screens' own queries, so
+  // react-query serves them from cache.
+  const standings = usePersonSectionStandings(activePerson);
+  const standingById = new Map(standings.map((st) => [st.id as string, st]));
   const groups = GROUPS;
   const groupIds = groups.map((g) => g.id) as string[];
   const glance = active == null || !groupIds.includes(active);
@@ -505,20 +512,42 @@ function PersonSectionsNav() {
               <span>At a glance</span>
             </SidebarMenuButton>
           </SidebarMenuItem>
-          {groups.map((g) => (
-            <SidebarMenuItem key={g.id}>
-              <SidebarMenuButton
-                isActive={active === g.id}
-                onClick={() => {
-                  setItem(g.id);
-                  dismiss();
-                }}
-              >
-                <Layers />
-                <span>{g.title}</span>
-              </SidebarMenuButton>
-            </SidebarMenuItem>
-          ))}
+          {groups.map((g) => {
+            const standing = standingById.get(g.id as string);
+            return (
+              <SidebarMenuItem key={g.id}>
+                <SidebarMenuButton
+                  isActive={active === g.id}
+                  onClick={() => {
+                    setItem(g.id);
+                    dismiss();
+                  }}
+                  title={
+                    standing?.hasData === false
+                      ? "No data this period"
+                      : standing?.phrase
+                  }
+                >
+                  <Layers />
+                  <span className="min-w-0 flex-1 truncate">{g.title}</span>
+                  {/* The mark that answers "which section is worth opening",
+                      beside the thing you click. Grey means the section has
+                      nothing this period — worth knowing before you open it. */}
+                  {standing && !standing.isPending ? (
+                    <span
+                      className={cn(
+                        "size-1.5 shrink-0 rounded-full",
+                        standing.hasData
+                          ? STATUS_BG_CLASS[standing.status]
+                          : "bg-muted-foreground/30",
+                      )}
+                      aria-hidden
+                    />
+                  ) : null}
+                </SidebarMenuButton>
+              </SidebarMenuItem>
+            );
+          })}
         </SidebarMenu>
       </SidebarGroupContent>
     </SidebarGroup>

src/frontend/src/components/portal/domain-lens-view.test.tsx

@@ -72,7 +72,7 @@ vi.mock("@/queries/metric-results", () => ({
 vi.mock("@/hooks/use-portal-period", () => ({
   usePortalPeriod: () => ({
     period: "week",
-    dateRange: { start: "2026-07-20", end: "2026-07-26" },
+    dateRange: { from: "2026-07-20", to: "2026-07-26" },
   }),
 }));
 // Charts are exercised by the browser/storybook project; here they'd render