@elaraai/e3-ui-components 1.0.30 → 1.0.32

package/dist/index.js

@@ -28,7 +28,7 @@ import { jsx as jsx$1, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useId, useMemo, useContext, createContext, useRef, useEffect, useState, useCallback, useSyncExternalStore, memo, forwardRef, useLayoutEffect, Fragment as Fragment$1, Component } from "react";
 import { Box, Flex, Text, HStack, Input, useSlotRecipe, useRecipe, VStack, useToken, Drawer, Portal, Field, NativeSelect, Textarea, chakra, Tooltip, SegmentGroup, Menu, HoverCard, useChakraContext, Spinner, Code, Clipboard, IconButton, Badge, Button, Tabs, useTabs } from "@chakra-ui/react";
-import { implementUIComponent, getSomeorUndefined, formatPredicate, SliceEditPopover, SlicePredicateBuilder, EastChakraSelect, EastChakraStringInput, EastChakraDateTimeInput, EastChakraFloatInput, EastChakraIntegerInput, formatTick, useSliceReactivity, SliceRailCluster, EastChakraComponent, ClauseChip, StateImpl, NavImpl, SliceImpl, SliceApplyImpl, OverlayImpl, ClipboardImpl, DownloadImpl, ShareImpl, createUIStore, UIStoreProvider } from "@elaraai/east-ui-components";
+import { implementUIComponent, getSomeorUndefined, formatPredicate, SliceEditPopover, SlicePredicateBuilder, EastChakraSelect, EastChakraStringInput, EastChakraDateTimeInput, EastChakraFloatInput, EastChakraIntegerInput, formatTick, useSliceReactivity, usePersistedState, SliceRailCluster, EastChakraComponent, ClauseChip, StateImpl, NavImpl, SliceImpl, SliceApplyImpl, OverlayImpl, ClipboardImpl, DownloadImpl, ShareImpl, createUIStore, UIStoreProvider } from "@elaraai/east-ui-components";
 import { createPortal } from "react-dom";
 import { sliceMatches } from "@elaraai/east-ui/internal";
 import { QueryClient as QueryClient$1, QueryClientProvider, useMutation, useQuery } from "@tanstack/react-query";
@@ -59920,7 +59920,7 @@ const HELP = {
   },
   // ── Tabs ────────────────────────────────────────────────────────────
   tab_answer: {
-    term: "Answer",
+    term: "The answer",
     gist: "The headline: did {treatment} move {outcome}, and by how much?",
     detail: "Shows the raw gap, the fair like-for-like estimate, and an honest verdict."
   },
@@ -60108,7 +60108,7 @@ const HELP = {
   },
   // ── Validate tab ────────────────────────────────────────────────────
   tab_validate: {
-    term: "Validate",
+    term: "Prove it",
     gist: "The real experiment you’d run to prove this — for sure.",
     detail: "This analysis adjusted for what it could measure. A controlled trial — assigning {treatment} at random — removes any leftover doubt. This tab sizes that trial."
   },
@@ -60197,6 +60197,12 @@ function Help({ id: id3, extraVars, children: children2, display = "inline", gap
     )
   ) });
 }
