feat: stage evaluation and conclusion evidence

web/apps/console/src/presentation/conclusion/ConclusionScene.test.tsx

@@ -48,6 +48,7 @@ describe("ConclusionScene", () => {
     expect(nonClaims).toHaveTextContent("Not a scheduler");
     expect(nonClaims).toHaveTextContent("Not a broad agent benchmark");
     expect(nonClaims).toHaveAttribute("data-emphasis", "limits");
+    expect(nonClaims).toHaveAttribute("data-conclusion-support", "primary");
   });
 
   it("exposes five labelled future-work icon branches", () => {
@@ -69,12 +70,14 @@ describe("ConclusionScene", () => {
     ]) {
       expect(future).toHaveTextContent(text);
     }
+    expect(future).toHaveAttribute("data-conclusion-support", "primary");
   });
 
   it("states the closing boundary and recedes future branches", () => {
     render(<ConclusionScene scene={scene} beat={beat("conclusion")} />);
     expect(screen.getByText("Planner proposes; runtime executes.")).toBeInTheDocument();
     expect(screen.getByRole("list", { name: "future work layers" })).toHaveAttribute("data-state", "receded");
+    expect(screen.getByText("Planner proposes; runtime executes.")).toHaveAttribute("data-conclusion-support", "primary");
   });
 
   it("attaches evidence vertically beneath the typed substrate rather than extending the contribution line", () => {

web/apps/console/src/presentation/conclusion/ConclusionScene.tsx

@@ -80,11 +80,17 @@ export const ConclusionScene: FC<ConclusionSceneProps> = ({ scene, beat }) => {
           className="conclusion-map__non-claims"
           aria-label="explicit non-claims"
           data-emphasis={beatId === "limits" ? "limits" : "neutral"}
+          data-conclusion-support={beatId === "limits" ? "primary" : "receded"}
         >
           {nonClaims.map((claim) => <li key={claim}>{claim}</li>)}
         </ul>
 
-        <ul className="conclusion-map__future" aria-label="future work layers" data-state={futureState}>
+        <ul
+          className="conclusion-map__future"
+          aria-label="future work layers"
+          data-state={futureState}
+          data-conclusion-support={beatId === "future" ? "primary" : "receded"}
+        >
           {futureWorkBranches.map((branch) => {
             const Icon = futureWorkIcons[branch.icon];
             return (
@@ -99,7 +105,7 @@ export const ConclusionScene: FC<ConclusionSceneProps> = ({ scene, beat }) => {
           })}
         </ul>
 
-        <p className="conclusion-map__statement">Planner proposes; runtime executes.</p>
+        <p className="conclusion-map__statement" data-conclusion-support={beatId === "conclusion" ? "primary" : "receded"}>Planner proposes; runtime executes.</p>
       </section>
       <p className="scene-body__evidence">{scene.evidencePointer}</p>
     </>

web/apps/console/src/presentation/evaluation/EvaluationEvidenceScene.test.tsx

@@ -32,6 +32,10 @@ describe("EvaluationEvidenceScene", () => {
       "data-evaluation-beat",
       beatId,
     );
+    expect(screen.getByRole("group", { name: /evaluation evidence board/i })).toHaveAttribute(
+      "data-evaluation-focus",
+      beatId,
+    );
     expect(screen.getByText("36")).toBeInTheDocument();
     expect(screen.getByText("27")).toBeInTheDocument();
     expect(screen.getByText("8")).toBeInTheDocument();

web/apps/console/src/presentation/evaluation/EvaluationEvidenceScene.tsx

@@ -32,6 +32,7 @@ export const EvaluationEvidenceScene: FC<EvaluationEvidenceSceneProps> = ({ scen
         role="group"
         aria-label="evaluation evidence board"
         data-evaluation-beat={beatId}
+        data-evaluation-focus={beatId}
       >
         <div className="evaluation-board__cohort" aria-label="campaign cohort equation">
           <span className="evaluation-board__cohort-total">{evaluationEvidence.totalTrials}</span>

web/apps/console/src/presentation/presentation.css

@@ -103,9 +103,50 @@
 .evaluation-board__audit,
 .evaluation-board__findings,
 .evaluation-board__boundary {
+  min-width: 0;
   transition: transform 180ms ease;
 }
 
+.evaluation-board[data-evaluation-focus="cohort"] {
+  grid-template-columns: 1fr;
+  grid-template-areas: "cohort" "outcomes" "boundary";
+}
+
+.evaluation-board[data-evaluation-focus="validity"] {
+  grid-template-areas: "cohort outcomes" "audit audit" "boundary boundary";
+}
+
+.evaluation-board[data-evaluation-focus="findings"] {
+  grid-template-columns: 1fr;
+  grid-template-areas: "findings" "boundary";
+}
+
+.evaluation-board__cohort { grid-area: cohort; }
+.evaluation-board__outcomes { grid-area: outcomes; }
+.evaluation-board__audit { grid-area: audit; }
+.evaluation-board__findings { grid-area: findings; }
+.evaluation-board__boundary { grid-area: boundary; }
+
+.evaluation-board[data-evaluation-focus="cohort"] .evaluation-board__audit,
+.evaluation-board[data-evaluation-focus="cohort"] .evaluation-board__findings,
+.evaluation-board[data-evaluation-focus="validity"] .evaluation-board__findings,
+.evaluation-board[data-evaluation-focus="findings"] .evaluation-board__cohort,
+.evaluation-board[data-evaluation-focus="findings"] .evaluation-board__outcomes,
+.evaluation-board[data-evaluation-focus="findings"] .evaluation-board__audit {
+  display: none;
+}
+
+.evaluation-board[data-evaluation-focus="cohort"] .evaluation-board__cohort {
+  border-right: 0;
+  padding-block: 1.35rem 0.8rem;
+}
+
+.evaluation-board[data-evaluation-focus="findings"] .evaluation-board__findings {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  border-top: 0;
+  padding-block: 1.35rem;
+}
+
 .evaluation-board[data-evaluation-beat="cohort"] .evaluation-board__cohort,
 .evaluation-board[data-evaluation-beat="validity"] .evaluation-board__audit,
 .evaluation-board[data-evaluation-beat="findings"] .evaluation-board__findings {
@@ -144,7 +185,6 @@
 
 .evaluation-board__outcomes {
   display: flex;
-  grid-column: 2;
   gap: 0.5rem;
   margin: 0;
   padding: 1rem 1.15rem 0.8rem;
@@ -197,7 +237,6 @@
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 0.45rem 0.8rem;
-  grid-column: 2;
 }
 
 .evaluation-board__finding {
@@ -221,9 +260,11 @@
 @media (max-width: 1080px) {
   .evaluation-board { grid-template-columns: minmax(12rem, 0.7fr) minmax(20rem, 1.3fr); }
   .evaluation-board__cohort { border-right: 1px solid var(--evaluation-rule); }
-  .evaluation-board__outcomes,
-  .evaluation-board__findings { grid-column: 2; }
   .evaluation-board__audit-row { grid-template-columns: 1fr; }
+  .evaluation-board[data-evaluation-focus="cohort"],
+  .evaluation-board[data-evaluation-focus="findings"] {
+    grid-template-columns: 1fr;
+  }
 }
 
 .stage-caption__eyebrow {
@@ -384,6 +425,32 @@
   transition: opacity 180ms ease, transform 180ms ease;
 }
 
+.conclusion-map[data-conclusion-beat="limits"] .conclusion-map__future,
+.conclusion-map[data-conclusion-beat="conclusion"] .conclusion-map__future,
+.conclusion-map[data-conclusion-beat="future"] .conclusion-map__non-claims,
+.conclusion-map[data-conclusion-beat="conclusion"] .conclusion-map__non-claims {
+  display: none;
+}
+
+.conclusion-map[data-conclusion-beat="limits"] .conclusion-map__flow,
+.conclusion-map[data-conclusion-beat="future"] .conclusion-map__flow {
+  opacity: 0.76;
+}
+
+.conclusion-map[data-conclusion-beat="conclusion"] .conclusion-map__flow {
+  margin-bottom: 0.2rem;
+}
+
+.conclusion-map[data-conclusion-beat="conclusion"] .conclusion-map__statement {
+  padding-block: 1.1rem 0.45rem;
+  border-top-color: var(--accent-cyan);
+  color: var(--text-primary);
+  font-size: 1.25rem;
+  font-style: normal;
+  font-weight: 650;
+  text-align: center;
+}
+
 .conclusion-map__future svg {
   flex: 0 0 auto;
   width: 1.1rem;