@validation-os/dashboard 0.15.4 → 0.15.6

package/dist/index.js

@@ -9,14 +9,14 @@ var REGISTER_LABEL = {
   // One container-agnostic lens now Goal is unified into Experiment (OPS-1299 /
   // OPS-1287 story 22): all plans browse in one place under this label.
   experiments: "Evidence plans",
-  readings: "Readings",
+  readings: "Evidence",
   decisions: "Decisions",
   glossary: "Glossary"
 };
 var REGISTER_SINGULAR = {
   assumptions: "Assumption",
   experiments: "Evidence plan",
-  readings: "Reading",
+  readings: "Evidence",
   decisions: "Decision",
   glossary: "Glossary term"
 };
@@ -37,7 +37,7 @@ var REGISTER_SUBTITLE = {
 var REGISTER_ICON = {
   assumptions: "\u25CE",
   experiments: "\u2697",
-  readings: "\u25A4",
+  readings: "\u2726",
   decisions: "\xA7",
   glossary: "A"
 };
@@ -50,7 +50,7 @@ var REGISTER_GROUPS = [
 var WORKFLOW_NAV = [
   { route: "assumptions", label: "Assumptions", icon: "\u25CE", isDefault: true },
   { route: "experiments", label: "Experiments", icon: "\u2697" },
-  { route: "readings", label: "Readings", icon: "\u25A4" }
+  { route: "readings", label: "Evidence", icon: "\u2726" }
 ];
 
 // src/assumption-detail.tsx
@@ -218,6 +218,47 @@ function buildEvidenceComposition(assumption, readings) {
     totalContribution: Math.round((total + Number.EPSILON) * 100) / 100
   };
 }
+function readingContributions(assumption, readings) {
+  const id = str(assumption.id) ?? "";
+  const inputs = [];
+  for (const r of readings) {
+    const belief2 = readingBeliefFor(r, id);
+    if (!belief2) continue;
+    const result = str(belief2.Result) ?? "Inconclusive";
+    if (result === "Inconclusive") continue;
+    const rung = str(r.Rung) ?? "Talk";
+    inputs.push({
+      id: str(r.id) ?? "",
+      source: str(r.Source) ?? null,
+      rung,
+      result,
+      representativeness: Number(r.Representativeness) || 1,
+      credibility: Number(r.Credibility) || 1,
+      date: str(r.Date),
+      magnitudeBand: r.magnitudeBand,
+      experimentId: str(r.experimentId)
+    });
+  }
+  const winners = scoreAndDedupe(inputs);
+  const winnerIds = new Set(winners.map((w) => w.input.id));
+  const rungsPresent = new Set(winners.map((x) => x.input.rung));
+  let den = 0;
+  for (const rung of rungsPresent) den += w0ForRung(rung);
+  for (const x of winners) den += x.weight;
+  return inputs.map((input) => {
+    const w = winners.find((x) => x.input.id === input.id);
+    const used = winnerIds.has(input.id);
+    const strength = w ? w.strength : (input.result === "Validated" ? 1 : input.result === "Invalidated" ? -1 : 0) * (RUNG_CAPS[input.rung] ?? 0);
+    const weight = w ? w.weight : 0;
+    return {
+      id: input.id,
+      contribution: w && den > 0 ? Math.round(w.weight * w.strength / den * 100) / 100 : 0,
+      weight,
+      strength,
+      used
+    };
+  });
+}
 
 // src/confidence-explainer.ts
 import { RUNG_ANCHOR, W0_BY_RUNG } from "@validation-os/core/derivation";
@@ -1004,10 +1045,26 @@ function readingBeliefVerdicts(reading, assumptions = []) {
       linked: hit != null,
       result: b.Result ?? null,
       strength,
-      justification: typeof b["Grading justification"] === "string" ? b["Grading justification"] : ""
+      justification: typeof b["Grading justification"] === "string" ? b["Grading justification"] : "",
+      excerpt: typeof b.excerpt === "string" && b.excerpt !== "" ? b.excerpt : snippetFromBody(String(reading.body ?? ""), b.assumptionId)
     };
   });
 }
+function snippetFromBody(body, cue) {
+  if (!body) return "";
+  const quoteMatch = body.match(/## Quote\n+([\s\S]*?)(?=\n## |\n##$|$)/i);
+  if (quoteMatch) {
+    const q = quoteMatch[1].trim();
+    return q.length > 220 ? q.slice(0, 217).trim() + "\u2026" : q;
+  }
+  const sentences = body.split(/(?<=[.!?])\s+/);
+  const cueLower = cue.toLowerCase();
+  for (const s of sentences) {
+    if (s.toLowerCase().includes(cueLower)) return s.trim();
+  }
+  const first = sentences[0]?.trim() ?? "";
+  return first.length > 220 ? first.slice(0, 217).trim() + "\u2026" : first;
+}
 function readingBeliefSummary(reading, assumptions = []) {
   const verdicts = readingBeliefVerdicts(reading, assumptions);
   let validated = 0;
@@ -1554,64 +1611,118 @@ function AssumptionDetail({
         );
       })
     ] }) : null,
