@flamingo-stack/openframe-frontend-core 0.0.849 → 0.0.851

package/dist/{chunk-4YBS4HIO.cjs → chunk-LM7EL3UQ.cjs}

@@ -5,7 +5,14 @@
 
 
 
-var _chunkYJZ7R3W5cjs = require('./chunk-YJZ7R3W5.cjs');
+
+var _chunkKXFIYO4Ocjs = require('./chunk-KXFIYO4O.cjs');
+
+
+var _chunk4MGDY2AAcjs = require('./chunk-4MGDY2AA.cjs');
+
+
+var _chunkOBGYDNT6cjs = require('./chunk-OBGYDNT6.cjs');
 
 
 var _chunkOEP5KAT6cjs = require('./chunk-OEP5KAT6.cjs');
@@ -14,6 +21,15 @@ var _chunkOEP5KAT6cjs = require('./chunk-OEP5KAT6.cjs');
 var _chunkHFNBMV5Mcjs = require('./chunk-HFNBMV5M.cjs');
 
 
+var _chunkZWXR7MSVcjs = require('./chunk-ZWXR7MSV.cjs');
+
+
+var _chunk7AAW6L5Ucjs = require('./chunk-7AAW6L5U.cjs');
+
+
+var _chunk7WT2C5YYcjs = require('./chunk-7WT2C5YY.cjs');
+
+
 var _chunkBUEEQD3Gcjs = require('./chunk-BUEEQD3G.cjs');
 
 
@@ -44,6 +60,10 @@ var _chunkJQCQCE6Ucjs = require('./chunk-JQCQCE6U.cjs');
 var _chunkGG466XFQcjs = require('./chunk-GG466XFQ.cjs');
 
 
+var _chunkVCFQHPOOcjs = require('./chunk-VCFQHPOO.cjs');
+
+
+
 
 
 
