@flamingo-stack/openframe-frontend-core 0.0.731 → 0.0.732

package/dist/{chunk-HEOD765R.cjs → chunk-HH4BMYDX.cjs}

@@ -14,8 +14,7 @@ var _chunkC7GIHB3Vcjs = require('./chunk-C7GIHB3V.cjs');
 var _chunkHFNBMV5Mcjs = require('./chunk-HFNBMV5M.cjs');
 
 
-
-var _chunk2WXLQ5R5cjs = require('./chunk-2WXLQ5R5.cjs');
+var _chunkHELVKMRGcjs = require('./chunk-HELVKMRG.cjs');
 
 
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
@@ -23,18 +22,18 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkBE2WAMG5cjs = require('./chunk-BE2WAMG5.cjs');
 
 
 
+var _chunkAEVGCB3Ycjs = require('./chunk-AEVGCB3Y.cjs');
 
-var _chunkKLXHCNDCcjs = require('./chunk-KLXHCNDC.cjs');
 
 
-var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
 
+var _chunkKLXHCNDCcjs = require('./chunk-KLXHCNDC.cjs');
 
 
+var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
 
 
 var _chunkMANNIJ42cjs = require('./chunk-MANNIJ42.cjs');
@@ -161,332 +160,6 @@ function createUTCTimestamp() {
   return (/* @__PURE__ */ new Date()).toISOString();
 }
 
