@validation-os/dashboard 0.15.5 → 0.16.0

package/dist/styles.css

@@ -2867,9 +2867,9 @@ button.vos-verdict-title {
 
 /* ── DEV-5879 redesign: unified nav, pipeline board, evidence-first details ── */
 
-/* Segmented toggle (Grid / View all) */
-.vos-seg { display: inline-flex; gap: 0; border: 1px solid var(--vos-border); border-radius: var(--vos-radius); overflow: hidden; align-self: center; }
-.vos-seg-btn { padding: 6px 14px; background: transparent; border: none; color: var(--vos-muted); font: inherit; cursor: pointer; border-right: 1px solid var(--vos-border); transition: background 0.15s, color 0.15s; }
+/* Segmented toggle (Grid / View all) — compact, right-aligned in header */
+.vos-seg { display: inline-flex; gap: 0; border: 1px solid var(--vos-border); border-radius: 6px; overflow: hidden; align-self: center; }
+.vos-seg-btn { padding: 5px 12px; background: transparent; border: none; color: var(--vos-muted); font-size: 12px; font-family: inherit; cursor: pointer; border-right: 1px solid var(--vos-border); transition: background 0.15s, color 0.15s; }
 .vos-seg-btn:last-child { border-right: none; }
 .vos-seg-btn:hover { background: var(--vos-surface-2); }
 .vos-seg-btn.is-active { background: var(--vos-accent-weak); color: var(--vos-accent-text); }
@@ -3335,6 +3335,38 @@ button.vos-verdict-title {
 .vos-next-moves-rec-chip:hover { border-color: var(--vos-accent); }
 .vos-next-moves-rec-actions { margin-top: 8px; }
 
+/* Compact proposed-experiment card — just lens + type + title + risk + → */
+.vos-next-moves-rec-compact {
+  display: block;
+  width: 100%;
+  text-align: left;
+  background: var(--vos-surface-2);
+  border: 1px solid var(--vos-border);
+  border-radius: 8px;
+  padding: 10px 12px;
+  margin-bottom: 8px;
+  cursor: pointer;
+  position: relative;
+  transition: border-color 0.15s, background 0.15s;
+}
+.vos-next-moves-rec-compact:hover { border-color: var(--vos-accent); background: var(--vos-surface); }
+.vos-next-moves-rec-compact .vos-next-moves-rec-title { margin: 0; padding-right: 18px; }
+.vos-next-moves-rec-open {
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--vos-muted);
+  font-size: 14px;
+  pointer-events: none;
+}
+
+/* Recommended-experiment drawer */
+.vos-rec-drawer .vos-rec-drawer-section { display: flex; flex-direction: column; gap: 6px; }
+.vos-rec-drawer .vos-rec-drawer-rationale { font-size: 13px; color: var(--vos-muted); line-height: 1.5; margin: 0; }
+.vos-rec-drawer .vos-rec-drawer-bar { font-size: 13px; color: var(--vos-text); line-height: 1.5; }
+.vos-rec-drawer .vos-rec-drawer-body { font-size: 13px; color: var(--vos-text); line-height: 1.6; }
+
 /* Grid: more spacing, taller cells, bigger text, subtle heat. */
 .vos-stage-grid { border-spacing: 10px !important; }
 .vos-stage-grid-btn { min-height: 68px !important; font-size: 20px !important; border-radius: 10px !important; }
@@ -3355,3 +3387,49 @@ button.vos-verdict-title {
 
 /* Topbar: hide the backend + agent indicators (clean header) */
 .vos-backend, .vos-hint:has(.vos-live-dot) { display: none !important; }
+
+/* ── DEV-5890: Question Type + stage threshold tags ────────────────────── */
+.vos-pipe-tag {
+  font-size: 9px;
+  padding: 1px 5px;
+  border: 1px solid var(--vos-border);
+  border-radius: 4px;
+  color: var(--vos-muted);
+  white-space: nowrap;
+}
+.vos-pipe-tag-qt { border-color: var(--vos-accent); color: var(--vos-accent); }
+.vos-pipe-tag-stage { border-color: var(--vos-border); }
+.vos-pipe-tag-thresh { font-weight: 600; }
+.vos-pipe-tag-cleared { color: var(--vos-good); border-color: var(--vos-good); }
+.vos-pipe-tag-needs { color: var(--vos-warn); border-color: var(--vos-warn); }
+.vos-detail-tag-qt { border-color: var(--vos-accent); color: var(--vos-accent); }
+
+/* Stage-keyed Risk threshold indicator (assumption detail) */
+.vos-threshold-indicator { padding: 10px 14px; }
+.vos-threshold-label { font-size: 9px; color: var(--vos-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; }
+.vos-threshold-row { display: flex; gap: 12px; align-items: center; font-size: 12px; }
+.vos-threshold-bar { color: var(--vos-muted); }
+.vos-threshold-status { font-weight: 600; }
+.vos-threshold-cleared { color: var(--vos-good); }
+.vos-threshold-needs { color: var(--vos-warn); }
+.vos-threshold-hint { font-size: 11px; color: var(--vos-muted); margin-top: 4px; }
+
+/* Probative vs flagged-as-non-evidence grouping (assumption detail evidence list) */
+.vos-evidence-group { margin-top: 8px; }
+.vos-evidence-group-label {
+  font-size: 9px;
+  color: var(--vos-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  margin-bottom: 6px;
+}
+.vos-evidence-group-flagged .vos-evidence-group-label { color: var(--vos-warn); }
+.vos-evidence-row-flagged { opacity: 0.65; border-left-style: dashed; }
+.vos-evidence-flag {
+  font-size: 9px;
+  padding: 1px 5px;
+  border-radius: 4px;
+  background: var(--vos-warn-bg, rgba(234, 179, 8, 0.12));
+  color: var(--vos-warn, #b45309);
+  white-space: nowrap;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@validation-os/dashboard",
-  "version": "0.15.5",
+  "version": "0.16.0",
   "description": "React dashboard components + hooks for validation-os, consuming the DataProvider seam.",
   "license": "MIT",
   "type": "module",
@@ -22,7 +22,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@validation-os/core": "0.15.5"
+    "@validation-os/core": "0.16.0"
   },
   "peerDependencies": {
     "react": ">=18",