@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/chunk-SMEX3BWO.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkXZJCBIYRcjs = require('./chunk-XZJCBIYR.cjs');
+
+
+
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
+
+
+
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+
+// src/components/ui/checkbox.tsx
+var _reactcheckbox = require('@radix-ui/react-checkbox'); var CheckboxPrimitive = _interopRequireWildcard(_reactcheckbox);
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function booleanCheckedChange(handler) {
+  return handler ? (checked) => handler(checked === true) : void 0;
+}
+var CHECKBOX_BOX_CLASS = `${_chunkYNDH72VUcjs.CONTROL_SIZE.checkbox} shrink-0 rounded-sm`;
+var Checkbox = _react.forwardRef.call(void 0, 
+  ({ className, boxClassName, indicatorClassName, onCheckedChange, loading: loadingProp, ...props }, ref) => {
+    const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || !!loadingProp;
+    if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: _chunkN6YCOBLKcjs.cn.call(void 0, CHECKBOX_BOX_CLASS, boxClassName) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      CheckboxPrimitive.Root,
+      {
+        ref,
+        onCheckedChange: booleanCheckedChange(onCheckedChange),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+          CHECKBOX_BOX_CLASS,
+          boxClassName,
+          "peer border border-ods-border bg-ods-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-ods-accent data-[state=checked]:bg-ods-accent",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxPrimitive.Indicator, { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex items-center justify-center text-ods-text-on-accent"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZJCBIYRcjs.CheckboxCheckmarkIcon, { size: 10, className: indicatorClassName }) })
+      }
+    );
+  }
+);
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+
+
+
+
+exports.booleanCheckedChange = booleanCheckedChange; exports.CHECKBOX_BOX_CLASS = CHECKBOX_BOX_CLASS; exports.Checkbox = Checkbox;

package/dist/{chunk-FL2RMEDX.cjs → chunk-T4ZVKEDP.cjs}