-// src/utils/color-analysis.ts
-var DESIGN_PALETTE = [
-  { name: "yellow", hex: "#FFC008", rgb: [255, 192, 8] },
-  { name: "black", hex: "#161616", rgb: [22, 22, 22] },
-  { name: "gray", hex: "#888888", rgb: [136, 136, 136] }
-];
-function hexToRgb(hex) {
-  const normalized = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (_, r, g, b) => `${r}${r}${g}${g}${b}${b}`);
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(normalized);
-  return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : [0, 0, 0];
-}
-function getLuminance(rgb) {
-  const [r, g, b] = rgb.map((channel) => {
-    const c = channel / 255;
-    return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-  });
-  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-}
-function getContrastRatio(color1, color2) {
-  const lum1 = getLuminance(color1);
-  const lum2 = getLuminance(color2);
-  const brightest = Math.max(lum1, lum2);
-  const darkest = Math.min(lum1, lum2);
-  return (brightest + 0.05) / (darkest + 0.05);
-}
-function pickReadableTextColor(bgHex) {
-  const bg = hexToRgb(bgHex);
-  const darkContrast = getContrastRatio(bg, [26, 26, 26]);
-  const lightContrast = getContrastRatio(bg, [250, 250, 250]);
-  return darkContrast >= lightContrast ? "dark" : "light";
-}
-function extractDominantColor(canvas) {
-  const ctx = canvas.getContext("2d");
-  if (!ctx) return [128, 128, 128];
-  const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
-  const data = imageData.data;
-  const sampleSize = Math.max(1, Math.floor(data.length / (4 * 1e3)));
-  const colorCounts = {};
-  for (let i = 0; i < data.length; i += 4 * sampleSize) {
-    const r = data[i];
-    const g = data[i + 1];
-    const b = data[i + 2];
-    const alpha = data[i + 3];
-    if (alpha < 128) continue;
-    const bucketR = Math.round(r / 32) * 32;
-    const bucketG = Math.round(g / 32) * 32;
-    const bucketB = Math.round(b / 32) * 32;
-    const key = `${bucketR},${bucketG},${bucketB}`;
-    colorCounts[key] = (colorCounts[key] || 0) + 1;
-  }
-  let maxCount = 0;
-  let dominantColor = [128, 128, 128];
-  for (const [colorKey, count] of Object.entries(colorCounts)) {
-    if (count > maxCount) {
-      maxCount = count;
-      const [r, g, b] = colorKey.split(",").map(Number);
-      dominantColor = [r, g, b];
-    }
-  }
-  return dominantColor;
-}
-function getBestContrastColor(imageColor) {
-  let bestColor = DESIGN_PALETTE[0];
-  let bestContrast = 0;
-  for (const color of DESIGN_PALETTE) {
-    const contrast = getContrastRatio(imageColor, color.rgb);
-    if (contrast > bestContrast) {
-      bestContrast = contrast;
-      bestColor = color;
-    }
-  }
-  return bestContrast >= 3 ? bestColor : DESIGN_PALETTE.find((c) => c.name === "black") || bestColor;
-}
-function analyzeImageColor(imageSrc) {
-  return new Promise((resolve, reject) => {
-    const img = new Image();
-    img.crossOrigin = "anonymous";
-    img.onload = () => {
-      try {
-        const canvas = document.createElement("canvas");
-        const ctx = canvas.getContext("2d");
-        if (!ctx) {
-          reject(new Error("Could not get canvas context"));
-          return;
-        }
-        const maxSize = 100;
-        const scale = Math.min(maxSize / img.width, maxSize / img.height);
-        canvas.width = img.width * scale;
-        canvas.height = img.height * scale;
-        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
-        const dominantColor = extractDominantColor(canvas);
-        const bestContrastColor = getBestContrastColor(dominantColor);
-        resolve(bestContrastColor);
-      } catch (error) {
-        reject(error);
-      }
-    };
-    img.onerror = () => reject(new Error("Failed to load image"));
-    img.src = imageSrc;
-  });
-}
-async function extractImageEdgeColorAsync(imageUrl) {
-  return new Promise((resolve) => {
-    if (typeof window === "undefined") {
-      resolve("#000000");
-      return;
-    }
-    const img = new Image();
-    img.crossOrigin = "anonymous";
-    img.onload = () => {
-      try {
-        const canvas = document.createElement("canvas");
-        const ctx = canvas.getContext("2d");
-        if (!ctx) {
-          resolve("#000000");
-          return;
-        }
-        const maxSize = 50;
-        const scale = Math.min(maxSize / img.naturalWidth, maxSize / img.naturalHeight);
-        const w = Math.round(img.naturalWidth * scale);
-        const h = Math.round(img.naturalHeight * scale);
-        canvas.width = w;
-        canvas.height = h;
-        ctx.drawImage(img, 0, 0, w, h);
-        const data = ctx.getImageData(0, 0, w, h).data;
-        const edgeW = Math.max(2, Math.round(w * 0.15));
-        const edgeH = Math.max(2, Math.round(h * 0.15));
-        const bucketSize = 32;
-        const buckets = /* @__PURE__ */ new Map();
-        for (let y = 0; y < h; y++) {
-          for (let x = 0; x < w; x++) {
-            if (!(x < edgeW || x >= w - edgeW || y < edgeH || y >= h - edgeH)) continue;
-            const i = (y * w + x) * 4;
-            if (data[i + 3] < 128) continue;
-            const br = Math.floor(data[i] / bucketSize) * bucketSize;
-            const bg = Math.floor(data[i + 1] / bucketSize) * bucketSize;
-            const bb = Math.floor(data[i + 2] / bucketSize) * bucketSize;
-            const key = `${br},${bg},${bb}`;
-            const existing = buckets.get(key);
-            if (existing) {
-              existing.r += data[i];
-              existing.g += data[i + 1];
-              existing.b += data[i + 2];
-              existing.count++;
-            } else {
-              buckets.set(key, { r: data[i], g: data[i + 1], b: data[i + 2], count: 1 });
-            }
-          }
-        }
-        let best = { r: 0, g: 0, b: 0, count: 0 };
-        for (const b2 of buckets.values()) {
-          if (b2.count > best.count) best = b2;
-        }
-        if (best.count === 0) {
-          resolve("#000000");
-          return;
-        }
-        const r = Math.round(best.r / best.count), g = Math.round(best.g / best.count), b = Math.round(best.b / best.count);
-        resolve(
-          `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`
-        );
-      } catch (e) {
-        resolve("#000000");
-      }
-    };
-    img.onerror = () => resolve("#000000");
-    img.src = imageUrl;
-  });
-}
-
-// src/utils/ods-color-tokens-stub.ts
-var colorTokens = {
-  primary: "#FFC008",
-  secondary: "#161616",
-  background: "#FAFAFA",
-  surface: "#FFFFFF",
-  text: {
-    primary: "#161616",
-    secondary: "#666666",
-    inverse: "#FFFFFF"
-  },
-  border: "#E5E5E5"
-};
-
-// src/utils/ods-color-utils.ts
-var TOKEN_MAP = colorTokens;
-function lookupToken(tokenKey) {
-  const value = TOKEN_MAP[tokenKey];
-  return typeof value === "string" ? value : void 0;
-}
-function getODSToken(category, color, variant = "base") {
-  const tokenKey = `${category}-${color}-${variant}`;
-  return lookupToken(tokenKey);
-}
-function getCurrentPlatform() {
-  if (typeof window === "undefined") {
-    return process.env.NEXT_PUBLIC_APP_TYPE || "openmsp";
-  }
-  const domPlatform = document.documentElement.getAttribute("data-app-type");
-  if (domPlatform) {
-    return domPlatform;
-  }
-  return process.env.NEXT_PUBLIC_APP_TYPE || "openmsp";
-}
-function switchPlatformTheme(platform) {
-  if (typeof window === "undefined") return;
-  const root = document.documentElement;
-  root.setAttribute("data-app-type", platform);
-  window.dispatchEvent(
-    new CustomEvent("platformThemeChanged", {
-      detail: { platform }
-    })
-  );
-}
-function getSemanticColor(semanticName, platform) {
-  if (typeof window === "undefined") return void 0;
-  const currentPlatform = platform || getCurrentPlatform();
-  const originalPlatform = getCurrentPlatform();
-  if (currentPlatform !== originalPlatform) {
-    switchPlatformTheme(currentPlatform);
-  }
-  const testElement = document.createElement("div");
-  document.body.appendChild(testElement);
-  const computedStyle = getComputedStyle(testElement);
-  const colorValue = computedStyle.getPropertyValue(`--color-${semanticName}`);
-  document.body.removeChild(testElement);
-  if (currentPlatform !== originalPlatform) {
-    switchPlatformTheme(originalPlatform);
-  }
-  return colorValue.trim() || void 0;
-}
-function getPlatformConfig(platform) {
-  const currentPlatform = platform || getCurrentPlatform();
-  const isDarkTheme = _chunkMANNIJ42cjs.PLATFORM_THEME === "dark";
-  return {
-    platform: currentPlatform,
-    accentColor: _chunkMANNIJ42cjs.getPlatformAccentColor.call(void 0, currentPlatform),
-    isDarkTheme,
-    isLightTheme: !isDarkTheme,
-    brandName: _chunkMANNIJ42cjs.getPlatformDisplayName.call(void 0, currentPlatform)
-  };
-}
-function usePlatformColors(platform) {
-  const currentPlatform = platform || getCurrentPlatform();
-  const config = getPlatformConfig(currentPlatform);
-  return {
-    platform: currentPlatform,
-    accentColor: config.accentColor,
-    isDarkTheme: config.isDarkTheme,
-    isLightTheme: config.isLightTheme,
-    brandName: config.brandName,
-    getToken: (category, color, variant) => getODSToken(category, color, variant),
-    switchTheme: (newPlatform) => switchPlatformTheme(newPlatform),
-    getSemanticColor: (semanticName) => getSemanticColor(semanticName, currentPlatform)
-  };
-}
-function getReadableTextColor(hex) {
-  return pickReadableTextColor(hex) === "dark" ? "#212121" : "#fafafa";
-}
-var HEX_PATTERN = /^#[0-9a-fA-F]{6}$/;
-function hexToRgb2(hex) {
-  if (!HEX_PATTERN.test(hex)) return null;
-  const n = Number.parseInt(hex.slice(1), 16);
-  return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
-}
-function rgbToHex(r, g, b) {
-  const to = (n) => _chunk2WXLQ5R5cjs.clamp.call(void 0, Math.round(n), 0, 255).toString(16).padStart(2, "0");
-  return `#${to(r)}${to(g)}${to(b)}`;
-}
-var HOVER_DARKEN_STEP = 10;
-var ACTIVE_DARKEN_STEP = 20;
-function darkenByStep(hex, step) {
-  const rgb = hexToRgb2(hex);
-  if (!rgb) return hex;
-  return rgbToHex(rgb.r - step, rgb.g - step, rgb.b - step);
-}
-function deriveHoverColor(hex) {
-  return darkenByStep(hex, HOVER_DARKEN_STEP);
-}
-function deriveActiveColor(hex) {
-  return darkenByStep(hex, ACTIVE_DARKEN_STEP);
-}
-function rgbToHsl(r, g, b) {
-  const rn = r / 255;
-  const gn = g / 255;
-  const bn = b / 255;
-  const max = Math.max(rn, gn, bn);
-  const min = Math.min(rn, gn, bn);
-  const l = (max + min) / 2;
-  if (max === min) return { h: 0, s: 0, l: Math.round(l * 100) };
-  const d = max - min;
-  const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-  let h;
-  if (max === rn) h = (gn - bn) / d + (gn < bn ? 6 : 0);
-  else if (max === gn) h = (bn - rn) / d + 2;
-  else h = (rn - gn) / d + 4;
-  h *= 60;
-  return { h: Math.round(h), s: Math.round(s * 100), l: Math.round(l * 100) };
-}
-function hslToRgb(h, s, l) {
-  const sn = _chunk2WXLQ5R5cjs.clamp.call(void 0, s, 0, 100) / 100;
-  const ln = _chunk2WXLQ5R5cjs.clamp.call(void 0, l, 0, 100) / 100;
-  const hn = (h % 360 + 360) % 360;
-  if (sn === 0) {
-    const v = Math.round(ln * 255);
-    return { r: v, g: v, b: v };
-  }
-  const q = ln < 0.5 ? ln * (1 + sn) : ln + sn - ln * sn;
-  const p = 2 * ln - q;
-  const hue2rgb = (t) => {
-    let tn = t;
-    if (tn < 0) tn += 1;
-    if (tn > 1) tn -= 1;
-    if (tn < 1 / 6) return p + (q - p) * 6 * tn;
-    if (tn < 1 / 2) return q;
-    if (tn < 2 / 3) return p + (q - p) * (2 / 3 - tn) * 6;
-    return p;
-  };
-  const hk = hn / 360;
-  return {
-    r: Math.round(hue2rgb(hk + 1 / 3) * 255),
-    g: Math.round(hue2rgb(hk) * 255),
-    b: Math.round(hue2rgb(hk - 1 / 3) * 255)
-  };
-}
-
 // src/components/ui/color-swatch.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function ColorSwatch({ color, className }) {
