@validation-os/dashboard 0.16.1 → 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

@@ -1802,10 +1802,7 @@ function ThresholdBar({
   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 confPct = Math.min(100, Math.max(0, Math.abs(confidence2)));
   const confFloorPct = Math.min(100, confFloor);
   const riskBelow = risk <= threshold;
   const confAbove = confidence2 >= confFloor;
@@ -1813,49 +1810,30 @@ function ThresholdBar({
   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",
+        "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: "Risk" }),
-        /* @__PURE__ */ jsx4("span", { className: "vos-num vos-threshold-bar-section-val", children: Math.round(risk) }),
+        /* @__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: [
-          "bar \u2264 ",
-          threshold
+          "need \u2265 ",
+          confFloor,
+          " ",
+          cleared ? "\u2713" : ""
         ] })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-track", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "vos-threshold-bar-track vos-threshold-bar-track-tall", children: [
         /* @__PURE__ */ jsx4(
           "div",
           {
-            className: `vos-threshold-bar-fill vos-fill-${riskBelow ? "good" : tone}`,
-            style: { width: `${riskPct}%` }
+            className: "vos-threshold-bar-target-zone",
+            style: { left: `${confFloorPct}%` }
           }
         ),
-        /* @__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",
           {
@@ -1866,14 +1844,32 @@ function ThresholdBar({
         /* @__PURE__ */ jsx4(
           "div",
           {
-            className: "vos-threshold-bar-marker vos-threshold-bar-marker-conf",
+            className: "vos-threshold-bar-marker",
             style: { left: `${confFloorPct}%` },
-            title: `Confidence floor: ${confFloor}`
+            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__ */ 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" : ""}.` })
+    /* @__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) {
@@ -2210,7 +2206,11 @@ import {
   assumptionCompleteness,
   readingBeliefInputs
 } from "@validation-os/core";
-import { confidenceFloorForStage as confidenceFloorForStage2, 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 = [
@@ -2407,6 +2407,13 @@ 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;
@@ -2425,6 +2432,7 @@ function buildPipeline(assumptions, experiments) {
       tested: stage.tested,
       nextMove: nextMove(stage.stage, stage.killZone),
       questionType,
+      questionTypeCeiling,
       stage: stageName,
       riskThreshold,
       clearedThreshold: riskThreshold != null ? d.risk <= riskThreshold && (confFloor == null || stage.confidence >= confFloor) : null
@@ -2919,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}` }),