@@ -310,15 +330,15 @@ function TicketStatusTag({
   );
   if (loading || disabled || !options || options.length === 0 || !onSelect) {
     if (!loading && disabled && disabledReason) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYJZ7R3W5cjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYJZ7R3W5cjs.Tooltip, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYJZ7R3W5cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-fit shrink-0 cursor-not-allowed", children: tag }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYJZ7R3W5cjs.TooltipContent, { children: disabledReason })
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKXFIYO4Ocjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKXFIYO4Ocjs.Tooltip, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKXFIYO4Ocjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-fit shrink-0 cursor-not-allowed", children: tag }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKXFIYO4Ocjs.TooltipContent, { children: disabledReason })
       ] }) });
     }
     return tag;
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYJZ7R3W5cjs.ActionsMenuDropdown,
+    _chunkKXFIYO4Ocjs.ActionsMenuDropdown,
     {
       align: "start",
       groups: [
@@ -371,6 +391,70 @@ function TicketStatusTag({
   );
 }
 
+// src/components/ui/alert.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _react = require('react');
+
+var alertVariants = _classvarianceauthority.cva.call(void 0, 
+  "relative w-full rounded-lg border p-4 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+        warning: "border-transparent bg-ods-warning-secondary text-ods-warning [&>svg]:text-ods-warning",
+        error: "border-transparent bg-ods-error-secondary text-ods-error [&>svg]:text-ods-error"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = _react.forwardRef.call(void 0, 
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, role: "alert", className: _chunk63A4GZMBcjs.cn.call(void 0, alertVariants({ variant }), className), ...props })
+);
+Alert.displayName = "Alert";
+var AlertTitle = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h5", { ref, className: _chunk63A4GZMBcjs.cn.call(void 0, "mb-1 font-medium leading-none tracking-tight", className), ...props })
+);
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = _react.forwardRef.call(void 0, 
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk63A4GZMBcjs.cn.call(void 0, "text-h6 [&_p]:leading-relaxed", className), ...props })
+);
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/ui/layout-hold.tsx
+
+var ROUNDED_BAR = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' rx='6'/%3E%3C/svg%3E")`;
+var BAR_MASK = `${ROUNDED_BAR} center / 100% min(1em, calc(1lh - 6px)) no-repeat`;
+var BAR_STYLE = { mask: BAR_MASK, WebkitMask: BAR_MASK };
+function TextHold({ children, variant = "bar", className }) {
+  const bar = variant === "bar";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "aria-hidden": true,
+      className: _chunk63A4GZMBcjs.cn.call(void 0, 
+        // `bar`: the words themselves, unseen, on the skeleton's surface. The span stays INLINE, so the
+        // browser paints one bar per line the words take, each exactly as wide as that line, and
+        // `box-decoration-clone` gives every line its own bar (and its own mask, `BAR_STYLE`). Pure CSS: it
+        // is drawn in the server's HTML, before any script runs (a loading state streamed by the server
+        // is often replaced before it hydrates).
+        bar ? _chunk63A4GZMBcjs.cn.call(void 0, _chunkPMUCEUFQcjs.SKELETON_SURFACE_CLASS, "rounded-md box-decoration-clone text-transparent") : "invisible",
+        // A hold is never selectable or clickable, whatever it wraps.
+        "pointer-events-none select-none",
+        className
+      ),
+      style: bar ? BAR_STYLE : void 0,
+      children
+    }
+  );
+}
+function LayoutHold({ children, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, inert: true, className: _chunk63A4GZMBcjs.cn.call(void 0, "invisible", className), children });
+}
+
 // src/components/ui/status-line.tsx
 
 function StatusLine({ tone, label, className }) {
@@ -408,7 +492,7 @@ function ExpandChevron({ expanded, className }) {
 }
 
 // src/components/chat/hooks/use-collapsible.ts
-var _react = require('react');
+
 function useCollapsible({
   expanded,
   collapsedHeight = 0,
@@ -442,6 +526,243 @@ function useCollapsible({
   };
 }
 
+// src/components/ui/tab-selector.tsx
+
+function TabSelector({
+  value,
+  onValueChange,
+  items,
+  variant = "primary",
+  size = "default",
+  label,
+  disabled,
+  scrollable = false,
+  className
+}) {
+  const flush = _chunkKXFIYO4Ocjs.useIsInActionsMenuHeader.call(void 0, );
+  const compact = size === "compact";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunk63A4GZMBcjs.cn.call(void 0, "flex flex-col gap-[var(--spacing-system-xxs)]", disabled && "opacity-50", className),
+      "aria-disabled": disabled || void 0,
+      children: [
+        label && // Label for family/color; 'large' (text-h4) is this component's
+        // long-standing label scale — neighbours opt into the same scale via
+        // their `labelVariant="large"` when a design puts them side by side.
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVCFQHPOOcjs.Label, { variant: "large", children: label }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _chunk63A4GZMBcjs.cn.call(void 0, 
+              "flex gap-[var(--spacing-system-xxs)] bg-ods-bg p-[var(--spacing-system-xxs)]",
+              flush ? "h-10 w-full" : _chunk63A4GZMBcjs.cn.call(void 0, 
+                "rounded-md border border-ods-border",
+                compact ? "h-10 content-md:h-11" : "h-11 content-md:h-12",
+                scrollable ? "overflow-x-auto" : compact ? "w-auto" : "w-full"
+              )
+            ),
+            children: items.map((item) => {
+              const isActive = value === item.id;
+              const isDisabled = disabled || item.disabled;
+              return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                _chunkFCZAUK4Dcjs.Button,
+                {
+                  variant: "segment",
+                  type: "button",
+                  disabled: isDisabled,
+                  onClick: () => onValueChange(item.id),
+                  "aria-label": !item.label ? item.ariaLabel : void 0,
+                  "aria-pressed": isActive,
+                  "data-state": isActive ? "active" : void 0,
+                  "data-tone": variant === "primary" ? "accent" : void 0,
+                  className: _chunk63A4GZMBcjs.cn.call(void 0, 
+                    "h-full",
+                    compact ? "w-8 flex-none content-md:w-9" : scrollable ? "flex-none shrink-0 basis-auto" : "flex-1"
+                  ),
+                  children: [
+                    item.icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "span",
+                      {
+                        className: _chunk63A4GZMBcjs.cn.call(void 0, 
+                          "flex shrink-0 items-center justify-center",
+                          // compact: the box sizes the icon, whatever size the caller drew it at.
+                          compact ? "size-4 content-md:size-5 [&>svg]:size-full" : "size-4 content-md:size-6"
+                        ),
+                        children: item.icon
+                      }
+                    ),
+                    item.label,
+                    item.badge && item.badge
+                  ]
+                },
+                item.id
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ui/touch-friendly-tooltip.tsx
+
+
+var dismissOpenTooltip = null;
+function TouchFriendlyTooltip({ content, side = "left", children }) {
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  const isTouchRef = _react.useRef.call(void 0, false);
+  const close = _react.useCallback.call(void 0, () => setOpen(false), []);
+  if (!content) return children;
+  const toggleFromTouch = () => {
+    setOpen((prev) => {
+      const next = !prev;
+      if (next) {
+        if (dismissOpenTooltip && dismissOpenTooltip !== close) dismissOpenTooltip();
+        dismissOpenTooltip = close;
+      } else if (dismissOpenTooltip === close) {
+        dismissOpenTooltip = null;
+      }
+      return next;
+    });
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKXFIYO4Ocjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKXFIYO4Ocjs.Tooltip, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkKXFIYO4Ocjs.TooltipTrigger,
+      {
+        asChild: true,
+        onPointerDown: (e) => {
+          isTouchRef.current = e.pointerType === "touch";
+          if (!isTouchRef.current) return;
+          e.preventDefault();
+          toggleFromTouch();
+        },
+        onFocus: (e) => {
+          if (isTouchRef.current) e.preventDefault();
+        },
+        onClick: (e) => {
+          if (isTouchRef.current) e.preventDefault();
+        },
+        children
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKXFIYO4Ocjs.TooltipContent, { side, className: "max-w-xs", children: content })
+  ] }) });
+}
+
+// src/components/features/approval-level.tsx
+
+var APPROVAL_LEVELS = ["ALLOW", "ASK_USER", "ASK_TECHNICIAN", "DENY"];
+var APPROVAL_LEVEL_META = {
+  ALLOW: {
+    label: "Allow",
+    hint: "Runs on its own. You get a summary after.",
+    Icon: _chunkHFNBMV5Mcjs.CheckCircleIcon,
+    toneClassName: "text-ods-success"
+  },
+  ASK_USER: {
+    label: "Ask User",
+    hint: "Asks the person at the computer first.",
+    Icon: _chunk4MGDY2AAcjs.UserCheckIcon,
+    toneClassName: "text-ods-warning"
+  },
+  ASK_TECHNICIAN: {
+    label: "Ask Technician",
+    hint: "Asks a technician first. Nothing runs until they approve.",
+    Icon: _chunkOBGYDNT6cjs.ShieldCheckIcon,
+    toneClassName: "text-ods-warning"
+  },
+  DENY: { label: "Restrict", hint: "Never runs.", Icon: _chunkZWXR7MSVcjs.BannedIcon, toneClassName: "text-ods-error" }
+};
+var ICON_PX = 24;
+var READ_ONLY_ROW_CLASS = "inline-flex shrink-0 items-center gap-[var(--spacing-system-xxs)]";
+var EDITABLE_ROW_CLASS = "flex shrink-0 items-center gap-[var(--spacing-system-xxs)] content-md:gap-[var(--spacing-system-m)]";
+var EDITABLE_NAME_ORDER_CLASS = "order-last content-md:order-none";
+var READ_ONLY_ICON_BOX_CLASS = "[&>*]:!size-4 content-md:[&>*]:!size-6";
+var READ_ONLY_NAME_CLASS = "whitespace-nowrap text-ods-text-primary text-h4";
+var LEVEL_NAME_CLASS = "whitespace-nowrap text-h6";
+var EDITABLE_ICON_PX = 20;
+var LONGEST_LEVEL_LABEL = APPROVAL_LEVELS.map((level) => APPROVAL_LEVEL_META[level].label).reduce(
+  (a, b) => b.length > a.length ? b : a
+);
+function levelItems(inForce) {
+  return APPROVAL_LEVELS.map((level) => {
+    const { label, Icon } = APPROVAL_LEVEL_META[level];
+    const tone = level === inForce ? "text-ods-text-primary" : "text-ods-text-secondary";
+    return { id: level, ariaLabel: label, icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { size: EDITABLE_ICON_PX, className: tone, "aria-hidden": true }) };
+  });
+}
+function ApprovalLevelView({
+  value,
+  editable,
+  onChange,
+  disabled = false,
+  showLabel = true,
+  "aria-labelledby": labelledBy,
+  loading = false,
+  className
+}) {
+  const canEdit = _nullishCoalesce(editable, () => ( onChange !== void 0));
+  if (_chunk63A4GZMBcjs.useLoadingScope.call(void 0, ) || loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ApprovalLevelSkeleton, { editable: canEdit, showLabel, className });
+  }
+  const current = APPROVAL_LEVEL_META[value];
+  if (!canEdit) {
+    const icon = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk63A4GZMBcjs.cn.call(void 0, "inline-flex shrink-0", READ_ONLY_ICON_BOX_CLASS, current.toneClassName), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, current.Icon, { size: ICON_PX, "aria-hidden": true }),
+      !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: current.label })
+    ] });
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk63A4GZMBcjs.cn.call(void 0, READ_ONLY_ROW_CLASS, className), children: [
+      showLabel ? icon : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TouchFriendlyTooltip, { content: `${current.label}: ${current.hint}`, side: "top", children: icon }),
+      showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: READ_ONLY_NAME_CLASS, children: current.label })
+    ] });
+  }
+  const name = showLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk63A4GZMBcjs.cn.call(void 0, LEVEL_NAME_CLASS, EDITABLE_NAME_ORDER_CLASS, current.toneClassName), children: current.label }) : null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, EDITABLE_ROW_CLASS, className), children: [
+    name,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "group", "aria-labelledby": labelledBy, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      TabSelector,
+      {
+        variant: "secondary",
+        size: "compact",
+        value,
+        disabled,
+        onValueChange: (next) => {
+          if (next !== value) _optionalChain([onChange, 'optionalCall', _ => _(next)]);
+        },
+        items: levelItems(value),
+        className: "w-auto"
+      }
+    ) })
+  ] });
+}
+function ApprovalLevelSkeleton({ editable = false, showLabel = true, className }) {
+  if (!editable) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "aria-hidden": true, className: _chunk63A4GZMBcjs.cn.call(void 0, READ_ONLY_ROW_CLASS, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk63A4GZMBcjs.cn.call(void 0, "inline-flex shrink-0", READ_ONLY_ICON_BOX_CLASS), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { as: "span", className: "inline-block shrink-0 rounded-sm", width: ICON_PX, height: ICON_PX }) }),
+      showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: READ_ONLY_NAME_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextHold, { children: LONGEST_LEVEL_LABEL }) })
+    ] });
+  }
+  const name = showLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk63A4GZMBcjs.cn.call(void 0, LEVEL_NAME_CLASS, EDITABLE_NAME_ORDER_CLASS), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextHold, { children: LONGEST_LEVEL_LABEL }) }) : null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "aria-hidden": true, inert: true, className: _chunk63A4GZMBcjs.cn.call(void 0, EDITABLE_ROW_CLASS, className), children: [
+    name,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      TabSelector,
+      {
+        variant: "secondary",
+        size: "compact",
+        value: "",
+        disabled: true,
+        onValueChange: () => {
+        },
+        items: levelItems(void 0),
+        className: "w-auto"
+      }
+    )
+  ] });
+}
+
 // src/components/chat/utils/tool-call-helpers.ts
 var COMMAND_BODY_ARG_KEYS = ["command", "query", "script", "scriptContent", "code"];
 function getToolCallTitle(opts) {
@@ -496,7 +817,7 @@ function expandJson(value, indent) {
 function expandedJsonStringify(value) {
   try {
     return expandJson(value, 0);
-  } catch (e) {
+  } catch (e2) {
     return String(value);
   }
 }
@@ -510,7 +831,7 @@ function formatToolArgValue(value) {
     if (trimmed.startsWith("{") && trimmed.endsWith("}") || trimmed.startsWith("[") && trimmed.endsWith("]")) {
       try {
         return { kind: "block", text: expandedJsonStringify(JSON.parse(trimmed)), language: "json" };
-      } catch (e2) {
+      } catch (e3) {
       }
     }
     if (value.includes("\n") || value.length > INLINE_STRING_MAX) {
@@ -531,7 +852,7 @@ function formatToolResult(value) {
   if (trimmed.startsWith("{") && trimmed.endsWith("}") || trimmed.startsWith("[") && trimmed.endsWith("]")) {
     try {
       return { kind: "block", text: expandedJsonStringify(JSON.parse(trimmed)), language: "json" };
-    } catch (e3) {
+    } catch (e4) {
     }
   }
   if (body.includes("\n") || body.length > INLINE_STRING_MAX) {
@@ -588,6 +909,63 @@ function CommandBlock({ command, className }) {
 var CHAT_BLOCK_FRAME_CLASS = "rounded-lg border border-ods-border bg-ods-bg";
 var CHAT_BLOCK_CLASS = `${CHAT_BLOCK_FRAME_CLASS} flex flex-col gap-[var(--spacing-system-xsf)] p-[var(--spacing-system-sf)]`;
 
+// src/components/chat/policy-review.tsx
+
+var RULE_DECISIONS = /* @__PURE__ */ new Set(["DENY", "SOFT_DENY", "HARD_DENY"]);
+function isPolicyEscalated(review) {
+  if (!review) return false;
+  return review.decision ? RULE_DECISIONS.has(review.decision) : review.matchedRules.length > 0;
+}
+function policyLevelText(review) {
+  const level = _nullishCoalesce(review.policyLevel, () => ( (isPolicyEscalated(review) ? void 0 : review.approvalLevel)));
+  if (!level) return void 0;
+  const label = APPROVAL_LEVEL_META[level].label;
+  return review.decision === "FALLBACK" ? `${label} (Unmatched Actions)` : label;
+}
+function hasPolicyReviewRows(review) {
+  return !!review && (!!policyLevelText(review) || review.operationCodes.length > 0);
+}
+function PolicyReviewRows({ review, className }) {
+  const level = policyLevelText(review);
+  if (!hasPolicyReviewRows(review)) return null;
+  return (
+    // A plain block: the rows stack on their own, and a nested flex column costs WebKit a layout pass (WEBVIEW-001).
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, "w-full", className), children: [
+      level && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArgRow, { argKey: "Guardrail Policy", value: level }),
+      review.operationCodes.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArgRow, { argKey: "Operations", value: review.operationCodes.join(", ") })
+    ] })
+  );
+}
+function PolicyEscalationAlert({
+  review,
+  className
+}) {
+  if (!review || !isPolicyEscalated(review)) return null;
+  const description = _nullishCoalesce(review.reason, () => ( review.matchedRules.map((rule) => rule.label).join(", ")));
+  return (
+    // A note, not an `alert`: it is part of the thread, read in place, and a live region would interrupt the reader
+    // for every escalated call on each replay of the history.
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      Alert,
+      {
+        role: "note",
+        variant: "warning",
+        className: _chunk63A4GZMBcjs.cn.call(void 0, 
+          "flex items-center gap-[var(--spacing-system-m)] rounded-none border-0 p-[var(--spacing-system-m)]",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex shrink-0", "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AAW6L5Ucjs.AlertTriangleIcon, { size: 20 }) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid min-w-0 flex-1 grid-cols-1 gap-[var(--spacing-system-xxs)]", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "break-words text-h3", children: "Mingo Escalated" }),
+            description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "break-words text-h6", children: description })
+          ] })
+        ]
+      }
+    )
+  );
+}
+
 // src/components/chat/approval-batch-message.tsx
 
 var COMMAND_BODY_KEYS = new Set(COMMAND_BODY_ARG_KEYS);