@@ -1,22 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
 // src/components/ui/label.tsx
 var _reactlabel = require('@radix-ui/react-label'); var LabelPrimitive = _interopRequireWildcard(_reactlabel);
 var _classvarianceauthority = require('class-variance-authority');
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var labelVariants = _classvarianceauthority.cva.call(void 0, "block text-ods-text-primary text-h6", {
+var LABEL_TEXT_CLASS = "block text-ods-text-primary text-h6";
+var labelVariants = _classvarianceauthority.cva.call(void 0, "", {
   variants: {
     variant: {
-      default: "",
+      default: LABEL_TEXT_CLASS,
       /** @deprecated alias of `default` — the three small scales converged on text-h6. */
-      small: "",
+      small: LABEL_TEXT_CLASS,
       /** @deprecated alias of `default`. */
-      medium: "",
-      large: "text-h4"
+      medium: LABEL_TEXT_CLASS,
+      large: _chunkN6YCOBLKcjs.cn.call(void 0, LABEL_TEXT_CLASS, "text-h4"),
+      /** A click surface that labels its control: no typography, the site's `className` is its look. */
+      surface: ""
     },
     spacing: {
       none: "",
@@ -30,7 +33,7 @@ var labelVariants = _classvarianceauthority.cva.call(void 0, "block text-ods-tex
     spacing: "none"
   }
 });
-var Label = _react.forwardRef.call(void 0, ({ className, variant, spacing, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LabelPrimitive.Root, { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, labelVariants({ variant, spacing }), className), ...props }));
+var Label = _react.forwardRef.call(void 0, ({ className, variant, spacing, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LabelPrimitive.Root, { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, labelVariants({ variant, spacing }), className), ...props }));
 Label.displayName = LabelPrimitive.Root.displayName;
 
 

package/dist/{chunk-LBGAHB6X.cjs → chunk-T7SDYBST.cjs}

@@ -5,7 +5,7 @@
 
 
 
-var _chunkLELS4XMXcjs = require('./chunk-LELS4XMX.cjs');
+var _chunkVZKAAXU3cjs = require('./chunk-VZKAAXU3.cjs');
 
 
 var _chunkC7GIHB3Vcjs = require('./chunk-C7GIHB3V.cjs');
@@ -14,7 +14,7 @@ var _chunkC7GIHB3Vcjs = require('./chunk-C7GIHB3V.cjs');
 var _chunkHFNBMV5Mcjs = require('./chunk-HFNBMV5M.cjs');
 
 
-var _chunk64KBI5MIcjs = require('./chunk-64KBI5MI.cjs');
+var _chunk2OYKOHFKcjs = require('./chunk-2OYKOHFK.cjs');
 
 
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
@@ -25,32 +25,33 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunk3ZLPYEL5cjs = require('./chunk-3ZLPYEL5.cjs');
+var _chunkQ7HXTF2Ccjs = require('./chunk-Q7HXTF2C.cjs');
 
 
 
 
 
-var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
+var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
 
 
 var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
 
 
-var _chunkTUAATMUEcjs = require('./chunk-TUAATMUE.cjs');
+var _chunkIYU2ZH2Jcjs = require('./chunk-IYU2ZH2J.cjs');
 
 
-var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
+var _chunk3VINTJPEcjs = require('./chunk-3VINTJPE.cjs');
 
 
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
 
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
+var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
 // src/utils/date-utils.ts
 var ZONED_DATE_FIELDS_MEDIUM_DATETIME = {
@@ -70,12 +71,12 @@ function formatTicketRelativeTime(iso) {
   if (diffMin < 60) return `${diffMin} min ago`;
   const diffHours = Math.floor(diffMin / 60);
   if (diffHours < 24) return diffHours === 1 ? "1 hour ago" : `${diffHours} hours ago`;
-  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, date, _chunkBNUZKBNVcjs.VIEWER_TIMEZONE, "numeric", { viewerLocale: true });
+  return _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, date, _chunkAFJEUBDScjs.VIEWER_TIMEZONE, "numeric", { viewerLocale: true });
 }
 function formatTicketFullTimestamp(iso) {
-  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, 
+  return _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, 
     iso,
-    _chunkBNUZKBNVcjs.VIEWER_TIMEZONE,
+    _chunkAFJEUBDScjs.VIEWER_TIMEZONE,
     { year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "2-digit" },
     { viewerLocale: true }
   );
@@ -104,7 +105,7 @@ function formatRelativeTimeFrom(timestamp, now) {
     const weeks = Math.floor(diffInDays / 7);
     return `${weeks}w ago`;
   }
-  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, targetTime, null, {
+  return _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, targetTime, null, {
     month: "short",
     day: "numeric",
     year: targetTime.getUTCFullYear() !== now.getUTCFullYear() ? "numeric" : void 0
@@ -116,7 +117,7 @@ function formatAbsoluteDate(timestamp, options = {}) {
     console.warn("\u26A0\uFE0F Invalid timestamp in formatAbsoluteDate:", timestamp);
     return "Invalid date";
   }
-  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
+  return _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
     year: "numeric",
     month: "short",
     day: "numeric",
@@ -129,7 +130,7 @@ function formatDateTime(timestamp, options = {}) {
     console.warn("\u26A0\uFE0F Invalid timestamp in formatDateTime:", timestamp);
     return "Invalid date";
   }
-  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
+  return _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
     ...ZONED_DATE_FIELDS_MEDIUM_DATETIME,
     ...options
   });
@@ -172,15 +173,10 @@ function createUTCTimestamp() {
 
 // src/components/ui/color-swatch.tsx
 var _jsxruntime = require('react/jsx-runtime');
+var SWATCH_CLASS = "inline-block size-4 shrink-0 rounded-sm";
 function ColorSwatch({ color, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "span",
-    {
-      "aria-hidden": true,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, "inline-block size-4 shrink-0 rounded-sm", className),
-      style: { backgroundColor: color }
-    }
-  );
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { "aria-hidden": true, className: _chunkN6YCOBLKcjs.cn.call(void 0, SWATCH_CLASS, className) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": true, className: _chunkN6YCOBLKcjs.cn.call(void 0, SWATCH_CLASS, className), style: { backgroundColor: color } });
 }
 
 // src/components/ui/ticket-status-tag.tsx
@@ -286,37 +282,40 @@ function TicketStatusTag({
   onSelect,
   isPending = false,
   disabled = false,
-  disabledReason
+  disabledReason,
+  loading: loadingProp = false
 }) {
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
   const config = getTicketStatusConfig(status);
   const customStyle = color ? {
     "--tag-bg": color,
-    "--tag-bg-hover": _chunk3ZLPYEL5cjs.deriveHoverColor.call(void 0, color),
-    "--tag-bg-active": _chunk3ZLPYEL5cjs.deriveActiveColor.call(void 0, color),
-    color: _chunk3ZLPYEL5cjs.getReadableTextColor.call(void 0, color)
+    "--tag-bg-hover": _chunkQ7HXTF2Ccjs.deriveHoverColor.call(void 0, color),
+    "--tag-bg-active": _chunkQ7HXTF2Ccjs.deriveActiveColor.call(void 0, color),
+    color: _chunkQ7HXTF2Ccjs.getReadableTextColor.call(void 0, color)
   } : void 0;
   const customColorClasses = color ? "bg-[var(--tag-bg)] hover:bg-[var(--tag-bg-hover)] active:bg-[var(--tag-bg-active)]" : void 0;
   const tag = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBNUZKBNVcjs.Tag,
+    _chunkAFJEUBDScjs.Tag,
     {
+      loading,
       label: _nullishCoalesce(label, () => ( config.label)),
       variant: _nullishCoalesce(variant, () => ( config.variant)),
       icon: showIcon ? config.icon : void 0,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, "w-fit shrink-0", customColorClasses, className),
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, "w-fit shrink-0", customColorClasses, className),
       style: customStyle
     }
   );
-  if (disabled || !options || options.length === 0 || !onSelect) {
-    if (disabled && disabledReason) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLELS4XMXcjs.Tooltip, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.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, _chunkLELS4XMXcjs.TooltipContent, { children: disabledReason })
+  if (loading || disabled || !options || options.length === 0 || !onSelect) {
+    if (!loading && disabled && disabledReason) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVZKAAXU3cjs.Tooltip, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.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, _chunkVZKAAXU3cjs.TooltipContent, { children: disabledReason })
       ] }) });
     }
     return tag;
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkLELS4XMXcjs.ActionsMenuDropdown,
+    _chunkVZKAAXU3cjs.ActionsMenuDropdown,
     {
       align: "start",
       groups: [
@@ -330,31 +329,40 @@ function TicketStatusTag({
           }))
         }
       ],