+function GuidanceGist({ id: id3, extraVars }) {
+  const { on: on3, vars } = useContext(GuidanceContext);
+  if (!on3) return null;
+  const e3 = fillHelp(HELP[id3], { ...vars, ...extraVars });
+  return /* @__PURE__ */ jsx$1(Text, { textStyle: "caption", color: "fg.muted", lineHeight: "1.45", mt: "-1.5", mb: "2.5", children: e3.gist });
+}
 function GuidanceToggle({ on: on3, onToggle }) {
   const iconButton = useRecipe({ key: "iconButton" });
   return /* @__PURE__ */ jsx$1(Hover, { id: "guidance", trigger: /* @__PURE__ */ jsx$1(
@@ -60351,8 +60357,8 @@ function AreaRange({ lo: lo2, mid, hi, xTicks = [], yTicks = [], zero: zero2, to
       const atEnd = m2.at >= mid.length - 2;
       const atStart = m2.at <= 1;
       const align = atEnd ? "right" : atStart ? "left" : "center";
-      const labW = m2.label.length * 6 + 6;
-      const labX = atEnd ? -labW : atStart ? 0 : -labW / 2;
+      const labW = m2.label.length * 6.5 + 8;
+      const labX = atEnd ? -labW - 5 : atStart ? 5 : -labW / 2;
       return /* @__PURE__ */ jsxs(Group, { left: xScale(m2.at), children: [
         /* @__PURE__ */ jsx$1(Line, { from: { x: 0, y: -2 }, to: { x: 0, y: innerH }, stroke: mc, strokeWidth: 1, strokeDasharray: "2 3" }),
         /* @__PURE__ */ jsx$1(Circle, { cx: 0, cy: dotY, r: t4.dotRadius, fill: mc, stroke: t4.surface, strokeWidth: 1.5 }),
@@ -60423,6 +60429,10 @@ const unitOf = (meta3, col) => {
   var _a2;
   return getSomeorUndefined((_a2 = colMeta(meta3, col)) == null ? void 0 : _a2.unit) ?? "";
 };
+const labelOf = (meta3, col) => {
+  var _a2;
+  return getSomeorUndefined((_a2 = colMeta(meta3, col)) == null ? void 0 : _a2.label) ?? col;
+};
 const kindOf = (cols, name) => {
   var _a2;
   return (_a2 = cols.find((c2) => c2.name === name)) == null ? void 0 : _a2.kind;
@@ -60458,8 +60468,7 @@ function treatmentKind(cols, treatment) {
       return "value";
   }
 }
-function deriveSpec(config2, cols, result, meta3, dataLen) {
-  const tKind = kindOf(cols, config2.treatment);
+function deriveSpec(config2, cols, result, meta3, dataLen, subject) {
   const outUnit = unitOf(meta3, config2.outcome);
   const balByCol = /* @__PURE__ */ new Map();
   for (const b2 of (result == null ? void 0 : result.balance) ?? []) {
@@ -60471,7 +60480,7 @@ function deriveSpec(config2, cols, result, meta3, dataLen) {
     const absStd = b2 ? Math.abs(b2.std_diff) : 0;
     const { level, tone } = band(absStd);
     const dir = b2 ? b2.treated_mean < b2.control_mean ? "lower" : "higher" : "";
-    const reason = b2 ? `the treated group ran ${dir} on ${col}` : "measured once you Run";
+    const reason = b2 ? `the treated group ran ${dir} on ${labelOf(meta3, col)}` : "measured once you Run";
     return { col, reason, imbalance: clamp01(absStd), level, tone };
   });
   const inPlay = /* @__PURE__ */ new Set([config2.treatment, config2.outcome, ...config2.common_causes]);
@@ -60483,15 +60492,21 @@ function deriveSpec(config2, cols, result, meta3, dataLen) {
   const target = targetV && (targetV.type === "att" || targetV.type === "atc") ? "treated" : "all";
   return {
     treatment: config2.treatment,
+    treatmentLabel: labelOf(meta3, config2.treatment),
     treatmentKind: treatmentKind(cols, config2.treatment),
     outcome: config2.outcome,
+    outcomeLabel: labelOf(meta3, config2.outcome),
     outcomeKind: outUnit ? `number · ${outUnit}` : "number",
-    comparison: tKind === "boolean" ? "yes · vs no" : "high · vs low",
+    comparison: kindOf(cols, config2.treatment) === "boolean" ? "yes · vs no" : "high · vs low",
     confounders,
     suggestion,
     method,
     target,
-    dataLabel: `${result ? Number(result.n_total) : dataLen} rows`
+    // Always the CURRENT (filtered) dataset's row count — the result's own
+    // n_total belongs to the Answer-tab counts strip; labelling the header
+    // with it desyncs from the data after a population edit (and reads
+    // wrong whenever the two legitimately differ).
+    dataLabel: `${dataLen} ${subject.many}`
   };
 }
 function balanceDisplay(b2, categorical) {
@@ -60503,7 +60518,9 @@ function deriveAnswer(config2, result, adj, meta3) {
   const nci = getSomeorUndefined(result.naive_ci);
   const categorical = new Set(getSomeorUndefined(config2.categorical) ?? []);
   const balance = [...result.balance].sort((a2, b2) => Math.abs(b2.std_diff) - Math.abs(a2.std_diff)).map((b2) => ({
+    // One-hot rows are `col=level` — label the BASE confounder, keep the level.
     col: b2.column,
+    label: b2.column === b2.base_column ? labelOf(meta3, b2.base_column) : `${labelOf(meta3, b2.base_column)}${b2.column.startsWith(b2.base_column) ? b2.column.slice(b2.base_column.length) : ` (${b2.column})`}`,
     treated: b2.treated_mean,
     control: b2.control_mean,
     display: balanceDisplay(b2, categorical),
@@ -60517,8 +60534,8 @@ function deriveAnswer(config2, result, adj, meta3) {
   const nDropped = Number(result.n_dropped);
   const nTotal = Number(result.n_total);
   return {
-    treatment: config2.treatment,
-    outcome: config2.outcome,
+    treatment: labelOf(meta3, config2.treatment),
+    outcome: labelOf(meta3, config2.outcome),
     unit: unitOf(meta3, config2.outcome),
     naive: result.naive,
     naiveLo: (nci == null ? void 0 : nci.lower) ?? result.naive,
@@ -60537,18 +60554,63 @@ function deriveAnswer(config2, result, adj, meta3) {
     balance
   };
 }
-function deriveRefusal(config2, result) {
+function deriveNarrative(result, a2, refute, higherBetter, subject) {
+  if (a2 === null) return null;
+  const unit2 = a2.unit ? ` ${a2.unit}` : "";
+  const dirUp = a2.effect > 0;
+  const verb = higherBetter === void 0 ? dirUp ? "raises" : "lowers" : dirUp === higherBetter ? "improves" : "worsens";
+  const range = ` (likely between ${signed(a2.lo)} and ${signed(a2.hi)})`;
+  const passed = (refute == null ? void 0 : refute.checks.filter((c2) => c2.passed).length) ?? 0;
+  const total = (refute == null ? void 0 : refute.checks.length) ?? 0;
+  const trustClause = total === 0 ? "" : passed === total ? ` It held up against all ${total} ways we tried to break it.` : ` It passed ${passed} of ${total} stress tests — see “Can we trust it?”.`;
+  switch (result.verdict.type) {
+    case "causal":
+      return {
+        tone: "pos",
+        segments: [
+          { text: "Yes — ", strong: true },
+          { text: `${a2.treatment} genuinely ${verb} ${a2.outcome}: about ` },
+          { text: `${signed(a2.effect)}${unit2}`, strong: true },
+          { text: ` per ${subject.one}${range}.${trustClause}` }
+        ]
+      };
+    case "modest": {
+      const tags = new Set(result.verdict_reasons.map((v3) => v3.type));
+      const why = tags.has("not_material") ? ` — the change (${signed(a2.effect)}${unit2}) is smaller than what would matter here (±${fmt$1(result.materiality_threshold)}${unit2}).` : tags.has("ci_spans_zero") ? ` — the likely range (${signed(a2.lo)} to ${signed(a2.hi)}) includes zero.` : tags.has("thin_support") ? " — too few treated and untreated look-alikes overlap to be confident." : tags.has("low_robustness") ? " — a fairly weak hidden factor could overturn it." : a2.lo <= 0 && a2.hi >= 0 ? ` — the likely range (${signed(a2.lo)} to ${signed(a2.hi)}) includes zero.` : ".";
+      return {
+        tone: "warn",
+        segments: [
+          { text: "Maybe — ", strong: true },
+          { text: `there may be an effect of ${a2.treatment} on ${a2.outcome}, but it’s too small or unclear to act on` },
+          { text: why }
+        ]
+      };
+    }
+    case "adjustment_insufficient":
+      return {
+        tone: "warn",
+        segments: [
+          { text: "Don’t act on this yet — ", strong: true },
+          { text: `we got a number (${signed(a2.effect)}${unit2}), but a stress test failed: something we didn’t adjust for may still be driving it.` }
+        ]
+      };
+    default:
+      return null;
+  }
+}
+function deriveRefusal(config2, result, meta3, subject) {
   const nT = Number(result.n_treated), nC = Number(result.n_control), nTot = Number(result.n_total);
+  const treatment = labelOf(meta3, config2.treatment);
   if (result.verdict.type === "not_estimable") {
     const reason = result.verdict.value || "The treatment barely varies, so no comparison can be formed.";
     return {
       kind: "not_estimable",
-      title: `Can’t estimate the effect of ${config2.treatment}`,
+      title: `Can’t estimate the effect of ${treatment}`,
       body: reason,
       evidence: [
         { label: "treated", value: String(nT) },
         { label: "untreated", value: String(nC) },
-        { label: "rows", value: String(nTot) }
+        { label: subject.many, value: String(nTot) }
       ]
     };
   }
@@ -60567,12 +60629,12 @@ function deriveRefusal(config2, result) {
   }
   return {
     kind: "not_estimable",
-    title: `Can’t estimate the effect of ${config2.treatment}`,
+    title: `Can’t estimate the effect of ${treatment}`,
     body: "The engine could not produce a like-for-like estimate for this configuration.",
     evidence: [
       { label: "treated", value: String(nT) },
       { label: "untreated", value: String(nC) },
-      { label: "rows", value: String(nTot) }
+      { label: subject.many, value: String(nTot) }
     ]
   };
 }
@@ -60596,17 +60658,21 @@ function zeroCrossing(xs, ys) {
   }
   return null;
 }
-function deriveRefute(r2, adj) {
+function deriveRefute(r2, adj, meta3) {
   const checks = [];
   const est = (adj == null ? void 0 : adj.effect) ?? 0;
   const placeboEffect = getSomeorUndefined(r2.placebo_effect);
   const placeboPasses = getSomeorUndefined(r2.placebo_passes);
   if (placeboEffect !== void 0 || placeboPasses !== void 0) {
+    const passed = placeboPasses ?? (placeboEffect !== void 0 && Math.abs(placeboEffect) < Math.max(0.5, Math.abs(est) * 0.15));
     checks.push({
       name: "Shuffle test",
+      short: "shuffle",
       desc: "Shuffle which rows were treated; a real effect should collapse to zero.",
-      value: placeboEffect !== void 0 ? `→ ${signed(placeboEffect)}` : placeboPasses ? "passed" : "failed",
-      passed: placeboPasses ?? (placeboEffect !== void 0 && Math.abs(placeboEffect) < Math.max(0.5, Math.abs(est) * 0.15)),
+      // Speak the outcome, not the statistic: on fake labels the effect
+      // should VANISH — say whether it did.
+      value: placeboEffect !== void 0 ? passed ? `vanished (${signed(placeboEffect)})` : `didn’t vanish (${signed(placeboEffect)})` : passed ? "vanished" : "didn’t vanish",
+      passed,
       tip: some("Randomly re-label which rows were treated. A genuine effect should vanish."),
       help: "check_shuffle"
     });
@@ -60614,11 +60680,13 @@ function deriveRefute(r2, adj) {
   const ds = getSomeorUndefined(r2.data_subset_effect);
   if (ds !== void 0) {
     const dstd = getSomeorUndefined(r2.data_subset_std) ?? 0;
+    const passed = Math.abs(ds - est) < Math.max(0.5, Math.abs(est) * 0.2);
     checks.push({
       name: "Drop-some test",
+      short: "drop-some",
       desc: "Re-estimate on random subsamples; a trustworthy effect stays put.",
-      value: `${fmt$1(ds)} ± ${fmt$1(dstd)}`,
-      passed: Math.abs(ds - est) < Math.max(0.5, Math.abs(est) * 0.2),
+      value: passed ? `stayed at ${signed(ds)} ± ${fmt$1(dstd)}` : `moved to ${signed(ds)} ± ${fmt$1(dstd)}`,
+      passed,
       tip: none$1,
       help: "check_dropsome"
     });
@@ -60627,8 +60695,9 @@ function deriveRefute(r2, adj) {
   if (rcc !== void 0) {
     checks.push({
       name: "Decoy cause",
+      short: "decoy",
       desc: "Add an irrelevant random factor; the answer should not move.",
-      value: rcc ? "within range" : "moved",
+      value: rcc ? "didn’t move" : "moved",
       passed: rcc,
       tip: none$1,
       help: "check_decoy"
@@ -60636,14 +60705,18 @@ function deriveRefute(r2, adj) {
   }
   const sens = getSomeorUndefined(r2.sensitivity);
   const evalue = getSomeorUndefined(r2.robustness_value);
+  const benchmarks = sens ? [...sens.benchmarks].sort((a2, b2) => b2.strength - a2.strength) : [];
   if (sens !== void 0 || evalue !== void 0) {
     const strengths = sens ? arr(sens.strengths) : [];
     const effects = sens ? arr(sens.effects) : [];
     const tip = sens ? zeroCrossing(strengths, effects) : null;
-    const value = tip !== null ? `tips at ${fmt$1(tip)}` : evalue !== void 0 ? `E-value ${fmt$1(evalue)}` : "holds throughout";
+    const strongest = benchmarks[0];
+    const value = tip !== null ? strongest !== void 0 ? tip > strongest.strength ? `flips only beyond ${labelOf(meta3, strongest.column)}` : `a cause weaker than ${labelOf(meta3, strongest.column)} could flip it` : `would flip at ${fmt$1(tip)}` : evalue !== void 0 ? `holds (E-value ${fmt$1(evalue)})` : "holds throughout";
+    const scaleNote = strongest !== void 0 ? ` For scale, your strongest known factor (${labelOf(meta3, strongest.column)}) sits at ${fmt$1(strongest.strength)} on this axis.` : "";
     checks.push({
       name: "Hidden cause",
-      desc: "How strong an unrecorded common cause would need to be to overturn the result.",
+      short: "hidden cause",
+      desc: `How strong an unrecorded common cause would need to be to overturn the result.${scaleNote}`,
       value,
       passed: tip === null,
       tip: some("Something unrecorded could drive both the treatment choice and the outcome."),
@@ -60659,7 +60732,23 @@ function deriveRefute(r2, adj) {
       const lo2 = mid.map((m2) => m2 - half);
       const hi = mid.map((m2) => m2 + half);
       const yLo = Math.min(0, ...lo2), yHi = Math.max(...hi, 0);
-      sensVM = { lo: lo2, mid, hi, xTicks: ["none", "weaker", "stronger"], yTicks: [fmt$1(yLo), fmt$1((yLo + yHi) / 2), fmt$1(yHi)] };
+      const strengths = arr(sens.strengths);
+      const atOf = (s2) => {
+        if (strengths.length < 2) return null;
+        if (s2 <= strengths[0]) return 0;
+        for (let i = 1; i < strengths.length; i++) {
+          if (s2 <= strengths[i]) {
+            const span = strengths[i] - strengths[i - 1];
+            return span > 0 ? i - 1 + (s2 - strengths[i - 1]) / span : i;
+          }
+        }
+        return strengths.length - 1;
+      };
+      const marks = benchmarks.slice(0, 2).flatMap((b2) => {
+        const at = atOf(b2.strength);
+        return at === null ? [] : [{ at, label: `as strong as ${labelOf(meta3, b2.column)}`, tone: "muted", help: "sensitivity" }];
+      });
+      sensVM = { lo: lo2, mid, hi, xTicks: ["none", "", "stronger"], yTicks: [fmt$1(yLo), fmt$1((yLo + yHi) / 2), fmt$1(yHi)], marks };
     }
   }
   return { checks, sens: sensVM };
@@ -60696,21 +60785,26 @@ function deriveDose(dose, config2, meta3) {
   const marks = [];
   if (sizes.length) marks.push({ at: here, label: "you are here", tone: "muted", help: "dose_here" });
   marks.push({ at: sweet, label: "sweet spot", tone: "pos", help: "dose_sweet" });
+  const featureLabel = labelOf(meta3, dose.feature);
+  const outcomeLabel = labelOf(meta3, config2.outcome);
   return {
-    feature: dose.feature,
-    outcome: config2.outcome,
+    feature: featureLabel,
+    outcome: outcomeLabel,
     lo: lo2,
     mid,
     hi,
     xTicks,
     yTicks,
     marks,
-    recoLabel: `≈ ${fmt$1(grid[sweet] ?? 0)}${featureUnit ? " " + featureUnit : ""}`,
+    // Name the feature in the recommendation — a bare "≈ 5.5" doesn't say
+    // 5.5 of WHAT.
+    recoLabel: `aim for ${featureLabel} ≈ ${fmt$1(grid[sweet] ?? 0)}${featureUnit ? " " + featureUnit : ""}`,
     recoEffect: mid[sweet] ?? 0,
     recoLo: lo2[sweet] ?? 0,
     recoHi: hi[sweet] ?? 0,
     tradeoff,
-    marginal
+    marginal,
+    framing: `A different question from the headline: how ${outcomeLabel} responds as ${featureLabel} itself moves.`
   };
 }
 function relTime(d2, now2) {
@@ -60727,12 +60821,12 @@ const VERDICT_WORD = {
   non_identifiable_positivity: "no overlap",
   not_estimable: "n/a"
 };
-function deriveJournalRow(row, now2) {
+function deriveJournalRow(row, now2, meta3) {
   const adj = getSomeorUndefined(row.adjusted);
   return {
-    treatment: row.config.treatment,
-    outcome: row.config.outcome,
-    confounders: row.config.common_causes.join(", "),
+    treatment: labelOf(meta3, row.config.treatment),
+    outcome: labelOf(meta3, row.config.outcome),
+    confounders: row.config.common_causes.map((c2) => labelOf(meta3, c2)).join(", "),
     effect: adj !== void 0 ? signed(adj) : signed(row.naive),
     verdict: VERDICT_WORD[row.verdict.type],
     verdictTone: VERDICT_TONE[row.verdict.type],
@@ -60743,22 +60837,27 @@ function deriveJournalRow(row, now2) {
     preset: row.preset
   };
 }
-function deriveView(config2, ranConfig, cols, result, journal, meta3, dataLen, now2) {
+function deriveView(config2, ranConfig, cols, result, journal, meta3, dataLen, now2, subject = { one: "record", many: "records" }) {
+  var _a2;
   const adj = result ? getSomeorUndefined(result.adjusted) : void 0;
   const refutation = result ? getSomeorUndefined(result.refutation) : void 0;
   const doseR = result ? getSomeorUndefined(result.dose_response) : void 0;
+  const answer = result && adj ? deriveAnswer(ranConfig, result, adj, meta3) : null;
+  const refute = refutation ? deriveRefute(refutation, adj, meta3) : null;
+  const higherBetter = getSomeorUndefined((_a2 = colMeta(meta3, ranConfig.outcome)) == null ? void 0 : _a2.higherIsBetter);
   return {
     // The set-up rail reflects the LIVE config (the editor); the result deck
     // reflects RANCONFIG — the config that produced `result` — so the result
     // strings never drift ahead of the numbers on a live picker edit.
-    spec: deriveSpec(config2, cols, result, meta3, dataLen),
+    spec: deriveSpec(config2, cols, result, meta3, dataLen, subject),
     verdict: result ? deriveVerdict(result.verdict) : null,
-    answer: result && adj ? deriveAnswer(ranConfig, result, adj, meta3) : null,
-    refusal: result && !adj ? deriveRefusal(ranConfig, result) : null,
+    narrative: result ? deriveNarrative(result, answer, refute, higherBetter, subject) : null,
+    answer,
+    refusal: result && !adj ? deriveRefusal(ranConfig, result, meta3, subject) : null,
     overlap: result ? deriveOverlap(result.overlap) : null,
-    refute: refutation ? deriveRefute(refutation, adj) : null,
+    refute,
     dose: doseR && doseR.effect.length ? deriveDose(doseR, ranConfig, meta3) : null,
-    journal: journal ? journal.map((r2) => deriveJournalRow(r2, now2)) : null
+    journal: journal ? journal.map((r2) => deriveJournalRow(r2, now2, meta3)) : null
   };
 }
 const DESIGN_HEADLINE = {
@@ -60840,8 +60939,7 @@ function deriveDesign(d2, result, ranConfig, meta3) {
     faint
   };
 }
-const SUBJECT_ONE = "record";
-const SUBJECT_MANY = "records";
+const SUBJECT_DEFAULT = { one: "record", many: "records" };
 const AUTORUN_MAX_ROWS = 5e4;
 const TONE_TOKEN = {
   neg: "fg.danger",
@@ -60910,7 +61008,10 @@ function rowMatchesAll(row, preds) {
 }
 const num = (x2) => typeof x2 === "number" ? x2 : typeof x2 === "bigint" ? Number(x2) : null;
 function Cap({ children: children2, help }) {
-  return /* @__PURE__ */ jsx$1(Text, { textStyle: "caption.eyebrow", fontSize: "9px", mb: "2.5", children: help ? /* @__PURE__ */ jsx$1(Help, { id: help, children: children2 }) : children2 });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx$1(Text, { textStyle: "caption.eyebrow", fontSize: "9px", mb: "2.5", children: help ? /* @__PURE__ */ jsx$1(Help, { id: help, children: children2 }) : children2 }),
+    help && /* @__PURE__ */ jsx$1(GuidanceGist, { id: help })
+  ] });
 }
 function Card({ children: children2, mt = "3" }) {
   return /* @__PURE__ */ jsx$1(Box, { layerStyle: "card", p: "3.5", borderRadius: "lg", mt, children: children2 });
@@ -61032,6 +61133,7 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
   const data4 = useBindingValue(v3.data);
   const journalBind = useBindingValue(v3.journal.type === "some" ? v3.journal.value : null);
   const meta3 = getSomeorUndefined(v3.columnMeta);
+  const subject = getSomeorUndefined(v3.subject) ?? SUBJECT_DEFAULT;
   const readonly = getSomeorUndefined(v3.readonly) ?? false;
   const configsBind = useBindingValue(v3.configs);
   const configs = useMemo(() => configsBind.value ?? [], [configsBind.value]);
@@ -61168,16 +61270,16 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
   const nRows = (filteredRows == null ? void 0 : filteredRows.length) ?? 0;
   const helpVars = useMemo(() => {
     const rc = ranConfig ?? config2;
-    const labelOf = (col) => {
+    const labelOf2 = (col) => {
       var _a3;
       return col ? getSomeorUndefined((_a3 = meta3 == null ? void 0 : meta3.get(col)) == null ? void 0 : _a3.label) ?? col : "";
     };
-    return { treatment: labelOf(rc == null ? void 0 : rc.treatment), outcome: labelOf(rc == null ? void 0 : rc.outcome), subject: SUBJECT_ONE, subjects: SUBJECT_MANY };
-  }, [ranConfig, config2, meta3]);
+    return { treatment: labelOf2(rc == null ? void 0 : rc.treatment), outcome: labelOf2(rc == null ? void 0 : rc.outcome), subject: subject.one, subjects: subject.many };
+  }, [ranConfig, config2, meta3, subject]);
   const view = useMemo(() => {
     if (!config2) return null;
-    return deriveView(config2, ranConfig ?? config2, columns, shownResult, journalBind.value, meta3, nRows, now2);
-  }, [config2, ranConfig, columns, shownResult, journalBind.value, meta3, nRows, now2]);
+    return deriveView(config2, ranConfig ?? config2, columns, shownResult, journalBind.value, meta3, nRows, now2, subject);
+  }, [config2, ranConfig, columns, shownResult, journalBind.value, meta3, nRows, now2, subject]);
   const designConfigValue = useMemo(() => ({
     alpha: none$1,
     target_power: none$1,
@@ -61232,16 +61334,18 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
   const showResult = shownResult !== null && !experiment.pending && !failed;
   const anyPrecomputedDesign = configs.some((c2) => c2.design.type === "some");
   const showValidate = hasDesign || anyPrecomputedDesign;
-  const tabKeys = [...["answer", "trust", "dose"], ...showValidate ? ["validate"] : []];
+  const showDose = getSomeorUndefined(config2.dose_feature) !== void 0 || (shownResult == null ? void 0 : shownResult.dose_response.type) === "some";
+  const tabKeys = [...["answer", "trust"], ...showDose ? ["dose"] : [], ...showValidate ? ["validate"] : []];
+  const activeTab = tabKeys.includes(tab) ? tab : "answer";
   return /* @__PURE__ */ jsx$1(GuidanceProvider, { on: guidance, vars: helpVars, children: /* @__PURE__ */ jsxs(Box, { layerStyle: "surface.frameless", overflow: "visible", children: [
     /* @__PURE__ */ jsxs(Box, { layerStyle: "header.bar", display: "flex", alignItems: "center", gap: "3.5", children: [
       configs.length > 1 ? /* @__PURE__ */ jsxs(Menu.Root, { children: [
         /* @__PURE__ */ jsx$1(Menu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Box, { as: "button", bg: "transparent", border: "0", p: "0", cursor: "pointer", display: "inline-flex", alignItems: "center", gap: "2", textAlign: "start", children: [
           /* @__PURE__ */ jsxs(Text, { textStyle: "title.card", color: "fg.muted", children: [
             "Does ",
-            /* @__PURE__ */ jsx$1(Text, { as: "span", color: "brand.solid", fontWeight: "bold", children: vs.treatment }),
+            /* @__PURE__ */ jsx$1(Text, { as: "span", color: "brand.solid", fontWeight: "bold", children: vs.treatmentLabel }),
             " change ",
-            /* @__PURE__ */ jsx$1(Text, { as: "span", color: "brand.solid", fontWeight: "bold", children: vs.outcome }),
+            /* @__PURE__ */ jsx$1(Text, { as: "span", color: "brand.solid", fontWeight: "bold", children: vs.outcomeLabel }),
             "?"
           ] }),
           /* @__PURE__ */ jsx$1(Box, { as: "span", color: "fg.subtle", fontSize: "11px", lineHeight: "1", children: /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faChevronDown }) })
@@ -61255,9 +61359,9 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
         ] }, g2.label)) }) }) })
       ] }) : /* @__PURE__ */ jsx$1(Text, { textStyle: "title.card", color: "fg.muted", children: /* @__PURE__ */ jsxs(Help, { id: "header", children: [
         "Does ",
-        /* @__PURE__ */ jsx$1(Text, { as: "span", color: "brand.solid", fontWeight: "bold", children: vs.treatment }),
+        /* @__PURE__ */ jsx$1(Text, { as: "span", color: "brand.solid", fontWeight: "bold", children: vs.treatmentLabel }),
         " change ",
-        /* @__PURE__ */ jsx$1(Text, { as: "span", color: "brand.solid", fontWeight: "bold", children: vs.outcome }),
+        /* @__PURE__ */ jsx$1(Text, { as: "span", color: "brand.solid", fontWeight: "bold", children: vs.outcomeLabel }),
         "?"
       ] }) }),
       /* @__PURE__ */ jsx$1(Box, { flex: "1" }),
@@ -61297,7 +61401,7 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
             "add another"
           ] }) })
         ] }) }),
-        /* @__PURE__ */ jsx$1(Step, { n: 4, title: `Which ${SUBJECT_MANY}?`, help: "step_population", children: /* @__PURE__ */ jsx$1(FilterRail, { fields, population, onChange: editPopulation, chip, button, readonly }) }),
+        /* @__PURE__ */ jsx$1(Step, { n: 4, title: `Which ${subject.many}?`, help: "step_population", children: /* @__PURE__ */ jsx$1(FilterRail, { fields, population, onChange: editPopulation, chip, button, readonly, subjectMany: subject.many }) }),
         /* @__PURE__ */ jsxs(Box, { as: "details", borderTopWidth: "1px", borderColor: "border.subtle", children: [
           /* @__PURE__ */ jsxs(
             Box,
@@ -61348,7 +61452,7 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
             "aria-label": "Result views",
             onKeyDown: (e3) => {
               var _a3;
-              const i = tabKeys.indexOf(tab);
+              const i = tabKeys.indexOf(activeTab);
               let j2 = i;
               if (e3.key === "ArrowRight") j2 = (i + 1) % tabKeys.length;
               else if (e3.key === "ArrowLeft") j2 = (i - 1 + tabKeys.length) % tabKeys.length;
@@ -61362,9 +61466,9 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
             },
             children: [
               tabKeys.map((tk) => {
-                const on3 = tab === tk;
+                const on3 = activeTab === tk;
                 const tabHelp = tk === "answer" ? "tab_answer" : tk === "trust" ? "tab_trust" : tk === "dose" ? "tab_dose" : "tab_validate";
-                const tabLabel = tk === "answer" ? "Answer" : tk === "trust" ? "Trust" : tk === "dose" ? "Dose" : "Validate";
+                const tabLabel = tk === "answer" ? "The answer" : tk === "trust" ? "Can we trust it?" : tk === "dose" ? "How much?" : "Prove it";
                 return /* @__PURE__ */ jsx$1(
                   Box,
                   {
@@ -61396,7 +61500,7 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
             ]
           }
         ),
-        failed ? /* @__PURE__ */ jsx$1(Box, { px: "4.5", pt: "4.5", children: /* @__PURE__ */ jsx$1(RunError, { error: experiment.error }) }) : !showResult ? /* @__PURE__ */ jsx$1(DeckSkeleton, { tab }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        failed ? /* @__PURE__ */ jsx$1(Box, { px: "4.5", pt: "4.5", children: /* @__PURE__ */ jsx$1(RunError, { error: experiment.error }) }) : !showResult ? /* @__PURE__ */ jsx$1(DeckSkeleton, { tab: activeTab }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           stale && /* @__PURE__ */ jsxs(Box, { layerStyle: "banner.stale", display: "flex", alignItems: "center", gap: "2", mx: "4.5", mt: "4.5", children: [
             /* @__PURE__ */ jsx$1(Box, { as: "span", color: "fg.warning", flexShrink: "0", fontSize: "12px", children: /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faTriangleExclamation }) }),
             /* @__PURE__ */ jsxs(Text, { textStyle: "body.sm", color: "fg.default", children: [
@@ -61404,9 +61508,22 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
               " Hit Run to update these results for your edits."
             ] })
           ] }),
-          tab === "answer" && a2 && /* @__PURE__ */ jsx$1(AnswerNumeric, { a: a2, verdict, higherBetter, badge, barList }),
-          tab === "answer" && !a2 && ref && /* @__PURE__ */ jsx$1(RefusalZone, { refusal: ref, overlap: ov, naiveValue: (shownResult == null ? void 0 : shownResult.naive) ?? 0, outcome: vs.outcome }),
-          tab === "trust" && vr && /* @__PURE__ */ jsxs(Box, { p: "4.5", children: [
+          activeTab === "answer" && a2 && /* @__PURE__ */ jsx$1(
+            AnswerNumeric,
+            {
+              a: a2,
+              verdict,
+              narrative: view.narrative,
+              checks: (vr == null ? void 0 : vr.checks) ?? null,
+              onGoTrust: () => setTab("trust"),
+              subjectMany: subject.many,
+              higherBetter,
+              badge,
+              barList
+            }
+          ),
+          activeTab === "answer" && !a2 && ref && /* @__PURE__ */ jsx$1(RefusalZone, { refusal: ref, overlap: ov, naiveValue: (shownResult == null ? void 0 : shownResult.naive) ?? 0, outcome: vs.outcomeLabel }),
+          activeTab === "trust" && vr && /* @__PURE__ */ jsxs(Box, { p: "4.5", children: [
             /* @__PURE__ */ jsx$1(Text, { textStyle: "body.sm", color: "fg.muted", mb: "3.5", children: /* @__PURE__ */ jsx$1(Help, { id: "trust_intro", children: "Before trusting the answer we tried to break it — colour shows pass / caution." }) }),
             /* @__PURE__ */ jsx$1(Box, { layerStyle: "frame.flat", children: vr.checks.map((c2, i) => {
               const cs = statusR({ status: c2.passed ? "success" : "warning", size: "sm" });
@@ -61424,10 +61541,34 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
             }) }),
             vr.sens && /* @__PURE__ */ jsxs(Card, { children: [
               /* @__PURE__ */ jsx$1(Cap, { help: "sensitivity", children: "Effect as a hidden cause is made stronger" }),
-              /* @__PURE__ */ jsx$1(AreaRange, { lo: vr.sens.lo, mid: vr.sens.mid, hi: vr.sens.hi, zero: 0, tone: "brand", xTicks: vr.sens.xTicks, yTicks: vr.sens.yTicks, height: 132 })
+              /* @__PURE__ */ jsx$1(
+                AreaRange,
+                {
+                  lo: vr.sens.lo,
+                  mid: vr.sens.mid,
+                  hi: vr.sens.hi,
+                  zero: 0,
+                  tone: "brand",
+                  xTicks: vr.sens.xTicks,
+                  yTicks: vr.sens.yTicks,
+                  marks: vr.sens.marks,
+                  height: vr.sens.marks.length ? 148 : 132
+                }
+              )
             ] })
           ] }),
-          tab === "trust" && !vr && /* @__PURE__ */ jsxs(Box, { p: "4.5", children: [
+          activeTab === "trust" && !vr && // Two distinct reasons the checklist is absent: the engine REFUSED
+          // (no adjusted estimate to break) vs. the answer landed WITHOUT a
+          // robustness summary (e.g. a precomputed result whose stress tests
+          // were never run). Conflating them asserted a refusal that didn't
+          // happen.
+          ((shownResult == null ? void 0 : shownResult.adjusted.type) === "some" ? /* @__PURE__ */ jsxs(Box, { p: "4.5", children: [
+            /* @__PURE__ */ jsxs(Box, { display: "inline-flex", alignItems: "center", gap: "2", mb: "2", color: "fg.muted", children: [
+              /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faTriangleExclamation, style: { fontSize: "13px" } }),
+              /* @__PURE__ */ jsx$1(Text, { textStyle: "body.sm", fontWeight: "semibold", color: "fg.default", children: "Stress tests not run" })
+            ] }),
+            /* @__PURE__ */ jsx$1(Text, { textStyle: "body.sm", color: "fg.muted", lineHeight: "1.5", children: "This answer came without a robustness summary — the stress tests weren’t run for this question, so there’s nothing to report here." })
+          ] }) : /* @__PURE__ */ jsxs(Box, { p: "4.5", children: [
             /* @__PURE__ */ jsxs(Box, { display: "inline-flex", alignItems: "center", gap: "2", mb: "2", color: "fg.muted", children: [
               /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faTriangleExclamation, style: { fontSize: "13px" } }),
               /* @__PURE__ */ jsx$1(Text, { textStyle: "body.sm", fontWeight: "semibold", color: "fg.default", children: "Nothing to stress-test" })
@@ -61437,8 +61578,9 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
               /* @__PURE__ */ jsx$1(Text, { as: "span", fontWeight: "semibold", color: "fg.default", children: "Answer" }),
               " tab for why)."
             ] })
-          ] }),
-          tab === "dose" && vd && /* @__PURE__ */ jsxs(Box, { p: "4.5", children: [
+          ] })),
+          activeTab === "dose" && vd && /* @__PURE__ */ jsxs(Box, { p: "4.5", children: [
+            /* @__PURE__ */ jsx$1(Text, { textStyle: "body.sm", color: "fg.muted", mb: "3.5", children: /* @__PURE__ */ jsx$1(Help, { id: "tab_dose", children: vd.framing }) }),
             /* @__PURE__ */ jsxs(Card, { mt: "0", children: [
               /* @__PURE__ */ jsxs(Cap, { help: "dose_curve", children: [
                 vd.outcome,
@@ -61475,7 +61617,27 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
               ] })
             ] })
           ] }),
-          tab === "validate" && (design.status === "failed" && design.error ? /* @__PURE__ */ jsx$1(Box, { px: "4.5", pt: "4.5", children: /* @__PURE__ */ jsx$1(RunError, { error: design.error }) }) : designFresh && vmDesign ? /* @__PURE__ */ jsx$1(ValidatePanel, { vm: vmDesign, barList }) : /* @__PURE__ */ jsxs(Box, { p: "4.5", display: "inline-flex", alignItems: "center", gap: "2", color: "fg.muted", children: [
+          activeTab === "dose" && !vd && // The tab is reachable (a dose feature is configured) but the shown
+          // result has no curve — e.g. a refusal verdict, or the engine
+          // returned no dose-response for this setup. Say so; never a blank pane.
+          /* @__PURE__ */ jsxs(Box, { p: "4.5", children: [
+            /* @__PURE__ */ jsxs(Box, { display: "inline-flex", alignItems: "center", gap: "2", mb: "2", color: "fg.muted", children: [
+              /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faTriangleExclamation, style: { fontSize: "13px" } }),
+              /* @__PURE__ */ jsx$1(Text, { textStyle: "body.sm", fontWeight: "semibold", color: "fg.default", children: "No dose-response to show" })
+            ] }),
+            (shownResult == null ? void 0 : shownResult.adjusted.type) === "some" ? /* @__PURE__ */ jsx$1(Text, { textStyle: "body.sm", color: "fg.muted", lineHeight: "1.5", children: "The experiment didn’t return a how-much curve for this setup." }) : /* @__PURE__ */ jsxs(Text, { textStyle: "body.sm", color: "fg.muted", lineHeight: "1.5", children: [
+              "A how-much curve needs a like-for-like estimate, and the experiment couldn’t produce one (see the ",
+              /* @__PURE__ */ jsx$1(Text, { as: "span", fontWeight: "semibold", color: "fg.default", children: "Answer" }),
+              " tab for why)."
+            ] })
+          ] }),
+          activeTab === "validate" && (design.status === "failed" && design.error ? /* @__PURE__ */ jsx$1(Box, { px: "4.5", pt: "4.5", children: /* @__PURE__ */ jsx$1(RunError, { error: design.error }) }) : designFresh && vmDesign ? /* @__PURE__ */ jsx$1(ValidatePanel, { vm: vmDesign, barList }) : !hasDesign && precomputedDesign === null ? /* @__PURE__ */ jsxs(Box, { p: "4.5", children: [
+            /* @__PURE__ */ jsxs(Box, { display: "inline-flex", alignItems: "center", gap: "2", mb: "2", color: "fg.muted", children: [
+              /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faTriangleExclamation, style: { fontSize: "13px" } }),
+              /* @__PURE__ */ jsx$1(Text, { textStyle: "body.sm", fontWeight: "semibold", color: "fg.default", children: "No trial recipe for this question" })
+            ] }),
+            /* @__PURE__ */ jsx$1(Text, { textStyle: "body.sm", color: "fg.muted", lineHeight: "1.5", children: "This question doesn’t include a validation-trial recipe, and no design function is bound to size one." })
+          ] }) : /* @__PURE__ */ jsxs(Box, { p: "4.5", display: "inline-flex", alignItems: "center", gap: "2", color: "fg.muted", children: [
             /* @__PURE__ */ jsx$1(Spinner, { size: "xs", borderWidth: "1.5px", color: "brand.solid" }),
             /* @__PURE__ */ jsx$1(Text, { textStyle: "body.sm", children: "Sizing the trial that would confirm this…" })
           ] }))
@@ -61485,11 +61647,11 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
     journal && journal.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(Box, { css: es.root, bg: "bg.canvas", borderTopWidth: "1px", borderColor: "border.subtle", children: [
         /* @__PURE__ */ jsx$1(Box, { css: es.lbl, children: /* @__PURE__ */ jsx$1(Help, { id: "journal", children: "Committed experiments" }) }),
-        /* @__PURE__ */ jsxs(Box, { css: es.meta, children: [
+        /* @__PURE__ */ jsx$1(Box, { css: es.meta, children: /* @__PURE__ */ jsxs(Text, { as: "span", children: [
           /* @__PURE__ */ jsx$1(Text, { as: "span", color: "fg.default", fontWeight: "semibold", children: journal.length }),
           " on record",
           journal.length > 50 ? " · showing newest 50" : ""
-        ] })
+        ] }) })
       ] }),
       journal.slice(0, 50).map((r2, i) => /* @__PURE__ */ jsxs(Box, { display: "grid", gridTemplateColumns: "2fr 1fr 1fr 1fr", gap: "3", alignItems: "center", px: "4.5", py: "2.5", borderTopWidth: "1px", borderColor: "border.subtle", children: [
         /* @__PURE__ */ jsxs(Text, { textStyle: "body.sm", children: [
@@ -61528,24 +61690,31 @@ const EastChakraExperiment = memo(function EastChakraExperiment2({ value }) {
     ] })
   ] }) });
 }, (prev2, next2) => experimentValueEqual(prev2.value, next2.value) && prev2.storageKey === next2.storageKey);
-function AnswerNumeric({ a: a2, verdict, higherBetter, badge, barList }) {
+function AnswerNumeric({ a: a2, verdict, narrative, checks, onGoTrust, subjectMany, higherBetter, badge, barList }) {
   const dirUp = a2.effect > 0;
   const statusWord = higherBetter === void 0 ? dirUp ? "Higher" : "Lower" : dirUp === higherBetter ? "Better" : "Worse";
   const lowerWord = a2.naive < 0 ? "lower" : "higher";
-  const top = a2.balance[0] ?? { col: "", display: "" };
+  const top = a2.balance[0] ?? { label: "", display: "" };
   const kpiColor = a2.clear && !a2.cautious ? "fg.success" : "fg.warning";
   const badgeOk = a2.clear && !a2.cautious;
   const badgeText = a2.cautious ? (verdict == null ? void 0 : verdict.label) ?? "Not trustworthy yet" : a2.clear ? `${statusWord} with ${a2.treatment}` : "No clear effect";
   return /* @__PURE__ */ jsxs(Box, { p: "4.5", children: [
+    narrative && /* @__PURE__ */ jsx$1(Text, { textStyle: "body.md", color: "fg.default", lineHeight: "1.6", mb: "3.5", children: narrative.segments.map((s2, i) => s2.strong ? /* @__PURE__ */ jsx$1(Text, { as: "span", fontWeight: "bold", color: toneToken(narrative.tone), children: s2.text }, i) : /* @__PURE__ */ jsx$1(Text, { as: "span", children: s2.text }, i)) }),
     /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", gap: "4.5", flexWrap: "wrap", children: [
       /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "column", gap: "0.5", children: [
         /* @__PURE__ */ jsx$1(Text, { textStyle: "mono.sm", color: "fg.muted", children: a2.outcome }),
         /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "baseline", gap: "2.5", children: [
-          /* @__PURE__ */ jsx$1(Text, { textStyle: "mono-kpi", fontFamily: "heading", fontSize: "32px", color: kpiColor, children: /* @__PURE__ */ jsx$1(Help, { id: "answer_effect", children: signed(a2.effect) }) }),
+          /* @__PURE__ */ jsx$1(Text, { textStyle: "mono-kpi", fontFamily: "heading", fontSize: "32px", color: kpiColor, children: /* @__PURE__ */ jsxs(Help, { id: "answer_effect", children: [
+            signed(a2.effect),
+            a2.unit ? /* @__PURE__ */ jsxs(Text, { as: "span", fontSize: "16px", color: "fg.muted", children: [
+              " ",
+              a2.unit
+            ] }) : null
+          ] }) }),
           /* @__PURE__ */ jsx$1(Text, { textStyle: "mono.sm", color: "fg.muted", children: /* @__PURE__ */ jsxs(Help, { id: "answer_ci", children: [
-            "95% CI  ",
+            "likely between ",
             signed(a2.lo),
-            " … ",
+            " and ",
             signed(a2.hi)
           ] }) })
         ] })
@@ -61555,6 +61724,42 @@ function AnswerNumeric({ a: a2, verdict, higherBetter, badge, barList }) {
         /* @__PURE__ */ jsx$1(Help, { id: `verdict_${(verdict == null ? void 0 : verdict.tag) ?? "modest"}`, children: badgeText })
       ] })
     ] }),
+    checks && checks.length > 0 && /* @__PURE__ */ jsxs(
+      Box,
+      {
+        as: "button",
+        onClick: onGoTrust,
+        display: "inline-flex",
+        alignItems: "center",
+        gap: "2",
+        flexWrap: "wrap",
+        mt: "2.5",
+        bg: "transparent",
+        border: "0",
+        p: "0",
+        cursor: "pointer",
+        title: "See the full stress-test checklist",
+        children: [
+          /* @__PURE__ */ jsx$1(Text, { textStyle: "caption", color: "fg.muted", children: "Stress tests:" }),
+          checks.map((c2, i) => /* @__PURE__ */ jsxs(
+            Box,
+            {
+              as: "span",
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "1.5",
+              color: c2.passed ? "fg.success" : "fg.warning",
+              children: [
+                /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: c2.passed ? faCheck : faTriangleExclamation, style: { fontSize: "10px" } }),
+                /* @__PURE__ */ jsx$1(Text, { as: "span", textStyle: "caption", color: "fg.default", children: c2.short }),
+                i < checks.length - 1 && /* @__PURE__ */ jsx$1(Text, { as: "span", textStyle: "caption", color: "fg.subtle", children: "·" })
+              ]
+            },
+            i
+          ))
+        ]
+      }
+    ),
     a2.cautious && /* @__PURE__ */ jsxs(Box, { layerStyle: "banner.stale", display: "flex", alignItems: "flex-start", gap: "2", mt: "3", children: [
       /* @__PURE__ */ jsx$1(Box, { as: "span", color: "fg.warning", flexShrink: "0", mt: "0.5", fontSize: "12px", children: /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faTriangleExclamation }) }),
       /* @__PURE__ */ jsxs(Text, { textStyle: "body.sm", color: "fg.default", children: [
@@ -61568,15 +61773,15 @@ function AnswerNumeric({ a: a2, verdict, higherBetter, badge, barList }) {
       /* @__PURE__ */ jsxs(Text, { textStyle: "body.sm", color: "fg.default", children: [
         /* @__PURE__ */ jsx$1(Help, { id: "answer_flip", children: /* @__PURE__ */ jsx$1(Text, { as: "span", fontWeight: "bold", children: "Raw and like-for-like disagree." }) }),
         " In the plain average, the ",
-        /* @__PURE__ */ jsx$1(Text, { as: "span", fontFamily: "mono", children: a2.treatment }),
+        /* @__PURE__ */ jsx$1(Text, { as: "span", fontWeight: "semibold", children: a2.treatment }),
         " group sits ",
         /* @__PURE__ */ jsx$1(Text, { as: "span", fontStyle: "italic", children: lowerWord }),
         " on ",
-        /* @__PURE__ */ jsx$1(Text, { as: "span", fontFamily: "mono", children: a2.outcome }),
+        /* @__PURE__ */ jsx$1(Text, { as: "span", fontWeight: "semibold", children: a2.outcome }),
         " (",
         signed(a2.naive),
         ") — but they also differ most on ",
-        /* @__PURE__ */ jsx$1(Text, { as: "span", fontFamily: "mono", children: top.col }),
+        /* @__PURE__ */ jsx$1(Text, { as: "span", fontWeight: "semibold", children: top.label }),
         " (",
         top.display,
         "). Adjusting for it reverses the result."
@@ -61599,11 +61804,40 @@ function AnswerNumeric({ a: a2, verdict, higherBetter, badge, barList }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx$1(Cap, { help: "balance", children: "How unbalanced each one was — before adjusting" }),
-      /* @__PURE__ */ jsx$1(Box, { py: "0.5", maxH: "208px", overflowY: "auto", children: barList(a2.balance.map((b2) => ({ label: b2.col, frac: b2.frac, tone: b2.tone, value: b2.display }))) })
+    /* @__PURE__ */ jsxs(Box, { as: "details", layerStyle: "card", borderRadius: "lg", mt: "3", children: [
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          as: "summary",
+          textStyle: "caption.eyebrow",
+          fontSize: "9px",
+          cursor: "pointer",
+          p: "3.5",
+          display: "flex",
+          alignItems: "center",
+          gap: "1.5",
+          css: { listStyle: "none", "&::-webkit-details-marker": { display: "none" } },
+          children: [
+            /* @__PURE__ */ jsx$1(
+              Box,
+              {
+                as: "span",
+                display: "inline-flex",
+                color: "fg.subtle",
+                fontSize: "10px",
+                transition: "transform 180ms ease",
+                transform: "rotate(-90deg)",
+                css: { "details[open] > summary > &": { transform: "rotate(0deg)" } },
+                children: /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faChevronDown })
+              }
+            ),
+            /* @__PURE__ */ jsx$1(Help, { id: "balance", children: "How we levelled the playing field" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx$1(Box, { px: "3.5", pb: "3.5", py: "0.5", maxH: "208px", overflowY: "auto", children: barList(a2.balance.map((b2) => ({ label: b2.label, frac: b2.frac, tone: b2.tone, value: b2.display }))) })
     ] }),
-    /* @__PURE__ */ jsx$1(Box, { mt: "3.5", children: /* @__PURE__ */ jsx$1(Help, { id: "counts", display: "inline-flex", gap: "4", children: [[a2.nTotal, SUBJECT_MANY], [a2.nCompared, "compared like-for-like"], [a2.nDropped, "had no fair match"]].map(([n2, label], i) => /* @__PURE__ */ jsxs(Text, { textStyle: "mono.sm", color: "fg.muted", children: [
+    /* @__PURE__ */ jsx$1(Box, { mt: "3.5", children: /* @__PURE__ */ jsx$1(Help, { id: "counts", display: "inline-flex", gap: "4", children: [[a2.nTotal, subjectMany], [a2.nCompared, "compared like-for-like"], [a2.nDropped, "had no fair match"]].map(([n2, label], i) => /* @__PURE__ */ jsxs(Text, { textStyle: "mono.sm", color: "fg.muted", children: [
       /* @__PURE__ */ jsx$1(Text, { as: "span", color: "fg.default", fontWeight: "semibold", children: Number(n2) }),
       " ",
       label
@@ -61707,7 +61941,7 @@ function ValidatePanel({ vm, barList }) {
     ] }, i)) })
   ] });
 }
-function FilterRail({ fields, population, onChange: onChange2, chip, button, readonly }) {
+function FilterRail({ fields, population, onChange: onChange2, chip, button, readonly, subjectMany }) {
   const [open, setOpen] = useState(null);
   const replaceAt = (i, p2) => onChange2(population.map((f2, j2) => j2 === i ? p2 : f2));
   const removeAt = (i) => onChange2(population.filter((_2, j2) => j2 !== i));
@@ -61715,7 +61949,7 @@ function FilterRail({ fields, population, onChange: onChange2, chip, button, rea
   if (readonly) {
     return /* @__PURE__ */ jsx$1(Box, { display: "flex", flexWrap: "wrap", gap: "1.5", alignItems: "center", children: population.length === 0 ? /* @__PURE__ */ jsxs(Box, { css: chip({ tone: "plain", numeric: true, shape: "rounded" }), children: [
       "all ",
-      SUBJECT_MANY
+      subjectMany
     ] }) : population.map((pred, i) => /* @__PURE__ */ jsx$1(Box, { css: chip({ tone: "brand", numeric: true, shape: "rounded" }), flexShrink: 0, children: /* @__PURE__ */ jsx$1(Box, { as: "span", whiteSpace: "nowrap", children: formatPredicate(pred) }) }, i)) });
   }
   return /* @__PURE__ */ jsxs(Box, { display: "flex", flexWrap: "wrap", gap: "1.5", alignItems: "center", children: [
@@ -62676,6 +62910,39 @@ const URGENCY_RANK = {
   due: 1,
   routine: 2
 };
+const URGENCY_GROUP_LABEL = {
+  overdue: "Overdue",
+  due: "Due today",
+  routine: "Routine"
+};
+function buildGroups(rows, option) {
+  if (option.key === "none") {
+    return [{ label: "", decisions: rows, pastSla: 0, total: 0, bulk: false }];
+  }
+  const labelFor = (d2) => {
+    var _a2;
+    return option.key === "urgency" ? URGENCY_GROUP_LABEL[d2.urgency.type] : option.key === "kind" ? d2.kind : ((_a2 = option.accessor) == null ? void 0 : _a2.call(option, d2)) ?? "";
+  };
+  const out = /* @__PURE__ */ new Map();
+  for (const d2 of rows) {
+    const label = labelFor(d2);
+    let group2 = out.get(label);
+    if (group2 === void 0) {
+      group2 = {
+        label,
+        decisions: [],
+        pastSla: 0,
+        total: 0,
+        bulk: option.key === "urgency" && d2.urgency.type === "routine"
+      };
+      out.set(label, group2);
+    }
+    group2.decisions.push(d2);
+    group2.total += d2.value;
+    if (d2.urgency.type === "overdue") group2.pastSla += 1;
+  }
+  return [...out.values()];
+}
 const FACETS = [
   { key: "evidence", label: "Evidence" },
   { key: "options", label: "Options" },
@@ -62792,7 +63059,8 @@ const Row = memo(function Row2({ decision, handle, selected: selected2, narrow,
     ),
     /* @__PURE__ */ jsx$1(Box, { as: "button", css: button({ variant: "ghost", size: "xs" }), onClick: handleReject, children: "Reject" })
   ] });
-  const title = /* @__PURE__ */ jsxs(Box, { minW: 0, cursor: selected2 ? void 0 : "pointer", onClick: handleSelect, children: [
+  const fullTitle = `${decision.kind} · ${decision.title}${summary !== void 0 ? ` · ${summary}` : ""}`;
+  const title = /* @__PURE__ */ jsxs(Box, { css: rs.titleText, title: fullTitle, cursor: selected2 ? void 0 : "pointer", onClick: handleSelect, children: [
     /* @__PURE__ */ jsx$1(Text, { as: "span", fontWeight: "semibold", children: decision.kind }),
     /* @__PURE__ */ jsx$1(Text, { as: "span", color: "fg.subtle", children: " · " }),
     /* @__PURE__ */ jsx$1(Text, { as: "span", children: decision.title }),
@@ -62877,10 +63145,39 @@ const RoutineGroup = memo(function RoutineGroup2({ routine, acceptAll, leaving,
     ] })
   ] });
 });
+const GroupHead = memo(function GroupHead2({ group: group2, collapsible, collapsed, onToggle, acceptAll }) {
+  const dq = useSlotRecipe({ key: "decisionQueue" });
+  const button = useRecipe({ key: "button" });
+  const rs = dq({});
+  const format2 = group2.decisions[0] ? getSomeorUndefined(group2.decisions[0].format) : void 0;
+  const handleToggle = useCallback(() => {
+    if (collapsible) onToggle(group2.label);
+  }, [collapsible, onToggle, group2.label]);
+  const handleAcceptAll = useCallback((e3) => {
+    e3.stopPropagation();
+    if (acceptAll) acceptAll(group2.decisions);
+  }, [acceptAll, group2.decisions]);
+  return /* @__PURE__ */ jsxs(Box, { css: rs.groupHead, ...collapsible ? { "data-collapsible": "" } : {}, onClick: handleToggle, children: [
+    collapsible && /* @__PURE__ */ jsx$1(Box, { as: "span", css: rs.groupCaret, children: collapsed ? "▸" : "▾" }),
+    /* @__PURE__ */ jsxs(Box, { as: "span", css: rs.groupLabel, children: [
+      group2.label,
+      " · ",
+      group2.decisions.length
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { as: "span", css: rs.groupSummary, children: [
+      formatTick(group2.total, format2),
+      group2.pastSla > 0 ? ` · ${group2.pastSla} past SLA` : ""
+    ] }),
+    acceptAll && /* @__PURE__ */ jsx$1(Box, { as: "button", css: button({ variant: "solid", size: "xs" }), onClick: handleAcceptAll, children: "Accept all" })
+  ] });
+});
 const EastChakraDecisionQueue = memo(function EastChakraDecisionQueue2({ value, storageKey }) {
   var _a2;
   const eyebrow = useSlotRecipe({ key: "eyebrowRow" });
   const es = eyebrow({});
+  const dq = useSlotRecipe({ key: "decisionQueue" });
+  const qs = dq({});
+  const chip = useRecipe({ key: "chip" });
   const handleRef = value.handle;
   const handle = useDecisionHandle(handleRef);
   const decisions = handle.decisions;
@@ -62949,6 +63246,25 @@ const EastChakraDecisionQueue = memo(function EastChakraDecisionQueue2({ value,
     return facets === void 0 ? null : new Set(facets.map((f2) => f2.type));
   }, [value.facets]);
   const defaultExpanded = getSomeorUndefined(value.defaultExpanded);
+  const groupDefs = useMemo(
+    () => getSomeorUndefined(value.groups) ?? [],
+    [value.groups]
+  );
+  const defaultGroupKey = getSomeorUndefined(value.groupBy);
+  const grouped = defaultGroupKey !== void 0;
+  const collapsible = grouped && (getSomeorUndefined(value.collapsible) ?? true);
+  const groupOptions = useMemo(() => [
+    { key: "urgency", label: "Urgency" },
+    { key: "kind", label: "Kind" },
+    ...groupDefs.map((g2) => ({ key: g2.label, label: g2.label, accessor: g2.value })),
+    { key: "none", label: "None" }
+  ], [groupDefs]);
+  const { state: toolbar, setState: setToolbar } = usePersistedState(`${storageKey}.toolbar`, {
+    groupKey: defaultGroupKey ?? "urgency",
+    // The urgency grouping's routine tail ships collapsed.
+    collapsed: [URGENCY_GROUP_LABEL.routine]
+  });
+  const activeOption = groupOptions.find((o2) => o2.key === toolbar.groupKey) ?? groupOptions[0];
   const selectedId = handle.selected ?? (defaultExpanded == null ? void 0 : defaultExpanded.id) ?? null;
   const resolve2 = useCallback((ds, hook2, reason) => {
     if (hook2) for (const d2 of ds) {
@@ -62963,15 +63279,15 @@ const EastChakraDecisionQueue = memo(function EastChakraDecisionQueue2({ value,
   const apply2 = useCallback((d2) => resolve2([d2], onApply, "apply"), [resolve2, onApply]);
   const reject2 = useCallback((d2) => resolve2([d2], onReject, "reject"), [resolve2, onReject]);
   const acceptAll = useCallback((ds) => resolve2(ds, onApply, "apply"), [resolve2, onApply]);
-  const { active, routine, pastSla, visible } = useMemo(() => {
+  const { merged, active, routine, pastSla, visible } = useMemo(() => {
     const scoped = decisions ?? [];
     const now2 = /* @__PURE__ */ new Date();
     const live = sliceState !== null ? scoped.filter((d2) => sliceMatches(sliceState, DECISION_SLICE_CONFIG, d2, now2)) : scoped;
-    const merged = [...live];
+    const merged2 = [...live];
     for (const { decision } of exiting.values()) {
-      if (!merged.some((d2) => d2.id === decision.id)) merged.push(decision);
+      if (!merged2.some((d2) => d2.id === decision.id)) merged2.push(decision);
     }
-    merged.sort((a2, b2) => {
+    merged2.sort((a2, b2) => {
       var _a3, _b2;
       const r2 = URGENCY_RANK[a2.urgency.type] - URGENCY_RANK[b2.urgency.type];
       if (r2 !== 0) return r2;
@@ -62981,17 +63297,55 @@ const EastChakraDecisionQueue = memo(function EastChakraDecisionQueue2({ value,
       return b2.value - a2.value;
     });
     return {
-      active: merged.filter((d2) => d2.urgency.type !== "routine"),
-      routine: merged.filter((d2) => d2.urgency.type === "routine"),
-      pastSla: merged.filter((d2) => d2.urgency.type === "overdue").length,
+      merged: merged2,
+      active: merged2.filter((d2) => d2.urgency.type !== "routine"),
+      routine: merged2.filter((d2) => d2.urgency.type === "routine"),
+      pastSla: merged2.filter((d2) => d2.urgency.type === "overdue").length,
       visible: live.length
     };
   }, [decisions, exiting, sliceState]);
+  const groups = useMemo(
+    () => grouped ? buildGroups(merged, activeOption) : [],
+    [grouped, merged, activeOption]
+  );
+  const allCollapsed = groups.length > 0 && groups.every((g2) => g2.label === "" || toolbar.collapsed.includes(g2.label));
+  const toggleGroup = useCallback((label) => {
+    setToolbar((prev2) => ({
+      ...prev2,
+      collapsed: prev2.collapsed.includes(label) ? prev2.collapsed.filter((l2) => l2 !== label) : [...prev2.collapsed, label]
+    }));
+  }, [setToolbar]);
+  const toggleAll = useCallback(() => {
+    const next2 = allCollapsed ? [] : groups.map((g2) => g2.label).filter((l2) => l2 !== "");
+    setToolbar((prev2) => ({ ...prev2, collapsed: next2 }));
+  }, [setToolbar, allCollapsed, groups]);
+  const setGroupKey = useCallback((key) => {
+    setToolbar((prev2) => prev2.groupKey === key ? prev2 : { ...prev2, groupKey: key });
+  }, [setToolbar]);
   const exitingReasons = useMemo(() => {
     const m2 = /* @__PURE__ */ new Map();
     for (const [id3, e3] of exiting) m2.set(id3, e3.reason);
     return m2;
   }, [exiting]);
+  const renderRow = (d2) => /* @__PURE__ */ jsx$1(
+    Row,
+    {
+      decision: d2,
+      handle,
+      selected: selectedId === d2.id,
+      narrow,
+      leverPayloads,
+      modify,
+      evidence,
+      defaultFacet,
+      facetInclude,
+      apply: apply2,
+      reject: reject2,
+      leaving: exitingReasons.get(d2.id),
+      storageKey
+    },
+    d2.id
+  );
   if (decisions === null) {
     return /* @__PURE__ */ jsx$1(Box, { layerStyle: "surface.frameless", p: "16px", children: /* @__PURE__ */ jsx$1(Text, { color: "fg.muted", fontSize: "13px", children: "Loading decisions…" }) });
   }
@@ -63019,33 +63373,45 @@ const EastChakraDecisionQueue = memo(function EastChakraDecisionQueue2({ value,
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs(
+    grouped && /* @__PURE__ */ jsxs(Box, { css: qs.toolbar, children: [
+      /* @__PURE__ */ jsx$1(Box, { as: "span", css: qs.segLabel, children: "Group by" }),
+      groupOptions.map((o2) => /* @__PURE__ */ jsx$1(
+        Box,
+        {
+          as: "button",
+          css: { ...chip({ tone: toolbar.groupKey === o2.key ? "brand" : "neutral", size: "sm" }), cursor: "pointer" },
+          "aria-pressed": toolbar.groupKey === o2.key,
+          onClick: () => setGroupKey(o2.key),
+          children: o2.label
+        },
+        o2.key
+      )),
+      collapsible && /* @__PURE__ */ jsx$1(Box, { as: "button", css: qs.collapseAll, onClick: toggleAll, children: allCollapsed ? "Expand all" : "Collapse all" })
+    ] }),
+    /* @__PURE__ */ jsx$1(
       Box,
       {
         maxHeight: getSomeorUndefined(value.maxHeight),
         overflowY: value.maxHeight.type === "some" ? "auto" : void 0,
-        children: [
-          active.map((d2) => /* @__PURE__ */ jsx$1(
-            Row,
-            {
-              decision: d2,
-              handle,
-              selected: selectedId === d2.id,
-              narrow,
-              leverPayloads,
-              modify,
-              evidence,
-              defaultFacet,
-              facetInclude,
-              apply: apply2,
-              reject: reject2,
-              leaving: exitingReasons.get(d2.id),
-              storageKey
-            },
-            d2.id
-          )),
+        children: grouped ? groups.map((g2) => {
+          const isCollapsed = collapsible && g2.label !== "" && toolbar.collapsed.includes(g2.label);
+          return /* @__PURE__ */ jsxs(Box, { children: [
+            g2.label !== "" && /* @__PURE__ */ jsx$1(
+              GroupHead,
+              {
+                group: g2,
+                collapsible,
+                collapsed: isCollapsed,
+                onToggle: toggleGroup,
+                acceptAll: g2.bulk ? acceptAll : void 0
+              }
+            ),
+            !isCollapsed && g2.decisions.map(renderRow)
+          ] }, g2.label || "_flat");
+        }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          active.map(renderRow),
           /* @__PURE__ */ jsx$1(RoutineGroup, { routine, acceptAll, leaving: exitingReasons, narrow })
-        ]
+        ] })
       }
     )
   ] });