@validation-os/dashboard 0.16.0 → 0.16.2

package/dist/index.d.ts

@@ -586,6 +586,9 @@ interface PipelineRow {
     nextMove: string;
     /** The assumption's Question Type (DEV-5890) — kind of claim. */
     questionType: string | null;
+    /** The max ceiling for this question type (highest anchor across all
+     * rungs) — the Known meter fills relative to this, not the absolute 100. */
+    questionTypeCeiling: number | null;
     /** The assumption's Stage (DEV-5890) — kind of response / threshold. */
     stage: string | null;
     /** The stage's Risk threshold (DEV-5890) — the stopping bar. */

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,84 @@ function ScoreCard({
     /* @__PURE__ */ jsx4("div", { className: "vos-score-label", children: label })
   ] });
 }
+function ThresholdBar({
+  risk,
+  threshold,
+  confidence: confidence2,
+  confFloor,
+  stage,
+  cleared
+}) {
+  const confPct = Math.min(100, Math.max(0, 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: [
+        "Evidence needed",
+        /* @__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: "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: [
+          "need \u2265 ",
+          confFloor,
+          " ",
+          cleared ? "\u2713" : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-track vos-threshold-bar-track-tall", children: [
+        /* @__PURE__ */ jsx4(
+          "div",
+          {
+            className: "vos-threshold-bar-target-zone",
+            style: { left: `${confFloorPct}%` }
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "div",
+          {
+            className: `vos-threshold-bar-fill vos-fill-${confAbove ? "good" : tone}`,
+            style: { width: `${confPct}%` }
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "div",
+          {
+            className: "vos-threshold-bar-marker",
+            style: { left: `${confFloorPct}%` },
+            title: `Need Confidence \u2265 ${confFloor} for ${stage}`,
+            children: /* @__PURE__ */ jsx4("span", { className: "vos-threshold-bar-marker-label vos-num", children: confFloor })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-scale", children: [
+        /* @__PURE__ */ jsx4("span", { className: "vos-num", children: "0" }),
+        /* @__PURE__ */ jsx4("span", { className: "vos-num vos-threshold-bar-scale-mid", children: "50" }),
+        /* @__PURE__ */ jsx4("span", { className: "vos-num", children: "100" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-risk-summary", children: [
+      /* @__PURE__ */ jsxs4("span", { className: `vos-threshold-bar-risk-val vos-text-${riskBelow ? "good" : "crit"}`, children: [
+        "Risk ",
+        Math.round(risk)
+      ] }),
+      /* @__PURE__ */ jsxs4("span", { className: "vos-threshold-bar-risk-cap", children: [
+        "max ",
+        threshold,
+        " for ",
+        stage
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4("div", { className: "vos-threshold-bar-hint", children: cleared ? `Confidence ${formatSigned(confidence2)} \u2265 ${confFloor} and Risk ${Math.round(risk)} \u2264 ${threshold} \u2014 cleared for ${stage}.` : `Need Confidence \u2265 ${confFloor}${!confAbove ? ` (now ${formatSigned(confidence2)})` : " \u2713"} and Risk \u2264 ${threshold}${!riskBelow ? ` (now ${Math.round(risk)})` : " \u2713"}.` })
+  ] });
+}
 function riskTone(risk) {
   if (risk >= 70) return "crit";
   if (risk >= 40) return "warn";
@@ -2134,7 +2206,11 @@ import {
   assumptionCompleteness,
   readingBeliefInputs
 } from "@validation-os/core";
-import { riskThresholdForStage as riskThresholdForStage2 } from "@validation-os/core/derivation";
+import {
+  confidenceFloorForStage as confidenceFloorForStage2,
+  riskThresholdForStage as riskThresholdForStage2,
+  RUNG_ANCHOR as RUNG_ANCHOR3
+} from "@validation-os/core/derivation";
 
 // src/stage-grid-model.ts
 var STAGE_ORDER = [
@@ -2331,9 +2407,17 @@ function buildPipeline(assumptions, experiments) {
     const framed = assumptionCompleteness(a);
     const stage = deriveBeliefStage({ framed, confidence: d.confidence, test });
     const questionType = str3(a["Question Type"]);
+    let questionTypeCeiling = null;
+    if (questionType && questionType in RUNG_ANCHOR3) {
+      const subLadder = RUNG_ANCHOR3[questionType];
+      questionTypeCeiling = Math.max(
+        ...Object.values(subLadder).map((r) => r.High)
+      );
+    }
     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),
@@ -2348,9 +2432,10 @@ function buildPipeline(assumptions, experiments) {
       tested: stage.tested,
       nextMove: nextMove(stage.stage, stage.killZone),
       questionType,
+      questionTypeCeiling,
       stage: stageName,
       riskThreshold,
-      clearedThreshold: riskThreshold != null ? d.risk <= riskThreshold : null
+      clearedThreshold: riskThreshold != null ? d.risk <= riskThreshold && (confFloor == null || stage.confidence >= confFloor) : null
     });
   }
   rows.sort(
@@ -2842,7 +2927,8 @@ function PipelineBoard({
 }
 function PipelineRowView({ row, onOpen }) {
   const stripeTone = row.riskTone;
-  const knownPct = Math.max(0, Math.min(100, Math.abs(row.confidence)));
+  const ceiling = row.questionTypeCeiling ?? 99;
+  const knownPct = Math.max(0, Math.min(100, Math.abs(row.confidence) / ceiling * 100));
   const knownSign = row.confSign;
   return /* @__PURE__ */ jsxs5("div", { className: "vos-pipe-row vos-pipe-row-2seg", children: [
     /* @__PURE__ */ jsx5("div", { className: `vos-pipe-stripe vos-fill-${stripeTone}` }),