@@ -608,9 +281,9 @@ function TicketStatusTag({
   const config = getTicketStatusConfig(status);
   const customStyle = color ? {
     "--tag-bg": color,
-    "--tag-bg-hover": deriveHoverColor(color),
-    "--tag-bg-active": deriveActiveColor(color),
-    color: getReadableTextColor(color)
+    "--tag-bg-hover": _chunkAEVGCB3Ycjs.deriveHoverColor.call(void 0, color),
+    "--tag-bg-active": _chunkAEVGCB3Ycjs.deriveActiveColor.call(void 0, color),
+    color: _chunkAEVGCB3Ycjs.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, 
@@ -808,7 +481,7 @@ function expandJson(value, indent) {
 function expandedJsonStringify(value) {
   try {
     return expandJson(value, 0);
-  } catch (e2) {
+  } catch (e) {
     return String(value);
   }
 }
@@ -822,7 +495,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 (e3) {
+      } catch (e2) {
       }
     }
     if (value.includes("\n") || value.length > INLINE_STRING_MAX) {
@@ -843,7 +516,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 (e4) {
+    } catch (e3) {
     }
   }
   if (body.includes("\n") || body.length > INLINE_STRING_MAX) {
@@ -935,7 +608,7 @@ function ToolCallRow({ call, expanded, onToggle, batchStatus, execution, showExe
   const args = getArgEntries(call);
   const toolType = call.toolType || "OPENFRAME";
   const { innerRef, containerStyle } = useCollapsible({ expanded });
-  const result = _optionalChain([execution, 'optionalAccess', _2 => _2.status]) === "done" ? execution.result : void 0;
+  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, 
@@ -945,7 +618,7 @@ function ToolCallRow({ call, expanded, onToggle, batchStatus, execution, showExe
         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, _chunk2WXLQ5R5cjs.ToolIcon, { toolType, size: 16 }) }),
+          /* @__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, _chunkHELVKMRGcjs.ToolIcon, { toolType, size: 16 }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
@@ -991,11 +664,11 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
     const [expandedId, setExpandedId] = _react.useState.call(void 0, null);
     const [isProcessing, setIsProcessing] = _react.useState.call(void 0, false);
     const isClient = variant === "client";
-    const explanations = data.toolCalls.map((c) => _optionalChain([c, 'access', _3 => _3.toolExplanation, 'optionalAccess', _4 => _4.trim, 'call', _5 => _5()])).filter((s) => !!s);
+    const explanations = data.toolCalls.map((c) => _optionalChain([c, 'access', _2 => _2.toolExplanation, 'optionalAccess', _3 => _3.trim, 'call', _4 => _4()])).filter((s) => !!s);
     const handleApprove = async () => {
       setIsProcessing(true);
       try {
-        await _optionalChain([onApprove, 'optionalCall', _6 => _6(data.approvalRequestId)]);
+        await _optionalChain([onApprove, 'optionalCall', _5 => _5(data.approvalRequestId)]);
       } finally {
         setIsProcessing(false);
       }
@@ -1003,7 +676,7 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
     const handleReject = async () => {
       setIsProcessing(true);
       try {
-        await _optionalChain([onReject, 'optionalCall', _7 => _7(data.approvalRequestId)]);
+        await _optionalChain([onReject, 'optionalCall', _6 => _6(data.approvalRequestId)]);
       } finally {
         setIsProcessing(false);
       }
@@ -1041,7 +714,7 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
       )
     ] });
     if (isClient) {
-      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);
+      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: _chunk3ATAYP36cjs.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, {}),
@@ -1072,7 +745,7 @@ 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', _14 => _14.executions, 'optionalAccess', _15 => _15[call.toolExecutionRequestId]]),
+                  execution: _optionalChain([data, 'access', _13 => _13.executions, 'optionalAccess', _14 => _14[call.toolExecutionRequestId]]),
                   showExecutionStatus
                 },
                 call.toolExecutionRequestId
@@ -1101,12 +774,12 @@ ApprovalBatchMessage.displayName = "ApprovalBatchMessage";
 
 
 var MARK_IMAGE_SIZES = "96px";
-function AgentMark({ agent, className = "", color = _chunkBE2WAMG5cjs.AGENT_GLYPH_COLOR }) {
-  const identity = _chunkBE2WAMG5cjs.useAgentIdentityIcon.call(void 0, agent);
-  if (_optionalChain([identity, 'optionalAccess', _16 => _16.url])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunk3ATAYP36cjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUR4K2NSLcjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: MARK_IMAGE_SIZES, className: _chunkBE2WAMG5cjs.AGENT_PICTURE_CLASS }) });
+function AgentMark({ agent, className = "", color = _chunkAEVGCB3Ycjs.AGENT_GLYPH_COLOR }) {
+  const identity = _chunkAEVGCB3Ycjs.useAgentIdentityIcon.call(void 0, agent);
+  if (_optionalChain([identity, 'optionalAccess', _15 => _15.url])) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunk3ATAYP36cjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUR4K2NSLcjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: MARK_IMAGE_SIZES, className: _chunkAEVGCB3Ycjs.AGENT_PICTURE_CLASS }) });
   }
-  if (_optionalChain([identity, 'optionalAccess', _17 => _17.name])) {
+  if (_optionalChain([identity, 'optionalAccess', _16 => _16.name])) {
     return _react.createElement.call(void 0, _chunkMANNIJ42cjs.resolveIcon.call(void 0, identity.name), {
       className,
       "aria-hidden": true,
@@ -1161,24 +834,4 @@ function AgentAvatar({ agent, 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.DESIGN_PALETTE = DESIGN_PALETTE; exports.getContrastRatio = getContrastRatio; exports.pickReadableTextColor = pickReadableTextColor; exports.extractDominantColor = extractDominantColor; exports.getBestContrastColor = getBestContrastColor; exports.analyzeImageColor = analyzeImageColor; exports.extractImageEdgeColorAsync = extractImageEdgeColorAsync; exports.getCurrentPlatform = getCurrentPlatform; exports.switchPlatformTheme = switchPlatformTheme; exports.getSemanticColor = getSemanticColor; exports.getPlatformConfig = getPlatformConfig; exports.usePlatformColors = usePlatformColors; exports.getReadableTextColor = getReadableTextColor; exports.HEX_PATTERN = HEX_PATTERN; exports.hexToRgb = hexToRgb2; exports.rgbToHex = rgbToHex; exports.deriveHoverColor = deriveHoverColor; exports.deriveActiveColor = deriveActiveColor; exports.rgbToHsl = rgbToHsl; exports.hslToRgb = hslToRgb; 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.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;