@adoptai/genui-components 0.1.59 → 0.1.61

package/dist/renderer.cjs

@@ -5553,7 +5553,14 @@ var decisionCardSchema = zod.z.object({
     zod.z.object({
       id: zod.z.string().optional(),
       label: zod.z.string(),
-      recommended: zod.z.boolean().optional()
+      recommended: zod.z.boolean().optional(),
+      value: zod.z.number().optional(),
+      adjust: zod.z.object({
+        min: zod.z.number(),
+        max: zod.z.number(),
+        step: zod.z.number().optional(),
+        unit: zod.z.string().optional()
+      }).optional()
     })
   ).min(1).max(5),
   source: zod.z.object({
@@ -5561,7 +5568,8 @@ var decisionCardSchema = zod.z.object({
     url: zod.z.string().optional()
   }).optional(),
   resolved: zod.z.object({
-    option: zod.z.string()
+    option: zod.z.string(),
+    value: zod.z.number().optional()
   }).optional()
 });
 var decisionCardTool = {
@@ -5604,13 +5612,28 @@ var decisionCardTool = {
         type: "array",
         minItems: 1,
         maxItems: 5,
-        description: "Mutually-exclusive resolution choices; mark one `recommended` to make it primary",
+        description: "Mutually-exclusive resolution choices; mark one `recommended` to make it primary. An option that carries a numeric figure the user may want to tune (e.g. 'Book reserve' at 50 units) should set `value` (your suggested figure) and `adjust` ({min,max[,step,unit]}) \u2014 the card then lets the user fine-tune the number within that range before confirming.",
         items: {
           type: "object",
           properties: {
             id: { type: "string" },
             label: { type: "string" },
-            recommended: { type: "boolean" }
+            recommended: { type: "boolean" },
+            value: {
+              type: "number",
+              description: "Suggested numeric figure for this option (the starting point of the adjuster)"
+            },
+            adjust: {
+              type: "object",
+              description: "Allow the user to tune `value` within this inclusive range before resolving",
+              properties: {
+                min: { type: "number" },
+                max: { type: "number" },
+                step: { type: "number", description: "Increment granularity; defaults to a sensible step for the range" },
+                unit: { type: "string", description: "Short unit suffix shown after the number, e.g. 'units', '%', 'hrs'" }
+              },
+              required: ["min", "max"]
+            }
           },
           required: ["label"]
         }
@@ -5627,7 +5650,8 @@ var decisionCardTool = {
         type: "object",
         description: "Pre-resolved state for transcript replay",
         properties: {
-          option: { type: "string" }
+          option: { type: "string" },
+          value: { type: "number", description: "Adjusted figure the user confirmed, when the option was adjustable" }
         },
         required: ["option"]
       }
@@ -5635,6 +5659,167 @@ var decisionCardTool = {
     required: ["type", "title", "question", "options"]
   }
 };
+var decisionQueueItemSchema = zod.z.object({
+  id: zod.z.string().optional(),
+  decision_type: zod.z.string().optional(),
+  title: zod.z.string(),
+  question: zod.z.string(),
+  amount: zod.z.number().optional(),
+  currency: zod.z.string().optional(),
+  amount_label: zod.z.string().optional(),
+  severity: zod.z.enum(["low", "medium", "high"]).optional(),
+  flags: zod.z.array(
+    zod.z.object({
+      field: zod.z.string().optional(),
+      issue: zod.z.string(),
+      severity: zod.z.enum(["low", "medium", "high"]).optional()
+    })
+  ).max(6).optional(),
+  options: zod.z.array(
+    zod.z.object({
+      id: zod.z.string().optional(),
+      label: zod.z.string(),
+      recommended: zod.z.boolean().optional(),
+      value: zod.z.number().optional(),
+      adjust: zod.z.object({
+        min: zod.z.number(),
+        max: zod.z.number(),
+        step: zod.z.number().optional(),
+        unit: zod.z.string().optional()
+      }).optional()
+    })
+  ).min(1).max(5),
+  source: zod.z.object({
+    label: zod.z.string().optional(),
+    url: zod.z.string().optional()
+  }).optional()
+});
+var decisionQueueSchema = zod.z.object({
+  type: zod.z.literal("decision-queue"),
+  id: zod.z.string().optional(),
+  title: zod.z.string().optional(),
+  description: zod.z.string().optional(),
+  submit_label: zod.z.string().optional(),
+  items: zod.z.array(decisionQueueItemSchema).min(2).max(12),
+  resolved: zod.z.object({
+    decisions: zod.z.array(
+      zod.z.object({
+        id: zod.z.string().optional(),
+        title: zod.z.string(),
+        option: zod.z.string(),
+        value: zod.z.number().optional()
+      })
+    )
+  }).optional()
+});
+var OPTION_ITEM_JSON = {
+  type: "object",
+  properties: {
+    id: { type: "string" },
+    label: { type: "string" },
+    recommended: { type: "boolean" },
+    value: {
+      type: "number",
+      description: "Suggested numeric figure for this option (starting point of the adjuster)"
+    },
+    adjust: {
+      type: "object",
+      description: "Allow the user to tune `value` within this inclusive range before deciding",
+      properties: {
+        min: { type: "number" },
+        max: { type: "number" },
+        step: { type: "number" },
+        unit: { type: "string", description: "Short unit suffix, e.g. 'units', '%', 'hrs'" }
+      },
+      required: ["min", "max"]
+    }
+  },
+  required: ["label"]
+};
+var decisionQueueTool = {
+  name: "render_decision_queue",
+  description: "Render a SEQUENTIAL QUEUE of 2-12 related human-in-the-loop judgments, decided one at a time at full decision-card richness (amount at stake, data-quality flags, adjustable figures, source links) and submitted TOGETHER as one reply. Use whenever MORE THAN ONE decision is pending in the same turn \u2014 never emit multiple loose decision-cards. Give deferrable items an explicit 'leave open'-style option so the user can always complete the queue. For a single judgment use decision-card; for typed field input (names, dates, uploads) use render_builder.",
+  input_schema: {
+    type: "object",
+    properties: {
+      type: { type: "string", enum: ["decision-queue"] },
+      id: { type: "string", description: "Stable id for update-in-place rendering" },
+      title: {
+        type: "string",
+        description: "Batch headline shown in the header, e.g. 'Reconciliation exceptions'"
+      },
+      description: { type: "string", description: "One-line context above the queue" },
+      submit_label: { type: "string", description: "CTA label; defaults to 'Submit N decisions'" },
+      items: {
+        type: "array",
+        minItems: 2,
+        maxItems: 12,
+        description: "The pending judgments, in the order the user should take them. Each is a full decision-card body (no `type`).",
+        items: {
+          type: "object",
+          properties: {
+            id: { type: "string" },
+            decision_type: {
+              type: "string",
+              description: "Short category eyebrow, e.g. 'Duplicate', 'Capitalization'"
+            },
+            title: { type: "string" },
+            question: { type: "string" },
+            amount: { type: "number" },
+            currency: { type: "string" },
+            amount_label: { type: "string" },
+            severity: { type: "string", enum: ["low", "medium", "high"] },
+            flags: {
+              type: "array",
+              maxItems: 6,
+              items: {
+                type: "object",
+                properties: {
+                  field: { type: "string" },
+                  issue: { type: "string" },
+                  severity: { type: "string", enum: ["low", "medium", "high"] }
+                },
+                required: ["issue"]
+              }
+            },
+            options: {
+              type: "array",
+              minItems: 1,
+              maxItems: 5,
+              items: OPTION_ITEM_JSON
+            },
+            source: {
+              type: "object",
+              properties: { label: { type: "string" }, url: { type: "string" } }
+            }
+          },
+          required: ["title", "question", "options"]
+        }
+      },
+      resolved: {
+        type: "object",
+        description: "Pre-resolved state for transcript replay",
+        properties: {
+          decisions: {
+            type: "array",
+            items: {
+              type: "object",
+              properties: {
+                id: { type: "string" },
+                title: { type: "string" },
+                option: { type: "string" },
+                value: { type: "number" }
+              },
+              required: ["title", "option"]
+            }
+          }
+        },
+        required: ["decisions"]
+      }
+    },
+    required: ["type", "items"]
+  }
+};
 var tabbyAuthSchema = zod.z.object({
   type: zod.z.literal("tabby-auth"),
   app: zod.z.string(),
@@ -5727,6 +5912,7 @@ var schemaRegistry = {
   "workflow-stepper": { schema: workflowStepperSchema, tool: workflowStepperTool },
   "document-field-extraction": { schema: documentFieldExtractionSchema, tool: documentFieldExtractionTool },
   "decision-card": { schema: decisionCardSchema, tool: decisionCardTool },
+  "decision-queue": { schema: decisionQueueSchema, tool: decisionQueueTool },
   "tabby-auth": { schema: tabbyAuthSchema, tool: tabbyAuthTool }
 };
 
@@ -6465,17 +6651,17 @@ function SparklineTableResolver(p) {
 // src/composites/heatmap-table/resolver.tsx
 init_theme();
 init_ThemeContext();
-function heatColor(z61) {
-  const clamped = Math.max(-3, Math.min(3, z61));
+function heatColor(z62) {
+  const clamped = Math.max(-3, Math.min(3, z62));
   const abs = Math.abs(clamped);
   const lightness = 95 - abs * 8;
   const hue = clamped >= 0 ? 142 : 0;
   return `hsl(${hue} 60% ${lightness}%)`;
 }
-function heatTextColor(z61) {
-  const abs = Math.abs(z61);
-  if (abs > 2) return z61 >= 0 ? "#14532d" : "#7f1d1d";
-  if (abs > 1) return z61 >= 0 ? "#166534" : "#991b1b";
+function heatTextColor(z62) {
+  const abs = Math.abs(z62);
+  if (abs > 2) return z62 >= 0 ? "#14532d" : "#7f1d1d";
+  if (abs > 1) return z62 >= 0 ? "#166534" : "#991b1b";
   return "var(--foreground)";
 }
 var th2 = {
@@ -17523,7 +17709,8 @@ var DEFAULT_INTERACTION = {
   onStepSelect: void 0,
   resolvedDecisions: void 0,
   onDecisionResolve: void 0,
-  onDecisionSource: void 0
+  onDecisionSource: void 0,
+  onDecisionQueueSubmit: void 0
 };
 var GenUIInteractionContext = React45.createContext(DEFAULT_INTERACTION);
 function useGenUIInteraction() {
@@ -19918,8 +20105,15 @@ function useContainerWidth2(ref) {
 var KEYFRAMES2 = `
 @keyframes dcRise{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
 .dc-rise{animation:dcRise 0.28s cubic-bezier(0.22,1,0.36,1) both}
+.dc-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:9999px;outline:none;cursor:pointer;background:transparent}
+.dc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:white;border:2px solid var(--dc-thumb,#ff5000);box-shadow:0 1px 3px rgba(0,0,0,0.18);cursor:grab;transition:transform 0.12s}
+.dc-range::-webkit-slider-thumb:hover{transform:scale(1.12)}
+.dc-range:active::-webkit-slider-thumb{cursor:grabbing}
+.dc-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:white;border:2px solid var(--dc-thumb,#ff5000);box-shadow:0 1px 3px rgba(0,0,0,0.18);cursor:grab}
+.dc-range::-moz-range-track{height:4px;border-radius:9999px;background:transparent}
 @media (prefers-reduced-motion: reduce){
   .dc-rise{animation:none !important;opacity:1 !important;transform:none !important}
+  .dc-range::-webkit-slider-thumb{transition:none}
 }`;
 function SparkCheck({ size, color }) {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -19965,17 +20159,240 @@ function FlagPill({ flag }) {
     }
   );
 }
+function formatFigure(value, unit) {
+  const body = Number.isInteger(value) ? `${value}` : `${Math.round(value * 100) / 100}`;
+  if (!unit) return body;
+  return unit === "%" ? `${body}%` : `${body} ${unit}`;
+}
+function clampToRange(raw, adjust) {
+  var _a;
+  const step = (_a = adjust.step) != null ? _a : Number.isInteger(adjust.min) && Number.isInteger(adjust.max) ? 1 : (adjust.max - adjust.min) / 100;
+  const snapped = Math.round((raw - adjust.min) / step) * step + adjust.min;
+  const fixed = Math.round(snapped * 1e6) / 1e6;
+  return Math.min(adjust.max, Math.max(adjust.min, fixed));
+}
+function ValueAdjuster({
+  option,
+  accent,
+  border,
+  muted,
+  onConfirm,
+  onBack
+}) {
+  var _a, _b;
+  const adjust = option.adjust;
+  const suggested = clampToRange((_a = option.value) != null ? _a : adjust.min, adjust);
+  const [value, setValue] = React45__default.default.useState(suggested);
+  const [text, setText] = React45__default.default.useState(String(suggested));
+  const step = (_b = adjust.step) != null ? _b : Number.isInteger(adjust.min) && Number.isInteger(adjust.max) ? 1 : (adjust.max - adjust.min) / 100;
+  const pct = adjust.max > adjust.min ? (value - adjust.min) / (adjust.max - adjust.min) * 100 : 0;
+  const suggestedPct = adjust.max > adjust.min ? (suggested - adjust.min) / (adjust.max - adjust.min) * 100 : 0;
+  const moved = value !== suggested;
+  const commit = (raw) => {
+    const v = clampToRange(raw, adjust);
+    setValue(v);
+    setText(String(v));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "dc-rise",
+      "data-testid": "decision-card-adjuster",
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 12,
+        border: `1px solid ${border}`,
+        borderRadius: 10,
+        padding: "12px 14px",
+        background: "#fafafa"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.06em", color: muted }, children: [
+            "Adjust \xB7 ",
+            option.label
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1 } }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onBack,
+              "data-testid": "decision-card-adjust-back",
+              style: { border: "none", background: "none", padding: 0, cursor: "pointer", fontSize: 12, fontWeight: 600, color: muted },
+              children: "Back"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: 6 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              value: text,
+              onChange: (e) => {
+                setText(e.target.value);
+                const n = Number(e.target.value);
+                if (Number.isFinite(n)) setValue(clampToRange(n, adjust));
+              },
+              onBlur: () => commit(Number(text) || suggested),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  const v = clampToRange(Number(text) || suggested, adjust);
+                  commit(v);
+                  onConfirm(v);
+                } else if (e.key === "ArrowUp") {
+                  e.preventDefault();
+                  commit(value + step);
+                } else if (e.key === "ArrowDown") {
+                  e.preventDefault();
+                  commit(value - step);
+                }
+              },
+              inputMode: "decimal",
+              "aria-label": `${option.label} value`,
+              "data-testid": "decision-card-adjust-input",
+              style: {
+                width: `${Math.max(3, String(text).length + 1)}ch`,
+                fontSize: 26,
+                fontWeight: 700,
+                fontVariantNumeric: "tabular-nums",
+                letterSpacing: "-0.02em",
+                color: "var(--foreground)",
+                border: "none",
+                borderBottom: `2px solid ${accent}`,
+                background: "transparent",
+                outline: "none",
+                padding: 0
+              }
+            }
+          ),
+          adjust.unit && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 13, fontWeight: 600, color: muted }, children: adjust.unit }),
+          moved && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => commit(suggested),
+              "data-testid": "decision-card-adjust-reset",
+              style: {
+                marginLeft: 8,
+                border: "none",
+                background: "none",
+                padding: 0,
+                cursor: "pointer",
+                fontSize: 11.5,
+                fontWeight: 600,
+                color: muted,
+                textDecoration: "underline",
+                textUnderlineOffset: 2
+              },
+              children: [
+                "Reset to suggested (",
+                formatFigure(suggested, adjust.unit),
+                ")"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative", height: 16, display: "flex", alignItems: "center" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "aria-hidden": "true",
+                style: {
+                  position: "absolute",
+                  left: 0,
+                  right: 0,
+                  height: 4,
+                  borderRadius: 9999,
+                  background: `linear-gradient(to right, ${accent} ${pct}%, #e8e8e8 ${pct}%)`
+                }
+              }
+            ),
+            moved && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "aria-hidden": "true",
+                title: `Suggested: ${formatFigure(suggested, adjust.unit)}`,
+                style: {
+                  position: "absolute",
+                  left: `${suggestedPct}%`,
+                  transform: "translateX(-50%)",
+                  width: 2,
+                  height: 10,
+                  borderRadius: 1,
+                  background: muted,
+                  opacity: 0.55
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "range",
+                className: "dc-range",
+                min: adjust.min,
+                max: adjust.max,
+                step,
+                value,
+                onChange: (e) => commit(Number(e.target.value)),
+                "aria-label": `${option.label} slider`,
+                "data-testid": "decision-card-adjust-slider",
+                style: { position: "relative", ["--dc-thumb"]: accent }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", fontSize: 10.5, fontWeight: 600, color: muted, fontVariantNumeric: "tabular-nums" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatFigure(adjust.min, adjust.unit) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatFigure(adjust.max, adjust.unit) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onConfirm(value),
+            "data-testid": "decision-card-adjust-confirm",
+            style: {
+              alignSelf: "flex-start",
+              border: `1px solid ${accent}`,
+              background: accent,
+              color: "white",
+              borderRadius: 8,
+              fontSize: 13,
+              fontWeight: 600,
+              padding: "9px 16px",
+              cursor: "pointer",
+              fontVariantNumeric: "tabular-nums",
+              transition: "opacity 0.15s"
+            },
+            onMouseEnter: (e) => e.currentTarget.style.opacity = "0.88",
+            onMouseLeave: (e) => e.currentTarget.style.opacity = "1",
+            children: [
+              option.label,
+              " \xB7 ",
+              formatFigure(value, adjust.unit)
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
 function DecisionCardRenderer({
   data,
   resolved = null,
   onResolve,
-  onOpenSource
+  onOpenSource,
+  eyebrow
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const { BORDER: BORDER4, MUTED: MUTED2, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2 } = useTheme();
   const rootRef = React45__default.default.useRef(null);
   const width = useContainerWidth2(rootRef);
   const stacked = width > 0 && width < STACK_BELOW;
+  const [adjustingIdx, setAdjustingIdx] = React45__default.default.useState(null);
   const options = (_a = data.options) != null ? _a : [];
   const recommendedIdx = Math.max(
     0,
@@ -20074,7 +20491,7 @@ function DecisionCardRenderer({
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { minWidth: 0, display: "flex", flexDirection: "column", gap: 4 }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
+                eyebrow === null ? null : /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
                     style: {
@@ -20084,7 +20501,7 @@ function DecisionCardRenderer({
                       fontWeight: 700,
                       color: ACCENT2
                     },
-                    children: data.decision_type ? `Decision needs you \xB7 ${data.decision_type}` : "Decision needs you"
+                    children: eyebrow !== void 0 ? eyebrow : data.decision_type ? `Decision needs you \xB7 ${data.decision_type}` : "Decision needs you"
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -20130,7 +20547,20 @@ function DecisionCardRenderer({
             ]
           }
         ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          adjustingIdx != null && ((_b = options[adjustingIdx]) == null ? void 0 : _b.adjust) ? /* @__PURE__ */ jsxRuntime.jsx(
+            ValueAdjuster,
+            {
+              option: options[adjustingIdx],
+              accent: ACCENT2,
+              border: BORDER4,
+              muted: MUTED2,
+              onBack: () => setAdjustingIdx(null),
+              onConfirm: (value) => {
+                setAdjustingIdx(null);
+                onResolve == null ? void 0 : onResolve(options[adjustingIdx].label, value);
+              }
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               style: {
@@ -20140,15 +20570,21 @@ function DecisionCardRenderer({
                 gap: 8
               },
               children: options.map((opt, idx) => {
-                var _a2;
+                var _a2, _b2;
                 const primary = idx === recommendedIdx;
-                return /* @__PURE__ */ jsxRuntime.jsx(
+                const adjustable = Boolean(opt.adjust);
+                return /* @__PURE__ */ jsxRuntime.jsxs(
                   "button",
                   {
                     type: "button",
-                    onClick: () => onResolve == null ? void 0 : onResolve(opt.label),
+                    onClick: () => adjustable ? setAdjustingIdx(idx) : onResolve == null ? void 0 : onResolve(opt.label),
+                    "data-adjustable": adjustable || void 0,
                     style: {
                       width: stacked ? "100%" : "auto",
+                      display: "inline-flex",
+                      alignItems: "center",
+                      justifyContent: stacked ? "flex-start" : "center",
+                      gap: 7,
                       textAlign: stacked ? "left" : "center",
                       border: `1px solid ${primary ? ACCENT2 : BORDER4}`,
                       background: primary ? ACCENT2 : "white",
@@ -20176,7 +20612,28 @@ function DecisionCardRenderer({
                         e.currentTarget.style.background = "white";
                       }
                     },
-                    children: opt.label
+                    children: [
+                      opt.label,
+                      adjustable && typeof opt.value === "number" && /* @__PURE__ */ jsxRuntime.jsxs(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 11.5,
+                            fontWeight: 700,
+                            fontVariantNumeric: "tabular-nums",
+                            padding: "1px 7px",
+                            borderRadius: 9999,
+                            background: primary ? "rgba(255,255,255,0.22)" : "#f2f2f2",
+                            color: primary ? "white" : MUTED2,
+                            lineHeight: 1.5
+                          },
+                          children: [
+                            formatFigure(opt.value, (_b2 = opt.adjust) == null ? void 0 : _b2.unit),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", style: { marginLeft: 4, opacity: 0.8 }, children: "\u270E" })
+                          ]
+                        }
+                      )
+                    ]
                   },
                   (_a2 = opt.id) != null ? _a2 : opt.label
                 );
@@ -20215,7 +20672,7 @@ function DecisionCardRenderer({
                     strokeLinejoin: "round"
                   }
                 ) }),
-                (_b = data.source.label) != null ? _b : "View source for this figure"
+                (_c = data.source.label) != null ? _c : "View source for this figure"
               ]
             }
           )
@@ -20224,20 +20681,27 @@ function DecisionCardRenderer({
     }
   );
 }
+function composeResolution(p, option, value) {
+  var _a, _b, _c;
+  if (value == null) return option;
+  const unit = (_c = (_b = ((_a = p.options) != null ? _a : []).find((o) => o.label === option)) == null ? void 0 : _b.adjust) == null ? void 0 : _c.unit;
+  return `${option} \xB7 ${formatFigure(value, unit)}`;
+}
 function DecisionCardResolver(p) {
-  var _a, _b, _c, _d;
+  var _a, _b;
   const { resolvedDecisions, onDecisionResolve, onDecisionSource } = useGenUIInteraction();
   const decisionId = (_a = p.id) != null ? _a : p.title;
   const hostResolved = resolvedDecisions == null ? void 0 : resolvedDecisions[decisionId];
-  const initial = (_c = hostResolved != null ? hostResolved : (_b = p.resolved) == null ? void 0 : _b.option) != null ? _c : null;
+  const initial = hostResolved != null ? hostResolved : p.resolved ? composeResolution(p, p.resolved.option, p.resolved.value) : null;
   const [localResolved, setLocalResolved] = React45__default.default.useState(initial);
   React45__default.default.useEffect(() => {
     if (hostResolved !== void 0) setLocalResolved(hostResolved);
   }, [hostResolved]);
   const resolved = hostResolved != null ? hostResolved : localResolved;
-  const handleResolve = (option) => {
-    setLocalResolved(option);
-    onDecisionResolve == null ? void 0 : onDecisionResolve(decisionId, option);
+  const handleResolve = (option, value) => {
+    const resolution = composeResolution(p, option, value);
+    setLocalResolved(resolution);
+    onDecisionResolve == null ? void 0 : onDecisionResolve(decisionId, resolution);
   };
   const handleSource = () => {
     var _a2;
@@ -20246,7 +20710,7 @@ function DecisionCardResolver(p) {
       window.open(p.source.url, "_blank", "noopener,noreferrer");
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(ComponentActions, { filename: (_d = p.title) != null ? _d : "decision-card", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(ComponentActions, { filename: (_b = p.title) != null ? _b : "decision-card", children: /* @__PURE__ */ jsxRuntime.jsx(
     DecisionCardRenderer,
     {
       data: p,
@@ -20257,6 +20721,302 @@ function DecisionCardResolver(p) {
   ) });
 }
 init_ThemeContext();
+var GREEN4 = "#15803d";
+var KEYFRAMES3 = `
+@keyframes dqSettle{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
+.dq-settle{animation:dqSettle 0.24s cubic-bezier(0.22,1,0.36,1) both}
+@keyframes dqFocus{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
+.dq-focus{animation:dqFocus 0.28s cubic-bezier(0.22,1,0.36,1) both}
+@media (prefers-reduced-motion: reduce){
+  .dq-settle,.dq-focus{animation:none !important;opacity:1 !important;transform:none !important}
+}`;
+function figureOf(item, decision) {
+  var _a, _b, _c;
+  if (decision.value == null) return decision.option;
+  const unit = (_c = (_b = ((_a = item.options) != null ? _a : []).find((o) => o.label === decision.option)) == null ? void 0 : _b.adjust) == null ? void 0 : _c.unit;
+  return `${decision.option} \xB7 ${formatFigure(decision.value, unit)}`;
+}
+function composeQueueMessage(items, decisions) {
+  const lines = items.map((item, i) => {
+    const d = decisions[i];
+    return `${i + 1}. ${item.title} \u2192 ${d ? figureOf(item, d) : "(undecided)"}`;
+  });
+  const done = decisions.filter(Boolean).length;
+  return `Decisions (${done}/${items.length}):
+${lines.join("\n")}`;
+}
+function Check({ size, color }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 13l4 4L19 7", stroke: color, strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function amountChip(item) {
+  if (typeof item.amount !== "number") return null;
+  const abs = Math.abs(item.amount);
+  const sign = item.amount < 0 ? "-" : "";
+  if (abs >= 1e6) return `${sign}$${(abs / 1e6).toFixed(abs >= 1e7 ? 0 : 1)}M`;
+  if (abs >= 1e3) return `${sign}$${(abs / 1e3).toFixed(abs >= 1e4 ? 0 : 1)}K`;
+  return `${sign}$${abs}`;
+}
+function DecisionQueueRenderer({ data, submitted = null, onSubmit }) {
+  var _a;
+  const { BORDER: BORDER4, MUTED: MUTED2, ACCENT: ACCENT2 } = useTheme();
+  const items = (_a = data.items) != null ? _a : [];
+  const [decisions, setDecisions] = React45__default.default.useState(
+    () => items.map(() => void 0)
+  );
+  const firstUndecided = decisions.findIndex((d) => !d);
+  const [focusIdx, setFocusIdx] = React45__default.default.useState(firstUndecided >= 0 ? firstUndecided : null);
+  const isSubmitted = submitted != null;
+  const shown = isSubmitted ? items.map(
+    (item, i) => {
+      var _a2;
+      return (_a2 = submitted.find((d) => d.id && d.id === item.id || d.title === item.title)) != null ? _a2 : submitted[i];
+    }
+  ) : decisions;
+  const decidedCount = shown.filter(Boolean).length;
+  const allDecided = decidedCount === items.length;
+  const decide = (idx, option, value) => {
+    const item = items[idx];
+    const next = decisions.slice();
+    next[idx] = { id: item.id, title: item.title, option, value };
+    setDecisions(next);
+    const order = [...Array(items.length).keys()];
+    const after = order.slice(idx + 1).concat(order.slice(0, idx + 1));
+    const target = after.find((j) => j !== idx && !next[j]);
+    setFocusIdx(target != null ? target : null);
+  };
+  const handleSubmit = () => {
+    if (!allDecided || isSubmitted) return;
+    const final = decisions;
+    onSubmit == null ? void 0 : onSubmit(final, composeQueueMessage(items, final));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-testid": "decision-queue",
+      "data-submitted": isSubmitted || void 0,
+      style: {
+        position: "relative",
+        width: "100%",
+        minWidth: 0,
+        boxSizing: "border-box",
+        borderRadius: "0.75rem",
+        border: `1px solid ${BORDER4}`,
+        background: "white",
+        boxShadow: "0 1px 2px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.04)",
+        padding: "16px 18px",
+        display: "flex",
+        flexDirection: "column",
+        gap: 12,
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("style", { children: KEYFRAMES3 }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 3 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              style: {
+                fontSize: 10.5,
+                textTransform: "uppercase",
+                letterSpacing: "0.07em",
+                fontWeight: 700,
+                color: isSubmitted ? GREEN4 : ACCENT2
+              },
+              children: isSubmitted ? "Decisions submitted" : "Decisions need you"
+            }
+          ),
+          data.title && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              style: {
+                fontFamily: "var(--font-serif)",
+                fontSize: 16,
+                fontWeight: 400,
+                color: "var(--foreground)",
+                letterSpacing: "-0.01em",
+                margin: 0,
+                lineHeight: 1.25
+              },
+              children: data.title
+            }
+          ),
+          data.description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: 12.5, color: MUTED2, margin: 0, lineHeight: 1.45 }, children: data.description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: items.map((item, idx) => {
+          var _a2, _b, _c;
+          const decision = shown[idx];
+          const focused = !isSubmitted && focusIdx === idx;
+          if (focused) {
+            return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dq-focus", "data-testid": `decision-queue-focus-${idx}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+              DecisionCardRenderer,
+              {
+                data: __spreadValues({ type: "decision-card" }, item),
+                resolved: null,
+                onResolve: (option, value) => decide(idx, option, value),
+                eyebrow: `${idx + 1} of ${items.length}${item.decision_type ? ` \xB7 ${item.decision_type}` : ""}`
+              }
+            ) }, (_a2 = item.id) != null ? _a2 : `q-${idx}`);
+          }
+          if (decision) {
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: "dq-settle",
+                onClick: isSubmitted ? void 0 : () => setFocusIdx(idx),
+                disabled: isSubmitted,
+                title: isSubmitted ? void 0 : "Change this decision",
+                "data-testid": `decision-queue-receipt-${idx}`,
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 8,
+                  width: "100%",
+                  textAlign: "left",
+                  border: "1px solid #dcfce7",
+                  background: "#f6fef9",
+                  borderRadius: 8,
+                  padding: "7px 11px",
+                  cursor: isSubmitted ? "default" : "pointer",
+                  font: "inherit"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Check, { size: 13, color: GREEN4 }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12.5, fontWeight: 600, color: "var(--foreground)", minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: item.title }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", style: { color: MUTED2, fontSize: 12 }, children: "\u2192" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12.5, fontWeight: 600, color: GREEN4, fontVariantNumeric: "tabular-nums", whiteSpace: "nowrap" }, children: figureOf(item, decision) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1 } }),
+                  !isSubmitted && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 11, fontWeight: 600, color: MUTED2 }, children: "Change" })
+                ]
+              },
+              (_b = item.id) != null ? _b : `q-${idx}`
+            );
+          }
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: isSubmitted ? void 0 : () => setFocusIdx(idx),
+              disabled: isSubmitted,
+              "data-testid": `decision-queue-upcoming-${idx}`,
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: 8,
+                width: "100%",
+                textAlign: "left",
+                border: `1px dashed ${BORDER4}`,
+                background: "white",
+                borderRadius: 8,
+                padding: "7px 11px",
+                cursor: isSubmitted ? "default" : "pointer",
+                font: "inherit",
+                opacity: 0.75
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    style: { width: 13, height: 13, borderRadius: "50%", border: `1.5px solid ${MUTED2}`, flexShrink: 0, boxSizing: "border-box" }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: 12.5, fontWeight: 600, color: MUTED2, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+                  item.decision_type ? `${item.decision_type} \xB7 ` : "",
+                  item.title
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1 } }),
+                amountChip(item) && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 11.5, fontWeight: 700, color: MUTED2, fontVariantNumeric: "tabular-nums" }, children: amountChip(item) })
+              ]
+            },
+            (_c = item.id) != null ? _c : `q-${idx}`
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 10,
+              paddingTop: 10,
+              borderTop: `1px solid #f0f0f0`
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-flex", gap: 4 }, "aria-hidden": "true", children: items.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  style: {
+                    width: 7,
+                    height: 7,
+                    borderRadius: "50%",
+                    background: shown[i] ? isSubmitted ? GREEN4 : ACCENT2 : "#e8e8e8",
+                    transition: "background 0.2s"
+                  }
+                },
+                `dot-${i}`
+              )) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  style: { fontSize: 11.5, fontWeight: 600, color: MUTED2, fontVariantNumeric: "tabular-nums" },
+                  "data-testid": "decision-queue-progress",
+                  children: [
+                    decidedCount,
+                    "/",
+                    items.length,
+                    " decided"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1 } }),
+              isSubmitted ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: 6, fontSize: 12.5, fontWeight: 600, color: GREEN4 }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Check, { size: 14, color: GREEN4 }),
+                "Submitted"
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleSubmit,
+                  disabled: !allDecided,
+                  "data-testid": "decision-queue-submit",
+                  style: {
+                    border: `1px solid ${allDecided ? ACCENT2 : BORDER4}`,
+                    background: allDecided ? ACCENT2 : "#f6f6f6",
+                    color: allDecided ? "white" : MUTED2,
+                    borderRadius: 8,
+                    fontSize: 13,
+                    fontWeight: 600,
+                    padding: "8px 16px",
+                    cursor: allDecided ? "pointer" : "default",
+                    fontVariantNumeric: "tabular-nums",
+                    transition: "background 0.15s, border-color 0.15s, color 0.15s"
+                  },
+                  children: data.submit_label || `Submit ${items.length} decision${items.length === 1 ? "" : "s"}`
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function DecisionQueueResolver(p) {
+  var _a, _b, _c, _d, _e, _f;
+  const { resolvedDecisions, onDecisionQueueSubmit } = useGenUIInteraction();
+  const queueId = (_b = (_a = p.id) != null ? _a : p.title) != null ? _b : "decision-queue";
+  const replayed = (_d = (_c = p.resolved) == null ? void 0 : _c.decisions) != null ? _d : null;
+  const [localSubmitted, setLocalSubmitted] = React45__default.default.useState(null);
+  const hostLocked = (resolvedDecisions == null ? void 0 : resolvedDecisions[queueId]) != null;
+  const submitted = (_e = replayed != null ? replayed : localSubmitted) != null ? _e : hostLocked ? [] : null;
+  const handleSubmit = (decisions, message) => {
+    setLocalSubmitted(decisions);
+    onDecisionQueueSubmit == null ? void 0 : onDecisionQueueSubmit(queueId, decisions, message);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ComponentActions, { filename: (_f = p.title) != null ? _f : "decision-queue", children: /* @__PURE__ */ jsxRuntime.jsx(DecisionQueueRenderer, { data: p, submitted, onSubmit: handleSubmit }) });
+}
+init_ThemeContext();
 var CONNECTED_GREEN3 = "#15803d";
 var CONNECTED_GREEN_BG = "#dcfce7";
 var PENDING_AMBER = "#92400e";
@@ -20688,6 +21448,8 @@ function resolveUI(rawPayload) {
       return /* @__PURE__ */ jsxRuntime.jsx(DocumentFieldExtractionResolver, __spreadValues({}, payload));
     case "decision-card":
       return /* @__PURE__ */ jsxRuntime.jsx(DecisionCardResolver, __spreadValues({}, payload));
+    case "decision-queue":
+      return /* @__PURE__ */ jsxRuntime.jsx(DecisionQueueResolver, __spreadValues({}, payload));
     case "tabby-auth":
       return /* @__PURE__ */ jsxRuntime.jsx(TabbyAuthResolver, __spreadValues({}, payload));
     default: {