-      customTrigger: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "button",
-        {
-          type: "button",
-          disabled: isPending,
-          "aria-label": "Change status",
-          style: customStyle,
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
-            // Reuse the tag's variant styling, but split into a label section and a
-            // separated chevron section (the common dropdown-button seam).
-            _chunkBNUZKBNVcjs.tagVariants.call(void 0, { variant: _nullishCoalesce(variant, () => ( config.variant)) }),
-            "w-fit shrink-0 items-stretch justify-start gap-0 overflow-hidden p-0",
-            "disabled:cursor-not-allowed disabled:opacity-60",
-            // Custom color: bg/hover/active from the CSS vars set above.
-            customColorClasses,
-            className
-          ),
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-[var(--spacing-system-xxs)] px-[var(--spacing-system-xsf)]", children: [
-              showIcon && config.icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex size-5 shrink-0 items-center justify-center", children: config.icon }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate", children: _nullishCoalesce(label, () => ( config.label)) })
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex items-center justify-center self-stretch border-l border-ods-border px-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKI6NKOEcjs.Chevron02DownIcon, { className: "size-4 shrink-0" }) })
-          ]
-        }
+      customTrigger: (
+        // The tag IS the control's look (its status colour), so the button contributes the click, the focus ring and
+        // the menu semantics and no surface of its own (`glyph` + `wrap`).
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkCDBFQVPAcjs.Button,
+          {
+            variant: "glyph",
+            size: "wrap",
+            type: "button",
+            disabled: isPending,
+            "aria-label": "Change status",
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, "w-fit shrink-0", className),
+            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "span",
+              {
+                style: customStyle,
+                className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+                  // The tag's variant styling, split into a label section and a separated chevron section (the common
+                  // dropdown-button seam). Custom color: bg/hover/active from the CSS vars set above.
+                  _chunkAFJEUBDScjs.tagVariants.call(void 0, { variant: _nullishCoalesce(variant, () => ( config.variant)) }),
+                  "items-stretch justify-start gap-0 overflow-hidden p-0",
+                  customColorClasses
+                ),
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-[var(--spacing-system-xxs)] px-[var(--spacing-system-xsf)]", children: [
+                    showIcon && config.icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex size-5 shrink-0 items-center justify-center", children: config.icon }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate", children: _nullishCoalesce(label, () => ( config.label)) })
+                  ] }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex items-center justify-center self-stretch border-l border-ods-border px-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKI6NKOEcjs.Chevron02DownIcon, { className: "size-4 shrink-0" }) })
+                ]
+              }
+            )
+          }
+        )
       )
     }
   );