@@ -610,21 +988,35 @@ function getArgEntries(call) {
 }
 function ExecutionStatusIcon({
   batchStatus,
-  execution
+  execution,
+  escalated
 }) {
+  if (batchStatus === "pending" && escalated)
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7WT2C5YYcjs.AlertCircleIcon, { className: "h-4 w-4 text-ods-warning", "aria-hidden": true });
   if (batchStatus !== "approved") return null;
   if (!execution || execution.status === "executing")
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOEP5KAT6cjs.DotsLoaderIcon, { size: 16, className: "text-ods-text-secondary" });
   if (execution.success === false) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUHKTWGBcjs.XmarkCircleIcon, { className: "h-4 w-4 text-ods-error" });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHFNBMV5Mcjs.CheckCircleIcon, { className: "h-4 w-4 text-ods-success" });
 }
-function ToolCallRow({ call, expanded, onToggle, batchStatus, execution, showExecutionStatus }) {
+function ToolCallRow({
+  call,
+  expanded,
+  onToggle,
+  batchStatus,
+  execution,
+  showExecutionStatus,
+  showEscalationAlert
+}) {
   const command = getCommandText(call);
   const args = getArgEntries(call);
   const toolType = call.toolType || "OPENFRAME";
   const { innerRef, containerStyle } = useCollapsible({ expanded });
-  const result = _optionalChain([execution, 'optionalAccess', _ => _.status]) === "done" ? execution.result : void 0;
-  const hasExpandableBody = args.length > 0 || typeof result === "string" && result.length > 0;
+  const result = _optionalChain([execution, 'optionalAccess', _2 => _2.status]) === "done" ? execution.result : void 0;
+  const review = call.policyReview;
+  const escalated = isPolicyEscalated(review);
+  const reviewRows = hasPolicyReviewRows(review);
+  const hasExpandableBody = args.length > 0 || reviewRows || typeof result === "string" && result.length > 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start border-b border-ods-border bg-ods-card last:border-b-0", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFCZAUK4Dcjs.Button, { variant: "row", type: "button", onClick: onToggle, "aria-expanded": expanded, className: "rounded-none", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBUEEQD3Gcjs.ToolIcon, { toolType, size: 16 }) }),
@@ -638,19 +1030,27 @@ function ToolCallRow({ call, expanded, onToggle, batchStatus, execution, showExe
           children: command
         }
       ),
-      showExecutionStatus && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExecutionStatusIcon, { batchStatus, execution }) }),
+      (showExecutionStatus || batchStatus === "pending" && escalated) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExecutionStatusIcon, { batchStatus, execution, escalated }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExpandChevron, { expanded }) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: innerRef, children: hasExpandableBody && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start gap-0 bg-ods-card px-[var(--spacing-system-sf)] pb-[var(--spacing-system-sf)] text-h6", children: [
       args.map(([key, value]) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArgRow, { argKey: key, value }, key)),
