@adoptai/genui-components 0.1.58 → 0.1.60

package/dist/renderer.js

@@ -5217,7 +5217,32 @@ var workflowStepperSchema = z.object({
       n: z.number().int().positive().optional(),
       title: z.string(),
       sub: z.string().optional(),
-      status: z.enum(["done", "active", "review", "pending", "blocked", "failed"]),
+      status: z.enum([
+        "done",
+        "active",
+        "running",
+        "review",
+        "pending",
+        "blocked",
+        "failed"
+      ]),
+      // Optional quality-gate verdict for a step run by an executor (e.g. a
+      // pipeline). Surfaces a subtle trust badge; flags hint at issues a human
+      // should review (the full list lives in the escalation dock).
+      eval: z.object({
+        score: z.number().min(0).max(1).nullable().optional(),
+        verdict: z.enum(["good", "bad"]).optional(),
+        reasoning: z.string().optional(),
+        judge_ok: z.boolean().optional(),
+        data_quality_flags: z.array(
+          z.object({
+            field: z.string().optional(),
+            issue: z.string().optional(),
+            severity: z.enum(["low", "medium", "high"]).optional(),
+            details: z.string().optional()
+          })
+        ).optional()
+      }).optional(),
       assignees: z.array(
         z.object({
           name: z.string(),
@@ -5253,7 +5278,32 @@ var workflowStepperTool = {
             n: { type: "number", description: "Step number; defaults to index + 1" },
             title: { type: "string" },
             sub: { type: "string", description: "Short status caption, e.g. '7 accounts \xB7 2 exceptions'" },
-            status: { type: "string", enum: ["done", "active", "review", "pending", "blocked", "failed"] },
+            status: {
+              type: "string",
+              enum: ["done", "active", "running", "review", "pending", "blocked", "failed"]
+            },
+            eval: {
+              type: "object",
+              description: "Optional quality-gate verdict for an executor-run step.",
+              properties: {
+                score: { type: "number" },
+                verdict: { type: "string", enum: ["good", "bad"] },
+                reasoning: { type: "string" },
+                judge_ok: { type: "boolean" },
+                data_quality_flags: {
+                  type: "array",
+                  items: {
+                    type: "object",
+                    properties: {
+                      field: { type: "string" },
+                      issue: { type: "string" },
+                      severity: { type: "string", enum: ["low", "medium", "high"] },
+                      details: { type: "string" }
+                    }
+                  }
+                }
+              }
+            },
             assignees: {
               type: "array",
               maxItems: 6,
@@ -5475,7 +5525,14 @@ var decisionCardSchema = z.object({
     z.object({
       id: z.string().optional(),
       label: z.string(),
-      recommended: z.boolean().optional()
+      recommended: z.boolean().optional(),
+      value: z.number().optional(),
+      adjust: z.object({
+        min: z.number(),
+        max: z.number(),
+        step: z.number().optional(),
+        unit: z.string().optional()
+      }).optional()
     })
   ).min(1).max(5),
   source: z.object({
@@ -5483,7 +5540,8 @@ var decisionCardSchema = z.object({
     url: z.string().optional()
   }).optional(),
   resolved: z.object({
-    option: z.string()
+    option: z.string(),
+    value: z.number().optional()
   }).optional()
 });
 var decisionCardTool = {
@@ -5526,13 +5584,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"]
         }
@@ -5549,7 +5622,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"]
       }
@@ -5557,6 +5631,36 @@ var decisionCardTool = {
     required: ["type", "title", "question", "options"]
   }
 };
+var tabbyAuthSchema = z.object({
+  type: z.literal("tabby-auth"),
+  app: z.string(),
+  url: z.string(),
+  workspace: z.string().optional(),
+  state: z.enum(["pending", "connected"]).optional(),
+  ctaLabel: z.string().optional(),
+  steps: z.array(z.string()).optional(),
+  description: z.string().optional(),
+  iconUrl: z.string().optional()
+});
+var tabbyAuthTool = {
+  name: "render_tabby_auth",
+  description: "Render a dedicated, trustworthy sign-in card when a harness skill needs the member to authenticate with a third-party app (e.g. Sage Intacct, Airbnb, an ERP) before a `call_web_api` request can proceed. Use this for the `login_required` path instead of a raw markdown link or a connect-integration card. `app` is the human display name (drives the title context, subtitle, and CTA). `url` is the login/short-link the prominent CTA opens in a new tab. `workspace` adds a subtitle suffix ('{app} \xB7 {workspace} workspace'). `state='pending'` (default) is the first-time connect; `state='connected'` is the verify/re-auth case (session already live) with a green badge and an Open deep-link. `steps` overrides the default numbered instructions; `description` is a one-line intro. The card title ('Authentication required') and the 'Credentials not stored by Adopt' trust footer are hardcoded brand constants \u2014 never supplied here.",
+  input_schema: {
+    type: "object",
+    properties: {
+      type: { type: "string", enum: ["tabby-auth"] },
+      app: { type: "string" },
+      url: { type: "string" },
+      workspace: { type: "string" },
+      state: { type: "string", enum: ["pending", "connected"] },
+      ctaLabel: { type: "string" },
+      steps: { type: "array", items: { type: "string" } },
+      description: { type: "string" },
+      iconUrl: { type: "string" }
+    },
+    required: ["type", "app", "url"]
+  }
+};
 
 // src/schemas/index.ts
 var schemaRegistry = {
@@ -5618,7 +5722,8 @@ var schemaRegistry = {
   "pipeline-preview": { schema: pipelinePreviewSchema, tool: pipelinePreviewTool },
   "workflow-stepper": { schema: workflowStepperSchema, tool: workflowStepperTool },
   "document-field-extraction": { schema: documentFieldExtractionSchema, tool: documentFieldExtractionTool },
-  "decision-card": { schema: decisionCardSchema, tool: decisionCardTool }
+  "decision-card": { schema: decisionCardSchema, tool: decisionCardTool },
+  "tabby-auth": { schema: tabbyAuthSchema, tool: tabbyAuthTool }
 };
 
 // src/schemas/coercePayload.ts
@@ -6356,17 +6461,17 @@ function SparklineTableResolver(p) {
 // src/composites/heatmap-table/resolver.tsx
 init_theme();
 init_ThemeContext();
-function heatColor(z60) {
-  const clamped = Math.max(-3, Math.min(3, z60));
+function heatColor(z61) {
+  const clamped = Math.max(-3, Math.min(3, z61));
   const abs = Math.abs(clamped);
   const lightness = 95 - abs * 8;
   const hue = clamped >= 0 ? 142 : 0;
   return `hsl(${hue} 60% ${lightness}%)`;
 }
-function heatTextColor(z60) {
-  const abs = Math.abs(z60);
-  if (abs > 2) return z60 >= 0 ? "#14532d" : "#7f1d1d";
-  if (abs > 1) return z60 >= 0 ? "#166534" : "#991b1b";
+function heatTextColor(z61) {
+  const abs = Math.abs(z61);
+  if (abs > 2) return z61 >= 0 ? "#14532d" : "#7f1d1d";
+  if (abs > 1) return z61 >= 0 ? "#166534" : "#991b1b";
   return "var(--foreground)";
 }
 var th2 = {
@@ -17424,6 +17529,8 @@ var STATUS_COLORS3 = {
   done: "#15803d",
   active: "",
   // filled from theme ACCENT at render time
+  running: "",
+  // filled from theme ACCENT at render time (executor in flight)
   review: "#f59e0b",
   pending: "#9ca3af",
   blocked: "#b45309",
@@ -17432,6 +17539,7 @@ var STATUS_COLORS3 = {
 var STATUS_LABELS = {
   done: "Complete",
   active: "In progress",
+  running: "Running",
   review: "In review",
   pending: "Pending",
   blocked: "Blocked",
@@ -17535,6 +17643,26 @@ function IndexDot({ step, index, accent }) {
   if (step.status === "failed") {
     return /* @__PURE__ */ jsx("div", { style: __spreadProps(__spreadValues({}, base), { background: "#dc2626", color: "white" }), children: /* @__PURE__ */ jsx("span", { style: { fontSize: 10 }, children: "!" }) });
   }
+  if (step.status === "running") {
+    return /* @__PURE__ */ jsxs("div", { style: __spreadProps(__spreadValues({}, base), { position: "relative", background: `${accent}1f`, color: accent }), children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "wfs-anim",
+          "aria-hidden": "true",
+          style: {
+            position: "absolute",
+            inset: 0,
+            borderRadius: "50%",
+            border: `1.5px solid ${accent}33`,
+            borderTopColor: accent,
+            animation: "wfsSpin 0.8s linear infinite"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { style: { fontSize: 9 }, children: n })
+    ] });
+  }
   if (step.status === "active") {
     return /* @__PURE__ */ jsx("div", { style: __spreadProps(__spreadValues({}, base), { background: accent, color: "white" }), children: n });
   }
@@ -17543,6 +17671,44 @@ function IndexDot({ step, index, accent }) {
   }
   return /* @__PURE__ */ jsx("div", { style: __spreadProps(__spreadValues({}, base), { background: "#f2f2f2", color: "#9ca3af" }), children: n });
 }
+function EvalBadge({ step }) {
+  var _a;
+  const ev = step.eval;
+  if (!ev || ev.judge_ok === false) return null;
+  const score = typeof ev.score === "number" ? ev.score : null;
+  const flags = (_a = ev.data_quality_flags) != null ? _a : [];
+  const bad = ev.verdict === "bad" || score !== null && score < 0.8;
+  const tip = flags.length > 0 ? flags.map((f) => {
+    var _a2;
+    return `${(_a2 = f.severity) != null ? _a2 : "?"}: ${f.details || f.issue || f.field || "issue"}`;
+  }).join("\n") : ev.reasoning || void 0;
+  const label = score !== null ? score.toFixed(2) : bad ? "flagged" : "ok";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      title: tip,
+      "data-testid": `workflow-stepper-eval-${step.id}`,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 3,
+        fontSize: 9,
+        fontWeight: 700,
+        padding: "1px 6px",
+        borderRadius: 9999,
+        background: bad ? "#fff7ed" : "#dcfce7",
+        color: bad ? "#b45309" : "#15803d",
+        whiteSpace: "nowrap",
+        flexShrink: 0
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: bad ? "\u26A0" : "\u2713" }),
+        label,
+        flags.length > 0 ? ` \xB7 ${flags.length}` : ""
+      ]
+    }
+  );
+}
 var CARD_MIN = 132;
 var CARD_GAP = 16;
 var AUTO_COMPACT_BELOW = 360;
@@ -17567,6 +17733,7 @@ var KEYFRAMES = `
 @keyframes wfsLampPulse{0%,100%{box-shadow:0 0 0 0 var(--wfs-accent,#6366f1)73}50%{box-shadow:0 0 0 4px transparent}}
 @keyframes wfsRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
 @keyframes wfsShimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}
+@keyframes wfsSpin{to{transform:rotate(360deg)}}
 .wfs-rise{animation:wfsRise 0.32s cubic-bezier(0.22,1,0.36,1) both}
 @media (prefers-reduced-motion: reduce){
   .wfs-anim,.wfs-rise,.wfs-shim{animation:none !important}
@@ -17647,7 +17814,7 @@ function WorkflowStepperRenderer({
   const steps = (_a = data.steps) != null ? _a : [];
   const activeStepId = (_d = (_c = data.active_step) != null ? _c : (_b = steps.find((s) => s.status === "active")) == null ? void 0 : _b.id) != null ? _d : null;
   const interactive = typeof onSelectStep === "function";
-  const statusColor3 = (s) => s === "active" ? ACCENT2 : STATUS_COLORS3[s];
+  const statusColor3 = (s) => s === "active" || s === "running" ? ACCENT2 : STATUS_COLORS3[s];
   const doneCount = steps.filter((s) => s.status === "done").length;
   const rootRef = React45.useRef(null);
   const containerW = useContainerWidth(rootRef);
@@ -17875,6 +18042,7 @@ function WorkflowStepperRenderer({
             var _a2;
             const isSelected = selectedStep === step.id;
             const isActive = step.status === "active";
+            const isRunning = step.status === "running";
             const reached = step.status !== "pending";
             const clickable = interactive && reached;
             const color = statusColor3(step.status);
@@ -17971,36 +18139,41 @@ function WorkflowStepperRenderer({
                         }
                       }
                     ),
-                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-                      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 4 }, children: [
+                      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6, minWidth: 0 }, children: [
                         /* @__PURE__ */ jsx(IndexDot, { step, index: i, accent: ACCENT2 }),
                         /* @__PURE__ */ jsx(
                           "span",
                           {
-                            className: isActive ? "wfs-anim" : void 0,
+                            className: isActive || isRunning ? "wfs-anim" : void 0,
                             style: {
                               width: 6,
                               height: 6,
                               borderRadius: "50%",
                               background: color,
-                              animation: isActive ? "wfsLampPulse 1.8s ease-in-out infinite" : "none"
+                              flexShrink: 0,
+                              animation: isActive || isRunning ? "wfsLampPulse 1.8s ease-in-out infinite" : "none"
                             }
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ jsx(
-                        "span",
-                        {
-                          style: {
-                            fontSize: 9,
-                            fontWeight: 600,
-                            letterSpacing: "0.05em",
-                            textTransform: "uppercase",
-                            color
-                          },
-                          children: STATUS_LABELS[step.status]
-                        }
-                      )
+                      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 4, minWidth: 0 }, children: [
+                        /* @__PURE__ */ jsx(EvalBadge, { step }),
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            style: {
+                              fontSize: 9,
+                              fontWeight: 600,
+                              letterSpacing: "0.05em",
+                              textTransform: "uppercase",
+                              color,
+                              whiteSpace: "nowrap"
+                            },
+                            children: STATUS_LABELS[step.status]
+                          }
+                        )
+                      ] })
                     ] }),
                     /* @__PURE__ */ jsxs("div", { style: { minWidth: 0 }, children: [
                       /* @__PURE__ */ jsx(
@@ -18190,12 +18363,14 @@ var BADGE_TITLE = {
 var BADGE_STYLE = {
   SC: { bg: "#dcfce7", fg: "#15803d" },
   CN: { bg: "#eff6ff", fg: "#0364ff" },
+  // theme-ok (SECONDARY)
   AB: { bg: "#fff7ed", fg: "#92400e" },
   SW: { bg: "#fef2f2", fg: "#dc2626" }
 };
 var STATE_DOT = {
   ok: "#15803d",
   corrected: "#0364ff",
+  // theme-ok (SECONDARY)
   missing: "#dc2626",
   warn: "#f59e0b"
 };
@@ -18558,6 +18733,7 @@ var BADGE_DOT = {
   missing: "#dc2626",
   red: "#dc2626",
   corrected: "#0364ff"
+  // theme-ok (SECONDARY)
 };
 function FieldDetails({
   summary,
@@ -19738,8 +19914,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__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
@@ -19785,17 +19968,239 @@ 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.useState(suggested);
+  const [text, setText] = React45.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__ */ 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__ */ jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: 8 }, children: [
+          /* @__PURE__ */ jsxs("span", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.06em", color: muted }, children: [
+            "Adjust \xB7 ",
+            option.label
+          ] }),
+          /* @__PURE__ */ jsx("span", { style: { flex: 1 } }),
+          /* @__PURE__ */ 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__ */ jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: 6 }, children: [
+          /* @__PURE__ */ 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__ */ jsx("span", { style: { fontSize: 13, fontWeight: 600, color: muted }, children: adjust.unit }),
+          moved && /* @__PURE__ */ 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__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { position: "relative", height: 16, display: "flex", alignItems: "center" }, children: [
+            /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", fontSize: 10.5, fontWeight: 600, color: muted, fontVariantNumeric: "tabular-nums" }, children: [
+            /* @__PURE__ */ jsx("span", { children: formatFigure(adjust.min, adjust.unit) }),
+            /* @__PURE__ */ jsx("span", { children: formatFigure(adjust.max, adjust.unit) })
+          ] })
+        ] }),
+        /* @__PURE__ */ 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
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const { BORDER: BORDER4, MUTED: MUTED2, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2 } = useTheme();
   const rootRef = React45.useRef(null);
   const width = useContainerWidth2(rootRef);
   const stacked = width > 0 && width < STACK_BELOW;
+  const [adjustingIdx, setAdjustingIdx] = React45.useState(null);
   const options = (_a = data.options) != null ? _a : [];
   const recommendedIdx = Math.max(
     0,
@@ -19950,7 +20355,20 @@ function DecisionCardRenderer({
             ]
           }
         ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
+          adjustingIdx != null && ((_b = options[adjustingIdx]) == null ? void 0 : _b.adjust) ? /* @__PURE__ */ 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__ */ jsx(
             "div",
             {
               style: {
@@ -19960,15 +20378,21 @@ function DecisionCardRenderer({
                 gap: 8
               },
               children: options.map((opt, idx) => {
-                var _a2;
+                var _a2, _b2;
                 const primary = idx === recommendedIdx;
-                return /* @__PURE__ */ jsx(
+                const adjustable = Boolean(opt.adjust);
+                return /* @__PURE__ */ 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",
@@ -19996,7 +20420,28 @@ function DecisionCardRenderer({
                         e.currentTarget.style.background = "white";
                       }
                     },
-                    children: opt.label
+                    children: [
+                      opt.label,
+                      adjustable && typeof opt.value === "number" && /* @__PURE__ */ 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__ */ jsx("span", { "aria-hidden": "true", style: { marginLeft: 4, opacity: 0.8 }, children: "\u270E" })
+                          ]
+                        }
+                      )
+                    ]
                   },
                   (_a2 = opt.id) != null ? _a2 : opt.label
                 );
@@ -20035,7 +20480,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"
               ]
             }
           )
@@ -20044,20 +20489,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.useState(initial);
   React45.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;
@@ -20066,7 +20518,7 @@ function DecisionCardResolver(p) {
       window.open(p.source.url, "_blank", "noopener,noreferrer");
     }
   };
-  return /* @__PURE__ */ jsx(ComponentActions, { filename: (_d = p.title) != null ? _d : "decision-card", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ComponentActions, { filename: (_b = p.title) != null ? _b : "decision-card", children: /* @__PURE__ */ jsx(
     DecisionCardRenderer,
     {
       data: p,
@@ -20076,6 +20528,317 @@ function DecisionCardResolver(p) {
     }
   ) });
 }
+init_ThemeContext();
+var CONNECTED_GREEN3 = "#15803d";
+var CONNECTED_GREEN_BG = "#dcfce7";
+var PENDING_AMBER = "#92400e";
+var PENDING_AMBER_BG = "#fff7ed";
+var CARD_TITLE = "Authentication required";
+var TRUST_FOOTER = "Credentials not stored by Adopt";
+var DEFAULT_STEPS = (app, ctaLabel, connected) => connected ? [
+  `Click ${ctaLabel} below to open ${app} in a new tab.`,
+  "Confirm you are signed in \u2014 re-authenticate if prompted.",
+  "Return here \u2014 the request continues automatically."
+] : [
+  `Click ${ctaLabel} below to open the sign-in page.`,
+  `Sign in with your ${app} credentials \u2014 SSO is supported.`,
+  "Return here \u2014 the request resumes automatically."
+];
+function humanizeApp(raw) {
+  const v = raw.trim();
+  if (!v) return v;
+  const looksLikeSlug = /^[a-z0-9]+([_-][a-z0-9]+)*$/.test(v);
+  if (!looksLikeSlug) return v;
+  return v.split(/[_-]+/).map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+}
+function ShieldIcon({ color }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "13",
+      height: "13",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      style: { flexShrink: 0 },
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }),
+        /* @__PURE__ */ jsx("path", { d: "m9 12 2 2 4-4" })
+      ]
+    }
+  );
+}
+function ExternalIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "13",
+      height: "13",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      style: { flexShrink: 0 },
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }),
+        /* @__PURE__ */ jsx("path", { d: "M10 14 21 3" }),
+        /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+      ]
+    }
+  );
+}
+function TabbyAuthResolver(p) {
+  var _a, _b, _c;
+  const { BORDER: BORDER4, MUTED: MUTED2, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2 } = useTheme();
+  const [cardHovered, setCardHovered] = useState(false);
+  const [btnHovered, setBtnHovered] = useState(false);
+  const [imgFailed, setImgFailed] = useState(false);
+  const app = humanizeApp(p.app || "the app");
+  const connected = p.state === "connected";
+  const accent = connected ? CONNECTED_GREEN3 : ACCENT2;
+  const ctaLabel = (_a = p.ctaLabel) != null ? _a : connected ? `Open ${app}` : `Connect ${app}`;
+  const subtitle = p.workspace ? `${app} \xB7 ${p.workspace} workspace` : app;
+  const steps = ((_b = p.steps) == null ? void 0 : _b.length) ? p.steps : DEFAULT_STEPS(app, ctaLabel, connected);
+  const description = (_c = p.description) != null ? _c : connected ? `Your ${app} session is active. Open ${app} to continue, or re-authenticate if prompted.` : `Your ${app} account is not yet connected to this workspace. Complete sign-in once to enable automatic access.`;
+  const iconSrc = p.iconUrl || brandIconUrl(app);
+  const showImg = Boolean(iconSrc) && !imgFailed;
+  const initial = app.charAt(0).toUpperCase();
+  const badge = connected ? { label: "Connected", bg: CONNECTED_GREEN_BG, color: CONNECTED_GREEN3 } : { label: "Pending sign-in", bg: PENDING_AMBER_BG, color: PENDING_AMBER };
+  const sectionPad = "13px 16px";
+  return /* @__PURE__ */ jsx(ComponentActions, { filename: `${app} authentication`, children: /* @__PURE__ */ jsx("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "10px" }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onMouseEnter: () => setCardHovered(true),
+      onMouseLeave: () => setCardHovered(false),
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "stretch",
+        borderRadius: "0.75rem",
+        border: `1px solid ${cardHovered ? "#d2d2d2" : BORDER4}`,
+        background: "white",
+        overflow: "hidden",
+        boxShadow: cardHovered ? "0 1px 3px rgba(0,0,0,0.05), 0 6px 18px rgba(0,0,0,0.06)" : "0 1px 2px rgba(0,0,0,0.03)",
+        transition: "box-shadow 0.18s ease, border-color 0.18s ease"
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { style: { width: "3px", flexShrink: 0, background: accent } }),
+        /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "flex-start",
+                gap: "12px",
+                padding: sectionPad
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      position: "relative",
+                      width: "34px",
+                      height: "34px",
+                      borderRadius: "9px",
+                      flexShrink: 0,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      background: showImg ? "white" : "#fff3ee",
+                      boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.06)",
+                      overflow: "hidden"
+                    },
+                    children: showImg ? /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        src: iconSrc,
+                        alt: app,
+                        onError: () => setImgFailed(true),
+                        style: { width: "22px", height: "22px", objectFit: "contain" }
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontFamily: "var(--font-serif)",
+                          fontSize: "17px",
+                          fontWeight: 400,
+                          color: ACCENT2,
+                          lineHeight: 1
+                        },
+                        children: initial
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: "2px" }, children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        fontFamily: "var(--font-serif)",
+                        fontSize: "15px",
+                        fontWeight: 400,
+                        color: "var(--foreground)",
+                        letterSpacing: "-0.01em",
+                        lineHeight: 1.2
+                      },
+                      children: CARD_TITLE
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        fontSize: "12px",
+                        color: MUTED2,
+                        whiteSpace: "nowrap",
+                        overflow: "hidden",
+                        textOverflow: "ellipsis"
+                      },
+                      children: subtitle
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    style: {
+                      display: "inline-flex",
+                      alignItems: "center",
+                      gap: "5px",
+                      flexShrink: 0,
+                      fontSize: "10.5px",
+                      fontWeight: 600,
+                      padding: "3px 9px",
+                      borderRadius: "9999px",
+                      background: badge.bg,
+                      color: badge.color,
+                      whiteSpace: "nowrap"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            width: "6px",
+                            height: "6px",
+                            borderRadius: "9999px",
+                            background: badge.color
+                          }
+                        }
+                      ),
+                      badge.label
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                borderTop: `1px solid ${BORDER4}`,
+                padding: sectionPad,
+                display: "flex",
+                flexDirection: "column",
+                gap: "12px"
+              },
+              children: [
+                description && /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: "12.5px", lineHeight: 1.5, color: "var(--foreground)" }, children: description }),
+                /* @__PURE__ */ jsx("ol", { style: { margin: 0, padding: 0, listStyle: "none", display: "flex", flexDirection: "column", gap: "8px" }, children: steps.map((step, i) => /* @__PURE__ */ jsxs("li", { style: { display: "flex", alignItems: "flex-start", gap: "10px" }, children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        flexShrink: 0,
+                        width: "18px",
+                        height: "18px",
+                        borderRadius: "9999px",
+                        background: accent,
+                        color: "white",
+                        fontSize: "10.5px",
+                        fontWeight: 600,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        marginTop: "1px"
+                      },
+                      children: i + 1
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { style: { fontSize: "12.5px", lineHeight: 1.45, color: "var(--foreground)" }, children: step })
+                ] }, i)) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                borderTop: `1px solid ${BORDER4}`,
+                padding: sectionPad,
+                background: "#fbfbfb",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: "12px",
+                flexWrap: "wrap"
+              },
+              children: [
+                /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "6px", color: MUTED2, fontSize: "11.5px" }, children: [
+                  /* @__PURE__ */ jsx(ShieldIcon, { color: CONNECTED_GREEN3 }),
+                  TRUST_FOOTER
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "a",
+                  {
+                    href: p.url,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    onMouseEnter: () => setBtnHovered(true),
+                    onMouseLeave: () => setBtnHovered(false),
+                    style: {
+                      display: "inline-flex",
+                      alignItems: "center",
+                      gap: "7px",
+                      flexShrink: 0,
+                      borderRadius: "8px",
+                      padding: "8px 15px",
+                      fontSize: "12.5px",
+                      fontWeight: 600,
+                      textDecoration: "none",
+                      whiteSpace: "nowrap",
+                      cursor: "pointer",
+                      color: "white",
+                      border: "1px solid transparent",
+                      background: btnHovered ? connected ? "#126a33" : ACCENT_SOFT2 : accent,
+                      transition: "background 0.15s ease"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(ExternalIcon, {}),
+                      ctaLabel
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) }) });
+}
 function resolveUI(rawPayload) {
   const payload = coercePayload(rawPayload);
   switch (payload.type) {
@@ -20197,6 +20960,8 @@ function resolveUI(rawPayload) {
       return /* @__PURE__ */ jsx(DocumentFieldExtractionResolver, __spreadValues({}, payload));
     case "decision-card":
       return /* @__PURE__ */ jsx(DecisionCardResolver, __spreadValues({}, payload));
+    case "tabby-auth":
+      return /* @__PURE__ */ jsx(TabbyAuthResolver, __spreadValues({}, payload));
     default: {
       return /* @__PURE__ */ jsx(
         "div",