@@ -366,13 +374,13 @@ function StatusLine({ tone, label, className }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "span",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "inline-flex items-center gap-1.5 whitespace-nowrap text-h6",
         tone === "waiting" ? "text-ods-warning" : tone === "error" ? "text-ods-error" : tone === "muted" ? "text-ods-text-secondary" : "text-ods-text-primary",
         className
       ),
       children: [
-        tone === "working" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "h-2 w-2 shrink-0 rounded-full bg-ods-flamingo-cyan", _chunkXFRBEXQNcjs.LIVE_PULSE_CLASS), "aria-hidden": true }),
+        tone === "working" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-2 w-2 shrink-0 rounded-full bg-ods-flamingo-cyan", _chunkYNDH72VUcjs.LIVE_PULSE_CLASS), "aria-hidden": true }),
         tone === "success" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHFNBMV5Mcjs.CheckCircleIcon, { size: 16, className: "shrink-0 text-ods-success", "aria-hidden": true }),
         tone === "error" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUHKTWGBcjs.XmarkCircleIcon, { size: 16, className: "shrink-0 text-ods-error", "aria-hidden": true }),
         label
@@ -387,7 +395,7 @@ function ExpandChevron({ expanded, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkSKI6NKOEcjs.Chevron02DownIcon,
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "h-4 w-4 shrink-0 text-ods-text-secondary transition-transform duration-200",
         expanded && "rotate-180",
         className
@@ -555,19 +563,19 @@ function ResultBlock({ result, className }) {
   const formatted = formatToolResult(result);
   if (!formatted.text) return null;
   if (formatted.kind === "inline") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex w-full flex-col items-start gap-[var(--spacing-system-xxs)]", className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex w-full flex-col items-start gap-[var(--spacing-system-xxs)]", className), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary", children: "Result:" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "break-all text-ods-text-primary", children: formatted.text })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex w-full flex-col items-start gap-[var(--spacing-system-xxs)]", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex w-full flex-col items-start gap-[var(--spacing-system-xxs)]", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary", children: "Result:" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { className: CODE_PRE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { children: formatted.text }) })
   ] });
 }
 function CommandBlock({ command, className }) {
   if (!command) return null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { className: _chunk65VVJSQZcjs.cn.call(void 0, CODE_PRE_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { children: command }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { className: _chunkN6YCOBLKcjs.cn.call(void 0, CODE_PRE_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { children: command }) });
 }
 
 // src/components/chat/approval-batch-message.tsx
@@ -615,29 +623,21 @@ function ToolCallRow({ call, expanded, onToggle, batchStatus, execution, showExe
   const result = _optionalChain([execution, 'optionalAccess', _ => _.status]) === "done" ? execution.result : void 0;
   const hasExpandableBody = args.length > 0 || 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, 
-      "button",
-      {
-        type: "button",
-        onClick: onToggle,
-        className: "flex w-full cursor-pointer items-start gap-[var(--spacing-system-xsf)] p-[var(--spacing-system-sf)] text-left",
-        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, _chunk64KBI5MIcjs.ToolIcon, { toolType, size: 16 }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
-                "min-w-0 flex-1 text-h6",
-                expanded ? "whitespace-pre-wrap break-all text-ods-text-primary" : "line-clamp-2 max-h-10 break-all text-ods-text-secondary"
-              ),
-              children: command
-            }
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "row", type: "button", onClick: onToggle, "aria-expanded": expanded, 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, _chunk2OYKOHFKcjs.ToolIcon, { toolType, size: 16 }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+            "min-w-0 flex-1 text-h6",
+            expanded ? "whitespace-pre-wrap break-all text-ods-text-primary" : "line-clamp-2 max-h-10 break-all text-ods-text-secondary"
           ),
-          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 }) }),
-          /* @__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 }) })
-        ]
-      }
-    ),
+          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 }) }),
+      /* @__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)),
       result && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -687,13 +687,13 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
     };
     const actionButtons = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkCDBFQVPAcjs.Button,
         {
           size: "small-legacy",
           variant: "accent",
           onClick: handleApprove,
           disabled: isProcessing,
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
             "bg-ods-accent hover:bg-ods-accent/90",
             "text-ods-bg text-h5",
             "h-8 px-[var(--spacing-system-xsf)]"
@@ -702,13 +702,13 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkCDBFQVPAcjs.Button,
         {
           size: "small-legacy",
           variant: "outline",
           onClick: handleReject,
           disabled: isProcessing,
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
             "border-ods-border bg-ods-card",
             "text-ods-text-primary text-h5",
             "h-8 px-[var(--spacing-system-xsf)] hover:bg-ods-bg"
@@ -719,7 +719,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);
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "mb-[var(--spacing-system-xsf)]", CHAT_BLOCK_CLASS, className), ...props, children: [
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.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, {}),
         showFooterActions && (status === "pending" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center gap-[var(--spacing-system-xsf)]", children: actionButtons }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ApprovalStatusTag, { status, resolvedByName, inlineResolver: true }) }))
@@ -730,7 +730,7 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
       "div",
       {
         ref,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "mb-[var(--spacing-system-xsf)] flex flex-col overflow-hidden",
           CHAT_BLOCK_FRAME_CLASS,
           className
@@ -740,7 +740,7 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
-              className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col", maxBodyHeight != null && "overflow-y-auto overscroll-contain"),
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex flex-col", maxBodyHeight != null && "overflow-y-auto overscroll-contain"),
               style: maxBodyHeight != null ? { maxHeight: maxBodyHeight } : void 0,
               children: data.toolCalls.map((call) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 ToolCallRow,
@@ -778,13 +778,13 @@ ApprovalBatchMessage.displayName = "ApprovalBatchMessage";
 
 
 var MARK_IMAGE_SIZES = "96px";
-function AgentMark({ agent, className = "", color = _chunk3ZLPYEL5cjs.AGENT_GLYPH_COLOR }) {
-  const identity = _chunk3ZLPYEL5cjs.useAgentIdentityIcon.call(void 0, agent);
+function AgentMark({ agent, className = "", color = _chunkQ7HXTF2Ccjs.AGENT_GLYPH_COLOR }) {
+  const identity = _chunkQ7HXTF2Ccjs.useAgentIdentityIcon.call(void 0, agent);
   if (_optionalChain([identity, 'optionalAccess', _15 => _15.url])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunk65VVJSQZcjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: MARK_IMAGE_SIZES, className: _chunk3ZLPYEL5cjs.AGENT_PICTURE_CLASS }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunkN6YCOBLKcjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3VINTJPEcjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: MARK_IMAGE_SIZES, className: _chunkQ7HXTF2Ccjs.AGENT_PICTURE_CLASS }) });
   }
   if (_optionalChain([identity, 'optionalAccess', _16 => _16.name])) {
-    return _react.createElement.call(void 0, _chunkTUAATMUEcjs.resolveIcon.call(void 0, identity.name), {
+    return _react.createElement.call(void 0, _chunkIYU2ZH2Jcjs.resolveIcon.call(void 0, identity.name), {
       className,
       "aria-hidden": true,
       color,
@@ -794,11 +794,12 @@ function AgentMark({ agent, className = "", color = _chunk3ZLPYEL5cjs.AGENT_GLYP
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className });
 }
 var AGENT_AVATAR_FRAME_CLASS = "inline-flex shrink-0 overflow-hidden rounded-full";
-function AgentAvatar({ agent, size, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, AGENT_AVATAR_FRAME_CLASS, className), style: { width: size, height: size }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AgentMark, { agent, className: "h-full w-full" }) });
+function AgentAvatar({ agent, size, className, loading = false }) {
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AgentAvatarSkeleton, { size, className });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, AGENT_AVATAR_FRAME_CLASS, className), style: { width: size, height: size }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AgentMark, { agent, className: "h-full w-full" }) });
 }
 function AgentAvatarSkeleton({ size, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: _chunk65VVJSQZcjs.cn.call(void 0, AGENT_AVATAR_FRAME_CLASS, className), width: size, height: size });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { as: "span", className: _chunkN6YCOBLKcjs.cn.call(void 0, AGENT_AVATAR_FRAME_CLASS, className), width: size, height: size });
 }
 
 
@@ -835,5 +836,4 @@ 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.AgentAvatarSkeleton = AgentAvatarSkeleton;
+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;