-    linkedReadings.length > 0 ? /* @__PURE__ */ jsxs4("div", { className: "vos-card vos-detail-section", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "vos-detail-section-label", children: [
-        "Evidence \xB7 ",
-        linkedReadings.length,
-        " reading",
-        linkedReadings.length === 1 ? "" : "s"
-      ] }),
-      linkedReadings.map((r) => {
-        const id = String(r.id ?? "");
-        const belief2 = readingBeliefFor(r, assumptionId);
-        if (!belief2) return null;
-        const result = String(belief2.Result ?? "Inconclusive");
-        const justification = String(belief2["Grading justification"] ?? "");
-        const rung = String(r.Rung ?? "");
-        const source = String(r.Source ?? "");
-        const expId = r.experimentId ? String(r.experimentId) : null;
-        return /* @__PURE__ */ jsxs4(
-          "button",
-          {
-            type: "button",
-            className: `vos-linked-row vos-linked-reading vos-verdict-${verdictTone(result)}`,
-            onClick: () => onNavigate({ name: "reading", id }),
-            children: [
-              /* @__PURE__ */ jsxs4("div", { className: "vos-reading-head", children: [
-                /* @__PURE__ */ jsx4("span", { className: "vos-reading-date vos-num", children: String(r.Date ?? "") }),
-                /* @__PURE__ */ jsx4("span", { className: "vos-reading-title", children: String(r.Title ?? id) }),
-                /* @__PURE__ */ jsx4("span", { className: `vos-pill vos-pill-${verdictTone(result)}`, children: result }),
-                /* @__PURE__ */ jsx4("span", { className: "vos-rung-tag", children: rung })
-              ] }),
-              justification ? /* @__PURE__ */ jsxs4("div", { className: `vos-belief-rationale vos-verdict-border-${verdictTone(result)}`, children: [
-                /* @__PURE__ */ jsx4("span", { className: "vos-belief-rationale-label", children: "grading rationale:" }),
-                justification
-              ] }) : null,
-              /* @__PURE__ */ jsxs4("div", { className: "vos-reading-source", children: [
-                source,
-                expId ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                  " \xB7 from ",
-                  /* @__PURE__ */ jsx4(
-                    "span",
-                    {
-                      className: "vos-link",
-                      onClick: (ev) => {
-                        ev.stopPropagation();
-                        onNavigate({ name: "experiment", id: expId });
-                      },
-                      children: expId
-                    }
-                  )
-                ] }) : null
-              ] })
-            ]
-          },
-          id
-        );
-      })
-    ] }) : null
+    /* @__PURE__ */ jsx4(
+      EvidenceList,
+      {
+        assumptionId,
+        readings: readings.records ?? [],
+        onNavigate
+      }
+    )
+  ] });
+}
+function EvidenceList({
+  assumptionId,
+  readings,
+  onNavigate
+}) {
+  const linkedReadings = readings.filter((r) => readingBeliefs(r).some((b) => b.assumptionId === assumptionId)).sort((a, b) => String(b.Date ?? "").localeCompare(String(a.Date ?? "")));
+  const contribById = useMemo(() => {
+    const rec = readings.find((a) => String(a.id) === assumptionId);
+    if (!rec) return /* @__PURE__ */ new Map();
+    const rows = readingContributions(rec, readings);
+    return new Map(rows.map((r) => [r.id, r]));
+  }, [readings, assumptionId]);
+  if (linkedReadings.length === 0) return null;
+  return /* @__PURE__ */ jsxs4("div", { className: "vos-card vos-detail-section", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "vos-detail-section-label", children: [
+      "Evidence \xB7 ",
+      linkedReadings.length,
+      " piece",
+      linkedReadings.length === 1 ? "" : "s",
+      " of evidence"
+    ] }),
+    linkedReadings.map((r) => {
+      const id = String(r.id ?? "");
+      const belief2 = readingBeliefFor(r, assumptionId);
+      if (!belief2) return null;
+      const result = String(belief2.Result ?? "Inconclusive");
+      const justification = String(belief2["Grading justification"] ?? "");
+      const excerpt = typeof belief2.excerpt === "string" && belief2.excerpt !== "" ? belief2.excerpt : snippetFromBody2(String(r.body ?? ""), assumptionId);
+      const rung = String(r.Rung ?? "");
+      const source = String(r.Source ?? "");
+      const expId = r.experimentId ? String(r.experimentId) : null;
+      const c = contribById.get(id);
+      return /* @__PURE__ */ jsxs4(
+        "button",
+        {
+          type: "button",
+          className: `vos-evidence-row vos-verdict-${verdictTone(result)}`,
+          onClick: () => onNavigate({ name: "reading", id }),
+          children: [
+            /* @__PURE__ */ jsxs4("div", { className: "vos-evidence-row-head", children: [
+              /* @__PURE__ */ jsx4("span", { className: "vos-evidence-date vos-num", children: String(r.Date ?? "") }),
+              /* @__PURE__ */ jsx4("span", { className: "vos-evidence-title", children: String(r.Title ?? id) }),
+              /* @__PURE__ */ jsx4("span", { className: `vos-pill vos-pill-${verdictTone(result)}`, children: result }),
+              /* @__PURE__ */ jsx4("span", { className: "vos-rung-tag", children: rung }),
+              c && c.used ? /* @__PURE__ */ jsxs4("span", { className: `vos-evidence-score vos-num vos-text-${contributionTone(c.contribution)}`, children: [
+                formatSigned(c.contribution),
+                " confidence"
+              ] }) : null
+            ] }),
+            excerpt ? /* @__PURE__ */ jsxs4("div", { className: "vos-evidence-excerpt", children: [
+              "\u201C",
+              excerpt,
+              "\u201D"
+            ] }) : null,
+            justification ? /* @__PURE__ */ jsxs4("div", { className: `vos-belief-rationale vos-verdict-border-${verdictTone(result)}`, children: [
+              /* @__PURE__ */ jsx4("span", { className: "vos-belief-rationale-label", children: "grading rationale:" }),
+              justification
+            ] }) : null,
+            /* @__PURE__ */ jsxs4("div", { className: "vos-evidence-source", children: [
+              /* @__PURE__ */ jsx4("span", { className: "vos-evidence-source-link", title: source, children: source }),
+              expId ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+                " \xB7 from experiment ",
+                /* @__PURE__ */ jsx4(
+                  "span",
+                  {
+                    className: "vos-link",
+                    onClick: (ev) => {
+                      ev.stopPropagation();
+                      onNavigate({ name: "experiment", id: expId });
+                    },
+                    children: expId
+                  }
+                )
+              ] }) : null
+            ] })
+          ]
+        },
+        id
+      );
+    })
   ] });
 }