+      reviewRows && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        PolicyReviewRows,
+        {
+          review,
+          className: args.length > 0 ? "mt-[var(--spacing-system-xsf)]" : void 0
+        }
+      ),
       result && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         ResultBlock,
         {
           result,
-          className: args.length > 0 ? "mt-[var(--spacing-system-xsf)]" : void 0
+          className: args.length > 0 || reviewRows ? "mt-[var(--spacing-system-xsf)]" : void 0
         }
       )
-    ] }) }) })
+    ] }) }) }),
+    showEscalationAlert && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PolicyEscalationAlert, { review, className: "border-t border-ods-border" })
   ] });
 }
 var ApprovalBatchLoading = _react.forwardRef.call(void 0, 
@@ -739,6 +1139,7 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
     assistantType: _assistantType,
     variant = "admin",
     showFooterActions = true,
+    showEscalationAlerts = true,
     ...props
   }, ref) => {
     const [expandedId, setExpandedId] = _react.useState.call(void 0, null);
@@ -757,11 +1158,12 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
         }
       );
     }
-    const explanations = data.toolCalls.map((c) => _optionalChain([c, 'access', _2 => _2.toolExplanation, 'optionalAccess', _3 => _3.trim, 'call', _4 => _4()])).filter((s) => !!s);
+    const explanations = data.toolCalls.map((c) => _optionalChain([c, 'access', _3 => _3.toolExplanation, 'optionalAccess', _4 => _4.trim, 'call', _5 => _5()])).filter((s) => !!s);
+    const escalated = !isClient && data.toolCalls.some((c) => isPolicyEscalated(c.policyReview));
     const handleApprove = async () => {
       setIsProcessing(true);
       try {
-        await _optionalChain([onApprove, 'optionalCall', _5 => _5(data.approvalRequestId)]);
+        await _optionalChain([onApprove, 'optionalCall', _6 => _6(data.approvalRequestId)]);
       } finally {
         setIsProcessing(false);
       }
@@ -769,7 +1171,7 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
     const handleReject = async () => {
       setIsProcessing(true);
       try {
-        await _optionalChain([onReject, 'optionalCall', _6 => _6(data.approvalRequestId)]);
+        await _optionalChain([onReject, 'optionalCall', _7 => _7(data.approvalRequestId)]);
       } finally {
         setIsProcessing(false);
       }
@@ -779,12 +1181,12 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
         _chunkFCZAUK4Dcjs.Button,
         {
           size: "small-legacy",
-          variant: "accent",
+          variant: escalated ? "warning" : "accent",
           onClick: handleApprove,
           disabled: isProcessing,
           className: _chunk63A4GZMBcjs.cn.call(void 0, 
-            "bg-ods-accent hover:bg-ods-accent/90",
-            "text-ods-bg text-h5",
+            !escalated && "bg-ods-accent text-ods-bg hover:bg-ods-accent/90",
+            "text-h5",
             "h-8 px-[var(--spacing-system-xsf)]"
           ),
           children: "Approve"
@@ -807,7 +1209,7 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
       )
     ] });
     if (isClient) {
-      const titles = data.toolCalls.map((c) => _optionalChain([c, 'access', _7 => _7.toolExplanation, 'optionalAccess', _8 => _8.trim, 'call', _9 => _9()]) || _optionalChain([c, 'access', _10 => _10.toolTitle, 'optionalAccess', _11 => _11.trim, 'call', _12 => _12()])).filter((s) => !!s);
+      const titles = data.toolCalls.map((c) => _optionalChain([c, 'access', _8 => _8.toolExplanation, 'optionalAccess', _9 => _9.trim, 'call', _10 => _10()]) || _optionalChain([c, 'access', _11 => _11.toolTitle, 'optionalAccess', _12 => _12.trim, 'call', _13 => _13()])).filter((s) => !!s);
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunk63A4GZMBcjs.cn.call(void 0, "mb-[var(--spacing-system-xsf)]", CHAT_BLOCK_CLASS, className), ...props, children: [
         titles.length > 0 ? titles.map((title, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full whitespace-pre-line break-words text-ods-text-primary text-h4", children: title }, i)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full text-ods-text-primary text-h4", children: "Approval required" }),
         showFooterActions && status === "pending" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ApprovalWaitingLine, {}),
@@ -838,7 +1240,8 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
                   expanded: expandedId === call.toolExecutionRequestId,
                   onToggle: () => setExpandedId((prev) => prev === call.toolExecutionRequestId ? null : call.toolExecutionRequestId),
                   batchStatus: status,
-                  execution: _optionalChain([data, 'access', _13 => _13.executions, 'optionalAccess', _14 => _14[call.toolExecutionRequestId]]),
+                  showEscalationAlert: showEscalationAlerts,
+                  execution: _optionalChain([data, 'access', _14 => _14.executions, 'optionalAccess', _15 => _15[call.toolExecutionRequestId]]),
                   showExecutionStatus
                 },
                 call.toolExecutionRequestId
