@validation-os/dashboard 0.15.3 → 0.15.4

package/dist/index.js

@@ -2101,7 +2101,7 @@ function weekOverWeekDelta(assumptions, readings, now) {
 // src/recommended-experiments.ts
 var MAX_RECOMMENDED = 2;
 var MAX_CLUSTER_SIZE = 3;
-var MAX_NEEDS_FRAMING = 2;
+var MAX_NEEDS_FRAMING = 3;
 function buildNeedsFraming(assumptions) {
   const live = assumptions.filter((a) => {
     const status = str(a.Status);
@@ -2117,8 +2117,15 @@ function buildNeedsFraming(assumptions) {
     const title = str(a.Title) ?? id;
     const hint = framingHint(a, completeness);
     return { id, title, risk, completeness, lens, stage, hint };
-  }).filter((a) => a.completeness < 100).sort((a, b) => b.risk - a.risk).slice(0, MAX_NEEDS_FRAMING);
-  return items;
+  }).filter((a) => a.completeness < 100);
+  const byLens = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const existing = byLens.get(item.lens);
+    if (!existing || item.risk > existing.risk) {
+      byLens.set(item.lens, item);
+    }
+  }
+  return [...byLens.values()].sort((a, b) => b.risk - a.risk).slice(0, MAX_NEEDS_FRAMING);
 }
 function framingHint(a, completeness) {
   const hasScoring = Boolean(str(a["Scoring justification"]));
@@ -2759,15 +2766,14 @@ function ConfidenceDonut({
   value,
   size = 56
 }) {
-  const r = size / 2 - 5;
+  const stroke = size > 60 ? 6 : 4;
+  const r = (size - stroke) / 2;
   const cx = size / 2;
   const cy = size / 2;
+  const circumference = 2 * Math.PI * r;
   const pct2 = Math.max(0, Math.min(100, value)) / 100;
+  const dash = pct2 * circumference;
   const color = value >= 67 ? "var(--vos-good)" : value >= 33 ? "var(--vos-warn)" : "var(--vos-crit)";
-  const endAngle = -Math.PI / 2 + pct2 * 2 * Math.PI;
-  const x2 = cx + r * Math.cos(endAngle);
-  const y2 = cy + r * Math.sin(endAngle);
-  const largeArc = pct2 > 0.5 ? 1 : 0;
   return /* @__PURE__ */ jsxs6("div", { className: "vos-donut", style: { width: size, height: size }, children: [
     /* @__PURE__ */ jsxs6("svg", { width: size, height: size, "aria-hidden": "true", children: [
       /* @__PURE__ */ jsx6(
@@ -2778,21 +2784,33 @@ function ConfidenceDonut({
           r,
           fill: "none",
           stroke: "var(--vos-surface-2)",
-          strokeWidth: 4
+          strokeWidth: stroke
         }
       ),
       value > 0 ? /* @__PURE__ */ jsx6(
-        "path",
+        "circle",
         {
-          d: `M ${cx} ${cy} L ${cx} ${cy - r} A ${r} ${r} 0 ${largeArc} 1 ${x2} ${y2} Z`,
-          fill: color,
-          opacity: 0.25,
+          cx,
+          cy,
+          r,
+          fill: "none",
           stroke: color,
-          strokeWidth: 1.5
+          strokeWidth: stroke,
+          strokeDasharray: `${dash} ${circumference - dash}`,
+          strokeDashoffset: 0,
+          strokeLinecap: "round",
+          transform: `rotate(-90 ${cx} ${cy})`
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsx6("span", { className: "vos-donut-num vos-num", style: { fontSize: size > 60 ? 18 : 14 }, children: Math.round(value) })
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        className: "vos-donut-num vos-num",
+        style: { fontSize: size > 60 ? 20 : 14 },
+        children: Math.round(value)
+      }
+    )
   ] });
 }
 
@@ -2962,35 +2980,10 @@ function ExperimentDetail({
                 }
               )
             ] }),
-            beliefs.length > 0 ? /* @__PURE__ */ jsx7("div", { className: "vos-reading-quotes", children: beliefs.map((b) => {
-              const justification = String(b["Grading justification"] ?? "");
-              if (!justification) return null;
-              return /* @__PURE__ */ jsxs7(
-                "div",
-                {
-                  className: `vos-reading-rationale vos-verdict-border-${verdictTone2(b.Result)}`,
-                  children: [
-                    /* @__PURE__ */ jsxs7("span", { className: "vos-reading-quote-id vos-num", children: [
-                      b.assumptionId,
-                      " \xB7"
-                    ] }),
-                    /* @__PURE__ */ jsx7("span", { className: "vos-reading-rationale-label", children: "grading rationale:" }),
-                    justification
-                  ]
-                },
-                b.assumptionId
-              );
-            }) }) : null,
-            /* @__PURE__ */ jsxs7("div", { className: "vos-reading-beliefs-label", children: [
-              "ADDRESSES ",
-              beliefs.length,
-              " BELIEF",
-              beliefs.length === 1 ? "" : "S",
-              ":"
-            ] }),
             beliefs.map((b) => {
               const bl = barLines.find((x) => x.assumptionId === b.assumptionId);
               const a = (assumptions.records ?? []).find((x) => String(x.id) === b.assumptionId);
+              const justification = String(b["Grading justification"] ?? "");
               return /* @__PURE__ */ jsxs7("div", { className: `vos-belief-card vos-verdict-border-${verdictTone2(b.Result)}`, children: [
                 /* @__PURE__ */ jsxs7("div", { className: "vos-belief-head", children: [
                   /* @__PURE__ */ jsx7(
@@ -3006,7 +2999,12 @@ 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,
                 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: [
                     /* @__PURE__ */ jsx7("strong", { children: "Right if:" }),
                     " ",
@@ -3021,8 +3019,7 @@ function ExperimentDetail({
                     "Bar verdict: ",
                     /* @__PURE__ */ jsx7("strong", { children: bl.barVerdict })
                   ] }) : null
-                ] }) : null,
-                /* @__PURE__ */ jsx7("div", { className: "vos-belief-why", children: String(b["Grading justification"] ?? "") })
+                ] }) : null
               ] }, b.assumptionId);
             })
           ] })
@@ -3244,6 +3241,7 @@ function ReadingDetail({
             /* @__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: [
@@ -7037,15 +7035,6 @@ function ValidationOSDashboard({ config = {} }) {
       brandName
     ] }),
     /* @__PURE__ */ jsxs25("div", { className: "vos-topbar", children: [
-      backendLabel ? /* @__PURE__ */ jsxs25("div", { className: "vos-backend", children: [
-        /* @__PURE__ */ jsx25("span", { className: "vos-live-dot" }),
-        " Backend: ",
-        /* @__PURE__ */ jsx25("b", { children: backendLabel })
-      ] }) : null,
-      agentLabel ? /* @__PURE__ */ jsxs25("span", { className: "vos-hint", children: [
-        "Agent: ",
-        /* @__PURE__ */ jsx25("b", { style: { color: "var(--vos-text)" }, children: agentLabel })
-      ] }) : null,
       /* @__PURE__ */ jsx25("div", { className: "vos-spacer" }),
       /* @__PURE__ */ jsx25("button", { type: "button", className: "vos-iconbtn", onClick: toggleTheme, children: "\u25D0 Theme" }),
       user?.name ? /* @__PURE__ */ jsxs25("div", { className: "vos-user", children: [