+function contributionTone(v) {
+  if (v > 0) return "good";
+  if (v < 0) return "crit";
+  return "neutral";
+}
+function snippetFromBody2(body, cue) {
+  if (!body) return "";
+  const quoteMatch = body.match(/## Quote\n+([\s\S]*?)(?=\n## |\n##$|$)/i);
+  if (quoteMatch) {
+    const q = quoteMatch[1].trim();
+    return q.length > 220 ? q.slice(0, 217).trim() + "\u2026" : q;
+  }
+  const sentences = body.split(/(?<=[.!?])\s+/);
+  const cueLower = cue.toLowerCase();
+  for (const s of sentences) {
+    if (s.toLowerCase().includes(cueLower)) return s.trim();
+  }
+  const first = sentences[0]?.trim() ?? "";
+  return first.length > 220 ? first.slice(0, 217).trim() + "\u2026" : first;
+}
 function ScoreCard({
   label,
   value,
@@ -1781,16 +1892,24 @@ function EvidenceCompositionView({
       " (adds to Confidence)"
     ] }),
     comp.rungs.length === 0 ? /* @__PURE__ */ jsx4("div", { className: "vos-muted", children: "No lens set \u2014 evidence composition needs a lens." }) : comp.rungs.map((r) => {
-      const pct2 = r.cap > 0 ? Math.min(100, Math.abs(r.contribution) / r.cap * 100) : 0;
+      const abs = Math.abs(r.contribution);
+      const pct2 = r.cap > 0 ? Math.min(100, abs / r.cap * 100) : 0;
       const isEmpty = r.count === 0;
+      const tone = r.contribution > 0 ? "good" : r.contribution < 0 ? "crit" : "accent";
       return /* @__PURE__ */ jsxs4("div", { className: "vos-comp-row", children: [
         /* @__PURE__ */ jsx4("span", { className: `vos-comp-rung ${isEmpty ? "is-empty" : ""}`, children: r.rung }),
-        /* @__PURE__ */ jsx4("div", { className: "vos-comp-bar", children: /* @__PURE__ */ jsx4("i", { className: "vos-comp-fill", style: { width: `${pct2}%`, opacity: isEmpty ? 0.15 : 1 } }) }),
-        /* @__PURE__ */ jsx4("span", { className: "vos-comp-val vos-num", children: isEmpty ? "\u2014" : `${formatSigned(r.contribution)}/${r.cap}` }),
+        /* @__PURE__ */ jsx4("div", { className: "vos-comp-bar", children: /* @__PURE__ */ jsx4("i", { className: `vos-comp-fill vos-fill-${tone}`, style: { width: `${isEmpty ? 0 : Math.max(4, pct2)}%` } }) }),
+        /* @__PURE__ */ jsx4("span", { className: "vos-comp-val vos-num", children: isEmpty ? "\u2014" : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+          /* @__PURE__ */ jsx4("span", { className: `vos-text-${tone}`, children: formatSigned(r.contribution) }),
+          /* @__PURE__ */ jsxs4("span", { style: { color: "var(--vos-faint)" }, children: [
+            " \xB7 cap ",
+            r.cap
+          ] })
+        ] }) }),
         /* @__PURE__ */ jsxs4("span", { className: "vos-comp-count vos-num", children: [
           r.count,
-          " src",
-          r.count === 1 ? "" : "s"
+          " ",
+          r.count === 1 ? "source" : "sources"
         ] })
       ] }, r.rung);
     })