@@ -868,10 +1271,10 @@ ApprovalBatchMessage.displayName = "ApprovalBatchMessage";
 
 function AgentMark({ agent, className = "", color = _chunkJBTH3O2Ccjs.AGENT_GLYPH_COLOR }) {
   const identity = _chunkJBTH3O2Ccjs.useAgentIdentityIcon.call(void 0, agent);
-  if (_optionalChain([identity, 'optionalAccess', _15 => _15.url])) {
+  if (_optionalChain([identity, 'optionalAccess', _16 => _16.url])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunk63A4GZMBcjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGG466XFQcjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: _chunkJQCQCE6Ucjs.fixedImageSlot.call(void 0, "mark"), className: _chunkJBTH3O2Ccjs.AGENT_PICTURE_CLASS }) });
   }
-  if (_optionalChain([identity, 'optionalAccess', _16 => _16.name])) {
+  if (_optionalChain([identity, 'optionalAccess', _17 => _17.name])) {
     return _react.createElement.call(void 0, _chunkJQCQCE6Ucjs.resolveIcon.call(void 0, identity.name), {
       className,
       "aria-hidden": true,
@@ -924,4 +1327,18 @@ function AgentAvatarSkeleton({ size, className }) {
 
 
 
-exports.formatTicketRelativeTime = formatTicketRelativeTime; exports.formatTicketFullTimestamp = formatTicketFullTimestamp; exports.formatRelativeTime = formatRelativeTime; exports.formatRelativeTimeFrom = formatRelativeTimeFrom; exports.formatAbsoluteDate = formatAbsoluteDate; exports.formatDateTime = formatDateTime; exports.getDetailedTimeDifference = getDetailedTimeDifference; exports.isToday = isToday; exports.isWithinMinutes = isWithinMinutes; exports.createUTCTimestamp = createUTCTimestamp; exports.ColorSwatch = ColorSwatch; exports.resolveTicketStatus = resolveTicketStatus; exports.getTicketStatusConfig = getTicketStatusConfig; exports.getTicketStatusTag = getTicketStatusTag; exports.kindToCanonicalStatus = kindToCanonicalStatus; exports.usesCanonicalStatusStyle = usesCanonicalStatusStyle; exports.resolveStatusTagProps = resolveStatusTagProps; exports.TicketStatusTag = TicketStatusTag; exports.StatusLine = StatusLine; exports.CHAT_BLOCK_FRAME_CLASS = CHAT_BLOCK_FRAME_CLASS; exports.CHAT_BLOCK_CLASS = CHAT_BLOCK_CLASS; exports.ExpandChevron = ExpandChevron; exports.useCollapsible = useCollapsible; exports.COMMAND_BODY_ARG_KEYS = COMMAND_BODY_ARG_KEYS; exports.getCommandText = getCommandText; exports.ArgRow = ArgRow; exports.ResultBlock = ResultBlock; exports.CommandBlock = CommandBlock; exports.ApprovalStatusTag = ApprovalStatusTag; exports.ApprovalWaitingLine = ApprovalWaitingLine; exports.ApprovalBatchMessage = ApprovalBatchMessage; exports.AgentMark = AgentMark; exports.AgentAvatar = AgentAvatar;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.formatTicketRelativeTime = formatTicketRelativeTime; exports.formatTicketFullTimestamp = formatTicketFullTimestamp; exports.formatRelativeTime = formatRelativeTime; exports.formatRelativeTimeFrom = formatRelativeTimeFrom; exports.formatAbsoluteDate = formatAbsoluteDate; exports.formatDateTime = formatDateTime; exports.getDetailedTimeDifference = getDetailedTimeDifference; exports.isToday = isToday; exports.isWithinMinutes = isWithinMinutes; exports.createUTCTimestamp = createUTCTimestamp; exports.ColorSwatch = ColorSwatch; exports.resolveTicketStatus = resolveTicketStatus; exports.getTicketStatusConfig = getTicketStatusConfig; exports.getTicketStatusTag = getTicketStatusTag; exports.kindToCanonicalStatus = kindToCanonicalStatus; exports.usesCanonicalStatusStyle = usesCanonicalStatusStyle; exports.resolveStatusTagProps = resolveStatusTagProps; exports.TicketStatusTag = TicketStatusTag; exports.Alert = Alert; exports.AlertTitle = AlertTitle; exports.AlertDescription = AlertDescription; exports.TextHold = TextHold; exports.LayoutHold = LayoutHold; exports.StatusLine = StatusLine; exports.CHAT_BLOCK_FRAME_CLASS = CHAT_BLOCK_FRAME_CLASS; exports.CHAT_BLOCK_CLASS = CHAT_BLOCK_CLASS; exports.ExpandChevron = ExpandChevron; exports.useCollapsible = useCollapsible; exports.TabSelector = TabSelector; exports.TouchFriendlyTooltip = TouchFriendlyTooltip; exports.APPROVAL_LEVELS = APPROVAL_LEVELS; exports.APPROVAL_LEVEL_META = APPROVAL_LEVEL_META; exports.ApprovalLevelView = ApprovalLevelView; exports.COMMAND_BODY_ARG_KEYS = COMMAND_BODY_ARG_KEYS; exports.getCommandText = getCommandText; exports.ArgRow = ArgRow; exports.ResultBlock = ResultBlock; exports.CommandBlock = CommandBlock; exports.isPolicyEscalated = isPolicyEscalated; exports.hasPolicyReviewRows = hasPolicyReviewRows; exports.PolicyReviewRows = PolicyReviewRows; exports.PolicyEscalationAlert = PolicyEscalationAlert; exports.ApprovalStatusTag = ApprovalStatusTag; exports.ApprovalWaitingLine = ApprovalWaitingLine; exports.ApprovalBatchMessage = ApprovalBatchMessage; exports.AgentMark = AgentMark; exports.AgentAvatar = AgentAvatar;