@validation-os/dashboard 0.16.0 → 0.16.1

package/dist/index.js

@@ -59,7 +59,7 @@ import {
   QUESTION_TYPES,
   STAGES
 } from "@validation-os/core";
-import { isNonEvidence, riskThresholdForStage } from "@validation-os/core/derivation";
+import { confidenceFloorForStage, isNonEvidence, riskThresholdForStage } from "@validation-os/core/derivation";
 
 // src/breadcrumb.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -1518,7 +1518,8 @@ function AssumptionDetail({
   const framed = derived.completeness ?? 0;
   const stageKey = STAGES.find((s) => s === stage);
   const riskThreshold = stageKey ? riskThresholdForStage(stageKey) : null;
-  const clearedThreshold = riskThreshold != null ? risk <= riskThreshold : null;
+  const confFloor = stageKey ? confidenceFloorForStage(stageKey) : null;
+  const clearedThreshold = riskThreshold != null && confFloor != null ? risk <= riskThreshold && confidence2 >= confFloor : null;
   const nextMove2 = nextMoveFor(record, experiments.records ?? []);
   const linkedExperiments = liveExperiments(experiments.records ?? []).filter((e) => {
     const ids = Array.isArray(e.barLineAssumptionIds) ? e.barLineAssumptionIds : [];
@@ -1560,24 +1561,17 @@ function AssumptionDetail({
       /* @__PURE__ */ jsx4(ScoreCard, { label: "Confidence", value: formatSigned(confidence2) }),
       /* @__PURE__ */ jsx4(ScoreCard, { label: "Framed", value: `${Math.round(framed)}%` })
     ] }),
-    riskThreshold != null ? /* @__PURE__ */ jsxs4("div", { className: "vos-card vos-threshold-indicator", children: [
-      /* @__PURE__ */ jsx4("div", { className: "vos-threshold-label", children: "Stage threshold" }),
-      /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-row", children: [
-        /* @__PURE__ */ jsxs4("span", { className: "vos-num", children: [
-          "Risk ",
-          Math.round(risk)
-        ] }),
-        /* @__PURE__ */ jsx4("span", { className: "vos-threshold-bar vos-num", children: riskThreshold }),
-        /* @__PURE__ */ jsx4(
-          "span",
-          {
-            className: `vos-threshold-status ${clearedThreshold ? "vos-threshold-cleared" : "vos-threshold-needs"}`,
-            children: clearedThreshold ? "Cleared for this stage" : "Needs evidence"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx4("div", { className: "vos-threshold-hint", children: clearedThreshold ? `Risk at or below the ${stage} threshold \u2014 de-prioritized.` : `Risk above the ${stage} threshold \u2014 testing-priority.` })
-    ] }) : null,
+    riskThreshold != null ? /* @__PURE__ */ jsx4(
+      ThresholdBar,
+      {
+        risk,
+        threshold: riskThreshold,
+        confidence: confidence2,
+        confFloor: confFloor ?? 0,
+        stage,
+        cleared: clearedThreshold ?? false
+      }
+    ) : null,
     /* @__PURE__ */ jsx4(EvidenceCompositionView, { assumption: record, readings: readings.records ?? [] }),
     /* @__PURE__ */ jsx4(ConfidenceExplainerView, { assumption: record, readings: readings.records ?? [] }),
     statement ? /* @__PURE__ */ jsxs4("div", { className: "vos-card vos-detail-section", children: [
@@ -1800,6 +1794,88 @@ function ScoreCard({
     /* @__PURE__ */ jsx4("div", { className: "vos-score-label", children: label })
   ] });
 }
+function ThresholdBar({
+  risk,
+  threshold,
+  confidence: confidence2,
+  confFloor,
+  stage,
+  cleared
+}) {
+  const riskTrackMax = Math.max(risk, threshold) * 1.25;
+  const riskPct = Math.min(100, risk / riskTrackMax * 100);
+  const thresholdPct = Math.min(100, threshold / riskTrackMax * 100);
+  const confPct = Math.min(100, Math.abs(confidence2));
+  const confFloorPct = Math.min(100, confFloor);
+  const riskBelow = risk <= threshold;
+  const confAbove = confidence2 >= confFloor;
+  const tone = cleared ? "good" : !riskBelow && !confAbove ? "crit" : "warn";
+  return /* @__PURE__ */ jsxs4("div", { className: "vos-card vos-threshold-bar-card", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-header", children: [
+      /* @__PURE__ */ jsxs4("span", { className: "vos-threshold-bar-title", children: [
+        stage,
+        " evidence bar",
+        /* @__PURE__ */ jsx4("span", { className: "vos-threshold-bar-stage-tag", children: stage })
+      ] }),
+      /* @__PURE__ */ jsx4("span", { className: `vos-threshold-bar-status vos-threshold-bar-${tone}`, children: cleared ? "Cleared" : "Needs evidence" })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-section", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-section-label", children: [
+        /* @__PURE__ */ jsx4("span", { children: "Risk" }),
+        /* @__PURE__ */ jsx4("span", { className: "vos-num vos-threshold-bar-section-val", children: Math.round(risk) }),
+        /* @__PURE__ */ jsxs4("span", { className: "vos-threshold-bar-section-target", children: [
+          "bar \u2264 ",
+          threshold
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-track", children: [
+        /* @__PURE__ */ jsx4(
+          "div",
+          {
+            className: `vos-threshold-bar-fill vos-fill-${riskBelow ? "good" : tone}`,
+            style: { width: `${riskPct}%` }
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "div",
+          {
+            className: "vos-threshold-bar-marker",
+            style: { left: `${thresholdPct}%` },
+            title: `Risk threshold: ${threshold}`
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-section", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-section-label", children: [
+        /* @__PURE__ */ jsx4("span", { children: "Confidence" }),
+        /* @__PURE__ */ jsx4("span", { className: "vos-num vos-threshold-bar-section-val", children: formatSigned(confidence2) }),
+        /* @__PURE__ */ jsxs4("span", { className: "vos-threshold-bar-section-target", children: [
+          "floor \u2265 ",
+          confFloor
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-track vos-threshold-bar-track-conf", children: [
+        /* @__PURE__ */ jsx4(
+          "div",
+          {
+            className: `vos-threshold-bar-fill vos-fill-${confAbove ? "good" : tone}`,
+            style: { width: `${confPct}%` }
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "div",
+          {
+            className: "vos-threshold-bar-marker vos-threshold-bar-marker-conf",
+            style: { left: `${confFloorPct}%` },
+            title: `Confidence floor: ${confFloor}`
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4("div", { className: "vos-threshold-bar-hint", children: cleared ? `Risk ${Math.round(risk)} \u2264 ${threshold} and Confidence ${formatSigned(confidence2)} \u2265 ${confFloor} \u2014 cleared for ${stage}.` : `Risk ${Math.round(risk)} ${riskBelow ? "\u2264" : ">"} ${threshold}, Confidence ${formatSigned(confidence2)} ${confAbove ? "\u2265" : "<"} ${confFloor} \u2014 needs ${!riskBelow ? "lower Risk" : ""}${!riskBelow && !confAbove ? " + " : ""}${!confAbove ? "higher Confidence" : ""}.` })
+  ] });
+}
 function riskTone(risk) {
   if (risk >= 70) return "crit";
   if (risk >= 40) return "warn";
@@ -2134,7 +2210,7 @@ import {
   assumptionCompleteness,
   readingBeliefInputs
 } from "@validation-os/core";
-import { riskThresholdForStage as riskThresholdForStage2 } from "@validation-os/core/derivation";
+import { confidenceFloorForStage as confidenceFloorForStage2, riskThresholdForStage as riskThresholdForStage2 } from "@validation-os/core/derivation";
 
 // src/stage-grid-model.ts
 var STAGE_ORDER = [
@@ -2334,6 +2410,7 @@ function buildPipeline(assumptions, experiments) {
     const stageName = str3(a.Stage);
     const stageKey = stageName && STAGE_ORDER.includes(stageName) ? stageName : null;
     const riskThreshold = stageKey ? riskThresholdForStage2(stageKey) : null;
+    const confFloor = stageKey ? confidenceFloorForStage2(stageKey) : null;
     rows.push({
       id: a.id,
       statement: str3(a.Title),
@@ -2350,7 +2427,7 @@ function buildPipeline(assumptions, experiments) {
       questionType,
       stage: stageName,
       riskThreshold,
-      clearedThreshold: riskThreshold != null ? d.risk <= riskThreshold : null
+      clearedThreshold: riskThreshold != null ? d.risk <= riskThreshold && (confFloor == null || stage.confidence >= confFloor) : null
     });
   }
   rows.sort(