@@ -1798,7 +1917,7 @@ function EvidenceCompositionView({
 }
 
 // src/assumptions-surface.tsx
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo2, useState as useState3 } from "react";
 
 // src/next-move.ts
 import {
@@ -2099,9 +2218,14 @@ function weekOverWeekDelta(assumptions, readings, now) {
 }
 
 // src/recommended-experiments.ts
-var MAX_RECOMMENDED = 2;
+var MAX_RECOMMENDED = 3;
 var MAX_CLUSTER_SIZE = 3;
 var MAX_NEEDS_FRAMING = 3;
+var LENS_COLOUR = {
+  Consumer: "#8b83f5",
+  Commercial: "#38c793",
+  Investor: "#e6a23c"
+};
 function buildNeedsFraming(assumptions) {
   const live = assumptions.filter((a) => {
     const status = str(a.Status);
@@ -2116,7 +2240,8 @@ function buildNeedsFraming(assumptions) {
     const stage = str(a.Stage) ?? "\u2014";
     const title = str(a.Title) ?? id;
     const hint = framingHint(a, completeness);
-    return { id, title, risk, completeness, lens, stage, hint };
+    const lensColour = LENS_COLOUR[lens] ?? LENS_COLOUR["Investor"] ?? "#6b7484";
+    return { id, title, risk, completeness, lens, stage, hint, lensColour };
   }).filter((a) => a.completeness < 100);
   const byLens = /* @__PURE__ */ new Map();
   for (const item of items) {
@@ -2166,22 +2291,28 @@ function buildRecommendedExperiments(assumptions, experiments) {
     if (bucket) bucket.push(a);
     else clusters.set(key, [a]);
   }
-  const clusterEntries = [...clusters.entries()].map(([key, cluster]) => {
+  const rankedClusters = [...clusters.entries()].map(([key, cluster]) => {
     const ranked = cluster.sort((a, b) => (derivedNum(b, "risk") ?? 0) - (derivedNum(a, "risk") ?? 0)).slice(0, MAX_CLUSTER_SIZE);
     const maxRisk = Math.max(...ranked.map((a) => derivedNum(a, "risk") ?? 0), 0);
     return { key, cluster: ranked, maxRisk };
-  }).sort((a, b) => b.maxRisk - a.maxRisk).slice(0, MAX_RECOMMENDED);
+  }).sort((a, b) => b.maxRisk - a.maxRisk);
+  const byLens = /* @__PURE__ */ new Map();
+  for (const entry of rankedClusters) {
+    const lens = entry.key.split("\xD7")[0] ?? "\u2014";
+    if (!byLens.has(lens)) byLens.set(lens, entry);
+  }
+  const clusterEntries = [...byLens.values()].sort((a, b) => b.maxRisk - a.maxRisk).slice(0, MAX_RECOMMENDED);
   const recs = [];
   for (const { key, cluster, maxRisk } of clusterEntries) {
     const lens = key.split("\xD7")[0] ?? "\u2014";
     const stage = key.split("\xD7")[1] ?? "\u2014";
     const assumptionIds = cluster.map((a) => str(a.id) ?? "").filter(Boolean).sort();
     const type = LENS_TO_TYPE[lens ?? ""] ?? "Desk research";
-    const titles = cluster.map((a) => str(a.Title) ?? str(a.id) ?? "");
     const title = cluster.length === 1 ? `Test ${assumptionIds[0]}` : `Test ${cluster.length} ${lens} \xB7 ${stage} beliefs`;
     const rationale = cluster.length === 1 ? `One belief (${assumptionIds[0]}) at ${Math.round(maxRisk)} risk with no live test. Designing an experiment here would buy down the most risk.` : `${cluster.length} beliefs share ${lens} \xB7 ${stage}, the riskiest at ${Math.round(maxRisk)} risk. One experiment can address them all.`;
     const barPreview = `The riskiest belief moves out of the kill zone, or stays in it.`;
     const body = generateExperimentBody(type, lens, stage, cluster, maxRisk);
+    const lensColour = LENS_COLOUR[lens] ?? LENS_COLOUR["Investor"] ?? "#6b7484";
     recs.push({
       id: assumptionIds.join("+"),
       type,
@@ -2190,7 +2321,9 @@ function buildRecommendedExperiments(assumptions, experiments) {
       maxRisk,
       rationale,
       barPreview,
-      body
+      body,
+      lens,
+      lensColour
     });
   }
   recs.sort(
@@ -2675,14 +2808,12 @@ function NextMovesSection({
   recs,
   onOpenAssumption
 }) {
+  const [openRec, setOpenRec] = useState3(null);
   return /* @__PURE__ */ jsxs5("div", { className: "vos-next-moves", children: [
     /* @__PURE__ */ jsx5("div", { className: "vos-next-moves-head", children: "Next moves" }),
     /* @__PURE__ */ jsxs5("div", { className: "vos-next-moves-cols", children: [
       /* @__PURE__ */ jsxs5("div", { className: "vos-card vos-next-moves-col", children: [
-        /* @__PURE__ */ jsxs5("div", { className: "vos-next-moves-col-label", children: [
-          "Needs framing \xB7 top ",
-          needsFraming.length
-        ] }),
+        /* @__PURE__ */ jsx5("div", { className: "vos-next-moves-col-label", children: "Needs framing \xB7 one per lens" }),
         needsFraming.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "vos-muted vos-next-moves-empty", children: "Every belief is fully framed." }) : needsFraming.map((a) => /* @__PURE__ */ jsxs5(
           "button",
           {
@@ -2691,13 +2822,24 @@ function NextMovesSection({
             onClick: () => onOpenAssumption(a.id),
             children: [
               /* @__PURE__ */ jsxs5("div", { className: "vos-next-moves-item-head", children: [
-                /* @__PURE__ */ jsx5("span", { className: "vos-next-moves-item-id vos-num", children: a.id }),
+                /* @__PURE__ */ jsx5(
+                  "span",
+                  {
+                    className: "vos-next-moves-lens",
+                    style: { background: `${a.lensColour}20`, color: a.lensColour, borderColor: `${a.lensColour}40` },
+                    children: a.lens
+                  }
+                ),
                 /* @__PURE__ */ jsxs5("span", { className: `vos-next-moves-item-risk vos-num vos-text-${riskToneClass(a.risk)}`, children: [
                   Math.round(a.risk),
                   " risk"
                 ] })
               ] }),
-              /* @__PURE__ */ jsx5("div", { className: "vos-next-moves-item-title", children: a.title }),
+              /* @__PURE__ */ jsxs5("div", { className: "vos-next-moves-item-title", children: [
+                /* @__PURE__ */ jsx5("span", { className: "vos-next-moves-item-id vos-num", children: a.id }),
+                " \xB7 ",
+                a.title
+              ] }),
               /* @__PURE__ */ jsx5("div", { className: "vos-next-moves-item-hint", children: a.hint })
             ]
           },
@@ -2705,42 +2847,119 @@ function NextMovesSection({
         ))
       ] }),
       /* @__PURE__ */ jsxs5("div", { className: "vos-card vos-next-moves-col", children: [
-        /* @__PURE__ */ jsxs5("div", { className: "vos-next-moves-col-label", children: [
-          "Proposed experiments \xB7 top ",
-          recs.length
-        ] }),
-        recs.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "vos-muted vos-next-moves-empty", children: "Every risk has a live test." }) : recs.map((rec) => /* @__PURE__ */ jsxs5("details", { className: "vos-pipe-rec vos-next-moves-rec", children: [
-          /* @__PURE__ */ jsxs5("summary", { className: "vos-pipe-rec-head", children: [
-            /* @__PURE__ */ jsx5("span", { className: "vos-pipe-rec-type", children: rec.type }),
-            /* @__PURE__ */ jsx5("span", { className: "vos-pipe-rec-title", children: rec.title }),
-            /* @__PURE__ */ jsxs5("span", { className: "vos-pipe-rec-risk vos-num", children: [
-              Math.round(rec.maxRisk),
-              " risk"
+        /* @__PURE__ */ jsx5("div", { className: "vos-next-moves-col-label", children: "Proposed experiments \xB7 one per lens" }),
+        recs.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "vos-muted vos-next-moves-empty", children: "Every risk has a live test." }) : recs.map((rec) => /* @__PURE__ */ jsxs5(
+          "button",
+          {
+            type: "button",
+            className: "vos-next-moves-rec vos-next-moves-rec-compact",
+            onClick: () => setOpenRec(rec),
+            children: [
+              /* @__PURE__ */ jsxs5("div", { className: "vos-next-moves-rec-head", children: [
+                /* @__PURE__ */ jsx5(
+                  "span",
+                  {
+                    className: "vos-next-moves-lens",
+                    style: { background: `${rec.lensColour}20`, color: rec.lensColour, borderColor: `${rec.lensColour}40` },
+                    children: rec.lens
+                  }
+                ),
+                /* @__PURE__ */ jsx5("span", { className: "vos-next-moves-rec-type", children: rec.type }),
+                /* @__PURE__ */ jsxs5("span", { className: "vos-next-moves-rec-risk vos-num", children: [
+                  Math.round(rec.maxRisk),
+                  " risk"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx5("div", { className: "vos-next-moves-rec-title", children: rec.title }),
+              /* @__PURE__ */ jsx5("span", { className: "vos-next-moves-rec-open", "aria-hidden": "true", children: "\u2192" })
+            ]
+          },
+          rec.id
+        ))
+      ] })
+    ] }),
+    openRec ? /* @__PURE__ */ jsx5(
+      RecommendedExperimentDrawer,
+      {
+        rec: openRec,
+        onOpenAssumption,
+        onClose: () => setOpenRec(null)
+      }
+    ) : null
+  ] });
+}
+function RecommendedExperimentDrawer({
+  rec,
+  onOpenAssumption,
+  onClose
+}) {
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
+    /* @__PURE__ */ jsx5("div", { className: "vos-scrim", onClick: onClose, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs5(
+      "aside",
+      {
+        className: "vos-drawer vos-rec-drawer",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": `Proposed experiment: ${rec.title}`,
+        children: [
+          /* @__PURE__ */ jsxs5("div", { className: "vos-drawer-header", children: [
+            /* @__PURE__ */ jsxs5("div", { children: [
+              /* @__PURE__ */ jsx5("div", { className: "vos-drawer-eyebrow", children: "Proposed experiment" }),
+              /* @__PURE__ */ jsx5("h2", { className: "vos-drawer-title", children: rec.title })
+            ] }),
+            /* @__PURE__ */ jsxs5("div", { style: { marginLeft: "auto", display: "flex", gap: 8, alignItems: "center" }, children: [
+              /* @__PURE__ */ jsx5(
+                "span",
+                {
+                  className: "vos-next-moves-lens",
+                  style: { background: `${rec.lensColour}20`, color: rec.lensColour, borderColor: `${rec.lensColour}40` },
+                  children: rec.lens
+                }
+              ),
+              /* @__PURE__ */ jsx5("span", { className: "vos-next-moves-rec-type", children: rec.type }),
+              /* @__PURE__ */ jsxs5("span", { className: "vos-next-moves-rec-risk vos-num", children: [
+                Math.round(rec.maxRisk),
+                " risk"
+              ] }),
+              /* @__PURE__ */ jsx5("button", { type: "button", className: "vos-btn vos-btn-sm", onClick: onClose, "aria-label": "Close", children: "\u2715" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "vos-pipe-rec-body-inner", children: [
-            /* @__PURE__ */ jsx5("div", { className: "vos-pipe-rec-chips", children: rec.assumptionIds.map((id) => /* @__PURE__ */ jsx5(
-              "button",
-              {
-                type: "button",
-                className: "vos-pipe-rec-chip",
-                onClick: () => onOpenAssumption(id),
-                children: id
-              },
-              id
-            )) }),
-            /* @__PURE__ */ jsx5("div", { className: "vos-pipe-rec-rationale", children: rec.rationale }),
-            /* @__PURE__ */ jsxs5("div", { className: "vos-pipe-rec-bar", children: [
-              /* @__PURE__ */ jsx5("strong", { children: "Right if:" }),
-              " ",
-              rec.barPreview
+          /* @__PURE__ */ jsxs5("div", { className: "vos-drawer-body", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "vos-rec-drawer-section", children: [
+              /* @__PURE__ */ jsx5("div", { className: "vos-drawer-eyebrow", children: "Why this test" }),
+              /* @__PURE__ */ jsx5("p", { className: "vos-rec-drawer-rationale", children: rec.rationale })
             ] }),
-            /* @__PURE__ */ jsx5("div", { className: "vos-pipe-rec-body", children: /* @__PURE__ */ jsx5(EvidenceBody, { text: rec.body }) }),
-            /* @__PURE__ */ jsx5("div", { className: "vos-pipe-rec-actions", children: /* @__PURE__ */ jsx5("button", { type: "button", className: "vos-btn vos-btn-sm vos-btn-accent", children: "Accept & create experiment" }) })
-          ] })
-        ] }, rec.id))
-      ] })
-    ] })
+            /* @__PURE__ */ jsxs5("div", { className: "vos-rec-drawer-section", children: [
+              /* @__PURE__ */ jsx5("div", { className: "vos-drawer-eyebrow", children: "Bar" }),
+              /* @__PURE__ */ jsxs5("div", { className: "vos-rec-drawer-bar", children: [
+                /* @__PURE__ */ jsx5("strong", { children: "Right if:" }),
+                " ",
+                rec.barPreview
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs5("div", { className: "vos-rec-drawer-section", children: [
+              /* @__PURE__ */ jsx5("div", { className: "vos-drawer-eyebrow", children: "Assumptions" }),
+              /* @__PURE__ */ jsx5("div", { className: "vos-next-moves-rec-chips", children: rec.assumptionIds.map((id) => /* @__PURE__ */ jsx5(
+                "button",
+                {
+                  type: "button",
+                  className: "vos-next-moves-rec-chip",
+                  onClick: () => onOpenAssumption(id),
+                  children: id
+                },
+                id
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxs5("div", { className: "vos-rec-drawer-section", children: [
+              /* @__PURE__ */ jsx5("div", { className: "vos-drawer-eyebrow", children: "Protocol" }),
+              /* @__PURE__ */ jsx5("div", { className: "vos-rec-drawer-body", children: /* @__PURE__ */ jsx5(EvidenceBody, { text: rec.body }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx5("div", { className: "vos-drawer-footer", children: /* @__PURE__ */ jsx5("button", { type: "button", className: "vos-btn vos-btn-sm vos-btn-accent", children: "Accept & create experiment" }) })
+        ]
+      }
+    )
   ] });
 }
 function riskToneClass(risk) {
@@ -2766,8 +2985,8 @@ function ConfidenceDonut({
   value,
   size = 56
 }) {
-  const stroke = size > 60 ? 6 : 4;
-  const r = (size - stroke) / 2;
+  const stroke = size > 60 ? 4 : 3;
+  const r = (size - stroke * 3) / 2;
   const cx = size / 2;
   const cy = size / 2;
   const circumference = 2 * Math.PI * r;
@@ -2783,7 +3002,7 @@ function ConfidenceDonut({
           cy,
           r,
           fill: "none",
-          stroke: "var(--vos-surface-2)",
+          stroke: "var(--vos-border)",
           strokeWidth: stroke
         }
       ),
@@ -2807,7 +3026,7 @@ function ConfidenceDonut({
       "span",
       {
         className: "vos-donut-num vos-num",
-        style: { fontSize: size > 60 ? 20 : 14 },
+        style: { fontSize: size > 60 ? 22 : 15 },
         children: Math.round(value)
       }
     )
@@ -2948,11 +3167,11 @@ function ExperimentDetail({
       /* @__PURE__ */ jsxs7("div", { className: "vos-detail-section-label", children: [
         "Evidence \xB7 ",
         expReadings.length,
-        " reading",
+        " piece",
         expReadings.length === 1 ? "" : "s",
         " from this experiment"
       ] }),
-      expReadings.length === 0 ? /* @__PURE__ */ jsx7("div", { className: "vos-muted vos-empty", children: "No readings yet \u2014 experiment is running." }) : expReadings.map((r) => {
+      expReadings.length === 0 ? /* @__PURE__ */ jsx7("div", { className: "vos-muted vos-empty", children: "No evidence yet \u2014 experiment is running." }) : expReadings.map((r) => {
         const beliefs = readingBeliefs(r);
         const rDate = String(r.Date ?? "");
         const rTitle = String(r.Title ?? r.id);
@@ -2999,10 +3218,20 @@ function ExperimentDetail({
                   /* @__PURE__ */ jsx7("span", { className: `vos-pill vos-pill-${verdictTone2(b.Result)}`, children: b.Result }),
                   /* @__PURE__ */ jsx7("span", { className: "vos-rung-tag", children: String(r.Rung ?? "") })
                 ] }),
-                justification ? /* @__PURE__ */ jsxs7("div", { className: `vos-belief-rationale vos-verdict-border-${verdictTone2(b.Result)}`, children: [
-                  /* @__PURE__ */ jsx7("span", { className: "vos-belief-rationale-label", children: "grading rationale:" }),
-                  justification
-                ] }) : null,
+                typeof b.excerpt === "string" && b.excerpt !== "" ? /* @__PURE__ */ jsxs7("div", { className: `vos-belief-excerpt vos-verdict-border-${verdictTone2(b.Result)}`, children: [
+                  "\u201C",
+                  b.excerpt,
+                  "\u201D"
+                ] }) : justification ? /* @__PURE__ */ jsxs7(
+                  "div",
+                  {
+                    className: `vos-belief-rationale vos-verdict-border-${verdictTone2(b.Result)}`,
+                    children: [
+                      /* @__PURE__ */ jsx7("span", { className: "vos-belief-rationale-label", children: "grading rationale:" }),
+                      justification
+                    ]
+                  }
+                ) : null,
                 bl ? /* @__PURE__ */ jsxs7("div", { className: "vos-belief-bar", children: [
                   /* @__PURE__ */ jsx7("div", { className: "vos-belief-bar-label", children: "Pre-registered bar" }),
                   /* @__PURE__ */ jsxs7("div", { children: [
@@ -3032,7 +3261,7 @@ function ExperimentDetail({
         unstartedBars.length,
         " bar",
         unstartedBars.length === 1 ? "" : "s",
-        " with no readings"
+        " with no evidence"
       ] }),
       unstartedBars.map((bl) => {
         const a = (assumptions.records ?? []).find((x) => String(x.id) === bl.assumptionId);
@@ -3049,7 +3278,7 @@ function ExperimentDetail({
             ),
             /* @__PURE__ */ jsx7("span", { className: "vos-belief-title", children: String(a?.Title ?? bl.assumptionId) }),
             /* @__PURE__ */ jsx7("span", { className: "vos-rung-tag", children: String(bl.plannedRung ?? "") }),
-            /* @__PURE__ */ jsx7("span", { className: "vos-muted", children: "\u25CC no reading" })
+            /* @__PURE__ */ jsx7("span", { className: "vos-muted", children: "\u25CC no evidence" })
           ] }),
           /* @__PURE__ */ jsxs7("div", { className: "vos-belief-bar", children: [
             /* @__PURE__ */ jsxs7("div", { children: [
@@ -3168,15 +3397,15 @@ function ReadingDetail({
   );
   if (loading) {
     return /* @__PURE__ */ jsxs9("div", { children: [
-      /* @__PURE__ */ jsx9(Breadcrumb, { trail: [{ label: "Readings", route: { name: "readings" } }], onNavigate }),
-      /* @__PURE__ */ jsx9("p", { className: "vos-muted", children: "Loading reading\u2026" })
+      /* @__PURE__ */ jsx9(Breadcrumb, { trail: [{ label: "Evidence", route: { name: "readings" } }], onNavigate }),
+      /* @__PURE__ */ jsx9("p", { className: "vos-muted", children: "Loading evidence\u2026" })
     ] });
   }
   if (!reading) {
     return /* @__PURE__ */ jsxs9("div", { children: [
-      /* @__PURE__ */ jsx9(Breadcrumb, { trail: [{ label: "Readings", route: { name: "readings" } }], onNavigate }),
+      /* @__PURE__ */ jsx9(Breadcrumb, { trail: [{ label: "Evidence", route: { name: "readings" } }], onNavigate }),
       /* @__PURE__ */ jsxs9("p", { className: "vos-error", children: [
-        "Reading not found: ",
+        "Evidence not found: ",
         readingId
       ] })
     ] });
@@ -3193,7 +3422,7 @@ function ReadingDetail({
       Breadcrumb,
       {
         trail: [
-          { label: "Readings", route: { name: "readings" } },
+          { label: "Evidence", route: { name: "readings" } },
           { label: readingId, route: { name: "reading", id: readingId } }
         ],
         onNavigate
@@ -3217,7 +3446,7 @@ function ReadingDetail({
         beliefs.length === 1 ? "" : "s",
         " \xB7 each with its own quote"
       ] }),
-      beliefs.length === 0 ? /* @__PURE__ */ jsx9("div", { className: "vos-muted", children: "No beliefs scored in this reading." }) : beliefs.map((b) => {
+      beliefs.length === 0 ? /* @__PURE__ */ jsx9("div", { className: "vos-muted", children: "No beliefs scored in this evidence." }) : beliefs.map((b) => {
         const a = (assumptions.records ?? []).find((x) => String(x.id) === b.assumptionId);
         const bl = experiment && Array.isArray(experiment.barLines) ? experiment.barLines.find((x) => x?.assumptionId === b.assumptionId) : null;
         const result = String(b.Result ?? "Inconclusive");
@@ -3237,11 +3466,19 @@ function ReadingDetail({
             /* @__PURE__ */ jsx9("span", { className: `vos-pill vos-pill-${verdictTone3(result)}`, children: result }),
             /* @__PURE__ */ jsx9("span", { className: "vos-rung-tag", children: rung })
           ] }),
+          typeof b.excerpt === "string" && b.excerpt !== "" ? /* @__PURE__ */ jsxs9("div", { className: `vos-belief-excerpt vos-verdict-border-${verdictTone3(result)}`, children: [
+            "\u201C",
+            b.excerpt,
+            "\u201D"
+          ] }) : body ? /* @__PURE__ */ jsxs9("div", { className: `vos-belief-excerpt vos-verdict-border-${verdictTone3(result)}`, children: [
+            "\u201C",
+            snippetFromReadingBody(body, b.assumptionId),
+            "\u201D"
+          ] }) : null,
           justification ? /* @__PURE__ */ jsxs9("div", { className: `vos-belief-rationale vos-verdict-border-${verdictTone3(result)}`, children: [
             /* @__PURE__ */ jsx9("span", { className: "vos-belief-rationale-label", children: "grading rationale:" }),
             justification
           ] }) : null,
-          body ? /* @__PURE__ */ jsx9("div", { className: "vos-belief-context-link vos-muted", children: "see context above for the full quote" }) : null,
           bl ? /* @__PURE__ */ jsxs9("div", { className: "vos-belief-bar", children: [
             /* @__PURE__ */ jsx9("div", { className: "vos-belief-bar-label", children: "Pre-registered bar" }),
             /* @__PURE__ */ jsxs9("div", { children: [
@@ -3288,6 +3525,21 @@ function verdictTone3(verdict) {
   if (verdict === "Invalidated") return "crit";
   return "neutral";
 }
+function snippetFromReadingBody(body, cue) {
+  if (!body) return "";
+  const quoteMatch = body.match(/## Quote\n+([\s\S]*?)(?=\n## |\n##$|$)/i);
+  if (quoteMatch) {
+    const q = quoteMatch[1].trim();
+    return q.length > 220 ? q.slice(0, 217).trim() + "\u2026" : q;
+  }
+  const sentences = body.split(/(?<=[.!?])\s+/);
+  const cueLower = cue.toLowerCase();
+  for (const s of sentences) {
+    if (s.toLowerCase().includes(cueLower)) return s.trim();
+  }
+  const first = sentences[0]?.trim() ?? "";
+  return first.length > 220 ? first.slice(0, 217).trim() + "\u2026" : first;
+}
 
 // src/readings-surface.tsx
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
@@ -5119,6 +5371,11 @@ function BeliefVerdicts({
             "Strength ",
             formatSigned(v.strength)
           ] }) }) : null,
+          v.excerpt ? /* @__PURE__ */ jsxs17("p", { className: "vos-verdict-quote", children: [
+            "\u201C",
+            v.excerpt,
+            "\u201D"
+          ] }) : null,
           v.justification ? /* @__PURE__ */ jsx17("p", { className: "vos-verdict-why", children: v.justification }) : null
         ]
       },