@flamingo-stack/openframe-frontend-core 0.0.747 → 0.0.749

package/dist/{chunk-C7NTL2GV.cjs → chunk-WZX26ODJ.cjs}

@@ -12,13 +12,13 @@
 
 
 
-var _chunk7Y5U3Y4Scjs = require('./chunk-7Y5U3Y4S.cjs');
+var _chunkV3UJ6NDRcjs = require('./chunk-V3UJ6NDR.cjs');
 
 
 
 
 
-var _chunkPSIKUDUVcjs = require('./chunk-PSIKUDUV.cjs');
+var _chunkLVO7FALWcjs = require('./chunk-LVO7FALW.cjs');
 
 
 var _chunkSXGDKNVEcjs = require('./chunk-SXGDKNVE.cjs');
@@ -100,7 +100,7 @@ var _chunkJKX2C3I2cjs = require('./chunk-JKX2C3I2.cjs');
 var _chunkEWPR7662cjs = require('./chunk-EWPR7662.cjs');
 
 
-var _chunkYIRX6C7Vcjs = require('./chunk-YIRX6C7V.cjs');
+var _chunkXJ3J4UIScjs = require('./chunk-XJ3J4UIS.cjs');
 
 
 
@@ -120,7 +120,7 @@ var _chunkYIRX6C7Vcjs = require('./chunk-YIRX6C7V.cjs');
 
 
 
-var _chunkP7KTAXXEcjs = require('./chunk-P7KTAXXE.cjs');
+var _chunkOFO75R2Ocjs = require('./chunk-OFO75R2O.cjs');
 
 
 
@@ -165,7 +165,7 @@ var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 var _chunkG7SBHMRRcjs = require('./chunk-G7SBHMRR.cjs');
 
 
-var _chunk5M5C6UV4cjs = require('./chunk-5M5C6UV4.cjs');
+var _chunk2YXOD2KLcjs = require('./chunk-2YXOD2KL.cjs');
 
 
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
@@ -179,7 +179,7 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 // src/components/chat/hooks/use-proxied-image-url.ts
 function useProxiedImageUrl(url) {
   const r = _chunkUJ7AXHRZcjs.useRequiredChatRuntime.call(void 0, );
-  return _nullishCoalesce(_chunkP7KTAXXEcjs.getProxiedImageUrl.call(void 0, _nullishCoalesce(url, () => ( "")), {
+  return _nullishCoalesce(_chunkOFO75R2Ocjs.getProxiedImageUrl.call(void 0, _nullishCoalesce(url, () => ( "")), {
     proxyPrefix: r.endpoints.imageProxyUrlPrefix,
     skipDomains: r.endpoints.imageProxySkipDomains,
     directHttps: true
@@ -218,14 +218,14 @@ function ChatMessageRow({ displayName, avatarUrl, timeLabel, body, footer }) {
 }
 function ChatMessageRowSkeleton() {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 gap-2 md:gap-3", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 flex-shrink-0 animate-pulse rounded-lg bg-ods-border md:h-10 md:w-10" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-8 flex-shrink-0 rounded-lg md:h-10 md:w-10" }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-1 flex items-center gap-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[15px] w-24 animate-pulse rounded bg-ods-border md:h-[20px] md:w-32" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[12px] w-12 animate-pulse rounded bg-ods-border md:h-[16px] md:w-16" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[15px] w-24 rounded md:h-[20px] md:w-32" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[12px] w-12 rounded md:h-[16px] md:w-16" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[14px] w-full animate-pulse rounded bg-ods-border md:h-[18px]" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-1 h-[14px] w-3/4 animate-pulse rounded bg-ods-border md:h-[18px]" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-[14px] w-full rounded md:h-[18px]" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "mt-1 h-[14px] w-3/4 rounded md:h-[18px]" })
     ] })
   ] });
 }
@@ -1897,7 +1897,7 @@ function lastPathSegment(url) {
 function makeComposeContentUrl(opts) {
   const suffixes = _nullishCoalesce(opts.suffixes, () => ( DEFAULT_CONTENT_SUFFIXES));
   return ({ type: rawType, identifier, slug: slugHint, externalUrl, targetPlatform, platforms }) => {
-    const type = _chunkP7KTAXXEcjs.canonicalContentRefType.call(void 0, rawType);
+    const type = _chunkOFO75R2Ocjs.canonicalContentRefType.call(void 0, rawType);
     const override = opts.overrides && Object.prototype.hasOwnProperty.call(opts.overrides, type) ? opts.overrides[type] : void 0;
     if (override) return { ...override(identifier), hostOverride: true };
     const seg = _nullishCoalesce((Object.prototype.hasOwnProperty.call(suffixes, type) ? suffixes[type] : void 0), () => ( type));
@@ -1908,8 +1908,8 @@ function makeComposeContentUrl(opts) {
     }
     if (externalUrl) return { href: externalUrl, targetPlatform: _nullishCoalesce(targetPlatform, () => ( null)) };
     const claimedOwner = _nullishCoalesce(targetPlatform, () => ( primaryPlatformOf(platforms)));
-    const owner = claimedOwner && _chunk7Y5U3Y4Scjs.byKey.call(void 0, claimedOwner) ? claimedOwner : null;
-    const origin = owner ? _chunk7Y5U3Y4Scjs.getPlatformProductionUrl.call(void 0, owner) : opts.contentOrigin;
+    const owner = claimedOwner && _chunkV3UJ6NDRcjs.byKey.call(void 0, claimedOwner) ? claimedOwner : null;
+    const origin = owner ? _chunkV3UJ6NDRcjs.getPlatformProductionUrl.call(void 0, owner) : opts.contentOrigin;
     return {
       href: `${origin.replace(/\/+$/, "")}/${seg}/${_optionalChain([slugHint, 'optionalAccess', _69 => _69.trim, 'call', _70 => _70()]) || identifier}`,
       // Report the owner so `decideNewTab` can compare it against the current
@@ -2090,7 +2090,7 @@ function extractSections(markdown, options = {}) {
     if (heading.level > opts.maxLevel) continue;
     let title = heading.text;
     if (opts.stripFormattingMarkers) {
-      title = _chunk7Y5U3Y4Scjs.stripInlineMarkdown.call(void 0, title).trim();
+      title = _chunkV3UJ6NDRcjs.stripInlineMarkdown.call(void 0, title).trim();
     }
     const baseId = _chunkCSJO7ZGNcjs.slugifyHeadingBase.call(void 0, opts.removeEmojis ? _chunkCSJO7ZGNcjs.stripHeadingEmojis.call(void 0, title) : title);
     const cleanId = baseId || `section-${sections.length + 1}`;
@@ -2405,7 +2405,7 @@ function demoClockTimes(seed, options = {}) {
 function openAskAi(source, options) {
   const prompt = _optionalChain([options, 'optionalAccess', _77 => _77.prompt, 'optionalAccess', _78 => _78.trim, 'call', _79 => _79()]);
   const detail = prompt ? { source: _nullishCoalesce(source, () => ( "")), prompt } : { source: _nullishCoalesce(source, () => ( "")) };
-  window.dispatchEvent(new CustomEvent(_chunk7Y5U3Y4Scjs.ASK_AI_OPEN_EVENT, { detail }));
+  window.dispatchEvent(new CustomEvent(_chunkV3UJ6NDRcjs.ASK_AI_OPEN_EVENT, { detail }));
 }
 function MingoAiButton({
   source,
@@ -2493,7 +2493,7 @@ function MingoAiButton({
             children: icon
           }
         ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkPSIKUDUVcjs.AgentMark,
+          _chunkLVO7FALWcjs.AgentMark,
           {
             agent: "mingo",
             className: _chunk3ATAYP36cjs.cn.call(void 0, "relative shrink-0 text-ods-text-primary", field ? "size-6" : "size-5")
@@ -2531,7 +2531,7 @@ function MingoAiButton({
 // src/components/chat/ask-prompts.tsx
 
 function AssistantGlyph({ icon, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, "inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full", className), children: _nullishCoalesce(icon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPSIKUDUVcjs.AgentMark, { agent: "mingo", className: "size-full" }))) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, "inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full", className), children: _nullishCoalesce(icon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLVO7FALWcjs.AgentMark, { agent: "mingo", className: "size-full" }))) });
 }
 var DEFAULT_LOADING_SLOTS = 2;
 var slotCount = (count, loading, prompts) => _nullishCoalesce(count, () => ( (loading ? DEFAULT_LOADING_SLOTS : prompts.length)));
@@ -2551,13 +2551,13 @@ function QuestionChips({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: Array.from({ length: count }, (_, slot) => {
     const prompt = loading ? void 0 : prompts[slot];
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _nullishCoalesce(slotClassName, () => ( CHIP_SLOT_CLASS)), children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7Y5U3Y4Scjs.QuickActionChipSkeleton,
+      _chunkV3UJ6NDRcjs.QuickActionChipSkeleton,
       {
         variant: "question",
         labelCh: SKELETON_LABEL_CH[slot % SKELETON_LABEL_CH.length]
       }
     ) : prompt ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7Y5U3Y4Scjs.QuickActionChipButton,
+      _chunkV3UJ6NDRcjs.QuickActionChipButton,
       {
         variant: "question",
         label: prompt.label,
@@ -2589,7 +2589,7 @@ function AskPrompts({
   if (!loading && prompts.length === 0) return null;
   const end = align === "end";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunk7Y5U3Y4Scjs.ScrollShadow,
+    _chunkV3UJ6NDRcjs.ScrollShadow,
     {
       axis: "horizontal",
       color: fadeColor,
@@ -2691,7 +2691,7 @@ function useAskPrompts({
   const assistant = _chunkEWPR7662cjs.useAssistantRuntime.call(void 0, );
   const base = assistantAvailable(assistant) ? assistant.askPromptsUrl : void 0;
   const url = base && enabled ? buildAskPromptsUrl(base, { count, topic, exclude }) : null;
-  const { data, dataUrl, error } = _chunkYIRX6C7Vcjs.useSelfFetch.call(void 0, url);
+  const { data, dataUrl, error } = _chunkXJ3J4UIScjs.useSelfFetch.call(void 0, url);
   const landed = url !== null && (dataUrl === url || error);
   return { prompts: landed ? _nullishCoalesce(_optionalChain([data, 'optionalAccess', _88 => _88.prompts]), () => ( [])) : [], isLoading: !!base && !landed, supported: !!base };
 }
@@ -2893,7 +2893,7 @@ function QuickActionMarquee({
   );
   if (items.length === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7Y5U3Y4Scjs.QuickActionWall,
+    _chunkV3UJ6NDRcjs.QuickActionWall,
     {
       chips,
       mode,
@@ -2932,23 +2932,23 @@ var ChatTicketItem = _react.forwardRef.call(void 0,
           ),
           children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-5 w-1/2" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-4 w-1/3" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-1/2" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-1/3" })
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-8 w-20 shrink-0 rounded-r-md" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "size-12 shrink-0 rounded-md" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-20 shrink-0 rounded-r-md" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "size-12 shrink-0 rounded-md" })
           ]
         }
       );
     }
     if (!ticket) return null;
-    const statusTagProps = _chunkPSIKUDUVcjs.resolveStatusTagProps.call(void 0, {
+    const statusTagProps = _chunkLVO7FALWcjs.resolveStatusTagProps.call(void 0, {
       status: ticket.status,
       statusKind: ticket.statusKind,
       statusName: ticket.statusLabel,
       statusColor: ticket.statusColor
     });
-    const isResolved = ticket.statusKind === "RESOLVED" || _chunkPSIKUDUVcjs.resolveTicketStatus.call(void 0, ticket.status) === "RESOLVED";
+    const isResolved = ticket.statusKind === "RESOLVED" || _chunkLVO7FALWcjs.resolveTicketStatus.call(void 0, ticket.status) === "RESOLVED";
     const composedSubtitle = [ticket.ticketNumber, ticket.category, ticket.timeAgo].filter(Boolean).join(" \u2022 ");
     const subtitle = _nullishCoalesce(ticket.subtitle, () => ( (ticket.unread ? UNREAD_NOTICE : composedSubtitle)));
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -2999,7 +2999,7 @@ var ChatTicketItem = _react.forwardRef.call(void 0,
               className: "hidden shrink-0 sm:inline-flex"
             }
           ),
-          (statusTagProps.status || statusTagProps.label) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPSIKUDUVcjs.TicketStatusTag, { ...statusTagProps }),
+          (statusTagProps.status || statusTagProps.label) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLVO7FALWcjs.TicketStatusTag, { ...statusTagProps }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
@@ -3027,7 +3027,7 @@ ChatTicketItem.displayName = "ChatTicketItem";
 
 var ChatTicketList = _react.forwardRef.call(void 0, 
   ({ className, tickets, onTicketClick, isLoading = false, skeletonCount = 5, ...props }, ref) => {
-    const { scrollRef, fadeTop, fadeBottom, update: updateFade } = _chunk7Y5U3Y4Scjs.useScrollFade.call(void 0, );
+    const { scrollRef, fadeTop, fadeBottom, update: updateFade } = _chunkV3UJ6NDRcjs.useScrollFade.call(void 0, );
     if (isLoading) {
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunk3ATAYP36cjs.cn.call(void 0, "flex min-h-0 flex-col gap-2", className), ...props, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "shrink-0 text-ods-text-secondary text-h5", children: "Your Chats:" }),
@@ -3047,8 +3047,8 @@ var ChatTicketList = _react.forwardRef.call(void 0,
           ),
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: scrollRef, className: "h-full overflow-y-auto overscroll-contain", onScroll: updateFade, children: tickets.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChatTicketItem, { ticket, onClick: onTicketClick }, ticket.id)) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7Y5U3Y4Scjs.ScrollFadeOverlay, { edge: "top", visible: fadeTop }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7Y5U3Y4Scjs.ScrollFadeOverlay, { edge: "bottom", visible: fadeBottom })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV3UJ6NDRcjs.ScrollFadeOverlay, { edge: "top", visible: fadeTop }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV3UJ6NDRcjs.ScrollFadeOverlay, { edge: "bottom", visible: fadeBottom })
           ]
         }
       )
@@ -3079,10 +3079,10 @@ var DialogListItemSkeleton = _react.forwardRef.call(void 0,
         ...props,
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col items-start justify-center gap-1", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-full max-w-[200px] animate-pulse rounded bg-ods-border" }) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-32 animate-pulse rounded bg-ods-border" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-full max-w-[200px] rounded" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-32 rounded" })
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "size-6 shrink-0 animate-pulse rounded bg-ods-border" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "size-6 shrink-0 rounded" })
         ]
       }
     );
@@ -3299,10 +3299,10 @@ var ChatTopNavigation = _react.forwardRef.call(void 0,
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-m)] px-[var(--spacing-system-m)]", children: [
         isLoading ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "size-10 shrink-0 rounded-full" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "size-10 shrink-0 rounded-full" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-5 w-24" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-4 w-32" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-24" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-32" })
           ] })
         ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJHQNUWFMcjs.SquareAvatar, { src: _nullishCoalesce(avatarUrl, () => ( void 0)), alt: name, fallback: name, size: "md", variant: "round" }),
@@ -3498,45 +3498,45 @@ function SlackMessageCard({ item, variant = "compact", className, anchorProps })
     metaParts.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap", children: dateText }, "date")
     );
-  const href = _chunkP7KTAXXEcjs.safeHref.call(void 0, item.url);
+  const href = _chunkOFO75R2Ocjs.safeHref.call(void 0, item.url);
   const body = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_ICON_SLOT, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOWDRZM73cjs.SlackIcon, { className: "h-5 w-5" }) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_TEXT_COL, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_TITLE, children: item.title }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_SUMMARY, children: item.preview || _chunkP7KTAXXEcjs.COMPACT_CARD_ROW_FILLER }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_META_ROW, children: metaParts.length > 0 ? metaParts.map((part, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_ICON_SLOT, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOWDRZM73cjs.SlackIcon, { className: "h-5 w-5" }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_TEXT_COL, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_TITLE, children: item.title }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_SUMMARY, children: item.preview || _chunkOFO75R2Ocjs.COMPACT_CARD_ROW_FILLER }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_META_ROW, children: metaParts.length > 0 ? metaParts.map((part, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
         i > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-ods-text-secondary/40", children: "\xB7" }) : null,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 truncate", children: part })
-      ] }, i)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_SUMMARY, children: _chunkP7KTAXXEcjs.COMPACT_CARD_ROW_FILLER }) }) })
+      ] }, i)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_SUMMARY, children: _chunkOFO75R2Ocjs.COMPACT_CARD_ROW_FILLER }) }) })
     ] }),
     href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-3.5 w-3.5" }) }) : null
   ] });
   if (anchorProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
   }
-  return href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target: "_blank", rel: "noopener noreferrer", className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_OUTER_STATIC} ${_nullishCoalesce(className, () => ( ""))}`, "aria-label": "No link available", children: body });
+  return href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target: "_blank", rel: "noopener noreferrer", className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_OUTER_STATIC} ${_nullishCoalesce(className, () => ( ""))}`, "aria-label": "No link available", children: body });
 }
 function SlackMessageCardSkeleton({
   variant = "compact",
   className
 }) {
   if (variant === "row") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `flex min-w-0 animate-pulse items-center gap-3 ${_nullishCoalesce(className, () => ( ""))}`, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3.5 w-3.5 shrink-0 rounded bg-ods-bg" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-32 shrink-0 rounded bg-ods-bg" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-2/3 flex-1 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-24 shrink-0 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-20 shrink-0 rounded bg-ods-bg/60" })
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `flex min-w-0 items-center gap-3 ${_nullishCoalesce(className, () => ( ""))}`, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3.5 w-3.5 shrink-0 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-32 shrink-0 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-2/3 flex-1 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-24 shrink-0 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-20 shrink-0 rounded" })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_SKELETON_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_TEXT_COL, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-2/3 rounded bg-ods-bg" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-5/6 rounded bg-ods-bg/60" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) })
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_SKELETON_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: _chunkOFO75R2Ocjs.COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_TEXT_COL, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-2/3 rounded" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-5/6 rounded" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
   ] });
 }
 
@@ -3570,7 +3570,7 @@ function HubspotTicketCard({ item, variant = "compact", className, anchorProps }
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `flex min-w-0 items-center gap-3 ${_nullishCoalesce(className, () => ( ""))}`, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "max-w-[260px] shrink-0 truncate text-ods-text-primary text-h6", children: item.title }),
       item.preview ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate text-ods-text-secondary text-h6", children: item.preview }) : null,
-      statusText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.StatusBadge, { text: statusText, variant: "button", colorScheme: statusScheme(item.status) }) : null,
+      statusText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.StatusBadge, { text: statusText, variant: "button", colorScheme: statusScheme(item.status) }) : null,
       dateText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-24 shrink-0 text-right text-ods-text-secondary text-h6", children: dateText }) : null
     ] });
   }
@@ -3584,13 +3584,13 @@ function HubspotTicketCard({ item, variant = "compact", className, anchorProps }
     metaParts.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap", children: dateText }, "date")
     );
-  const href = _chunkP7KTAXXEcjs.safeHref.call(void 0, item.url);
+  const href = _chunkOFO75R2Ocjs.safeHref.call(void 0, item.url);
   const body = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_TEXT_COL, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_TITLE} min-w-0 shrink`, children: item.title }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_TITLE} min-w-0 shrink`, children: item.title }),
         priorityText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkP7KTAXXEcjs.StatusBadge,
+          _chunkOFO75R2Ocjs.StatusBadge,
           {
             text: priorityText,
             variant: "button",
@@ -3599,7 +3599,7 @@ function HubspotTicketCard({ item, variant = "compact", className, anchorProps }
           }
         ) : null,
         statusText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkP7KTAXXEcjs.StatusBadge,
+          _chunkOFO75R2Ocjs.StatusBadge,
           {
             text: statusText,
             variant: "button",
@@ -3613,7 +3613,7 @@ function HubspotTicketCard({ item, variant = "compact", className, anchorProps }
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 truncate", children: item.customerEmail })
       ] }) : null,
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-4 whitespace-pre-wrap break-words text-ods-text-secondary text-h6", children: item.preview || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "italic text-ods-text-secondary/60", children: "No description provided." }) }) }),
-      metaParts.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_META_ROW, children: metaParts.map((part, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+      metaParts.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_META_ROW, children: metaParts.map((part, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
         i > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-ods-text-secondary/40", children: "\xB7" }) : null,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 truncate", children: part })
       ] }, i)) }) }) : null
@@ -3621,39 +3621,39 @@ function HubspotTicketCard({ item, variant = "compact", className, anchorProps }
     href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-3.5 w-3.5" }) }) : null
   ] });
   if (anchorProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
   }
-  return href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target: "_blank", rel: "noopener noreferrer", className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_OUTER_STATIC} ${_nullishCoalesce(className, () => ( ""))}`, "aria-label": "No link available", children: body });
+  return href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target: "_blank", rel: "noopener noreferrer", className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_OUTER_STATIC} ${_nullishCoalesce(className, () => ( ""))}`, "aria-label": "No link available", children: body });
 }
 function HubspotTicketCardSkeleton({
   variant = "compact",
   className
 }) {
   if (variant === "row") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `flex min-w-0 animate-pulse items-center gap-3 ${_nullishCoalesce(className, () => ( ""))}`, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-40 shrink-0 rounded bg-ods-bg" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-2/3 flex-1 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-16 shrink-0 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-20 shrink-0 rounded bg-ods-bg/60" })
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `flex min-w-0 items-center gap-3 ${_nullishCoalesce(className, () => ( ""))}`, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-40 shrink-0 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-2/3 flex-1 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-16 shrink-0 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-20 shrink-0 rounded" })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_SKELETON_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_TEXT_COL, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_SKELETON_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-2/3 rounded bg-ods-bg" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-4 w-12 rounded-full bg-ods-bg/60" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-4 w-16 rounded-full bg-ods-bg/60" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-2/3 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-12 rounded-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-16 rounded-full" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-4 w-1/2 rounded bg-ods-bg/60" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-1/2 rounded" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-col gap-0", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-5/6 rounded bg-ods-bg/60" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-4/6 rounded bg-ods-bg/60" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-3/4 rounded bg-ods-bg/60" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-2/5 rounded bg-ods-bg/60" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-5 w-5/6 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-5 w-4/6 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-5 w-3/4 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-5 w-2/5 rounded" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
   ] });
 }
 
@@ -3662,10 +3662,10 @@ function HubspotTicketCardSkeleton({
 
 function DataRoomDocCard({ item, className, badgeText, anchorProps }) {
   const body = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_TEXT_COL, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_TITLE} min-w-0 shrink`, children: item.title }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.StatusBadge, { text: badgeText, variant: "button", colorScheme: "cyan", className: "shrink-0" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_TITLE} min-w-0 shrink`, children: item.title }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.StatusBadge, { text: badgeText, variant: "button", colorScheme: "cyan", className: "shrink-0" })
       ] }),
       item.path ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-center gap-1 text-ods-text-secondary text-h6", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-ods-text-secondary/70", children: "Path:" }),
@@ -3676,24 +3676,24 @@ function DataRoomDocCard({ item, className, badgeText, anchorProps }) {
     _optionalChain([anchorProps, 'optionalAccess', _112 => _112.href]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-3.5 w-3.5" }) }) : null
   ] });
   if (!anchorProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_OUTER_STATIC} ${_nullishCoalesce(className, () => ( ""))}`, "aria-label": "No link available", children: body });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_OUTER_STATIC} ${_nullishCoalesce(className, () => ( ""))}`, "aria-label": "No link available", children: body });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
 }
 function DataRoomDocCardSkeleton({ className }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_SKELETON_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_TEXT_COL, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_SKELETON_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-center gap-1.5", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-2/3 rounded bg-ods-bg" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-4 w-16 rounded-full bg-ods-bg/60" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-2/3 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-16 rounded-full" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-4 w-1/2 rounded bg-ods-bg/60" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-1/2 rounded" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-col gap-0", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-5/6 rounded bg-ods-bg/60" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-3/4 rounded bg-ods-bg/60" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-5 w-5/6 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-5 w-3/4 rounded" })
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
   ] });
 }
 
@@ -3701,14 +3701,14 @@ function DataRoomDocCardSkeleton({ className }) {
 
 
 function GenericEntityCard({ item, className, anchorProps }) {
-  const href = _chunkP7KTAXXEcjs.safeHref.call(void 0, item.url);
+  const href = _chunkOFO75R2Ocjs.safeHref.call(void 0, item.url);
   const dateText = _chunkJHQNUWFMcjs.formatDateUTC.call(void 0, item.dateUpdated, { fallback: "", timezone: "local" });
   const body = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_TEXT_COL, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_TITLE} min-w-0 shrink`, children: item.title }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_TITLE} min-w-0 shrink`, children: item.title }),
         item.badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkP7KTAXXEcjs.StatusBadge,
+          _chunkOFO75R2Ocjs.StatusBadge,
           {
             text: item.badge.text,
             variant: "button",
@@ -3726,30 +3726,30 @@ function GenericEntityCard({ item, className, anchorProps }) {
         ] }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate font-medium text-ods-text-primary", children: f.value })
       ] }, i)) }) : null,
-      dateText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap", children: dateText }) }) }) : null
+      dateText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap", children: dateText }) }) }) : null
     ] }),
     href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-3.5 w-3.5" }) }) : null
   ] });
   if (anchorProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
   }
-  return href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_OUTER_STATIC} ${_nullishCoalesce(className, () => ( ""))}`, "aria-label": "No link available", children: body });
+  return href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_OUTER_STATIC} ${_nullishCoalesce(className, () => ( ""))}`, "aria-label": "No link available", children: body });
 }
 function GenericEntityCardSkeleton({ className }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkP7KTAXXEcjs.COMPACT_CARD_SKELETON_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkP7KTAXXEcjs.COMPACT_CARD_TEXT_COL, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkOFO75R2Ocjs.COMPACT_CARD_SKELETON_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOFO75R2Ocjs.COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-center gap-1.5", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-2/3 rounded bg-ods-bg" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-4 w-16 rounded-full bg-ods-bg/60" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-2/3 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-16 rounded-full" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-4 w-1/2 rounded bg-ods-bg/60" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-1/2 rounded" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-col gap-0", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-5/6 rounded bg-ods-bg/60" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-3/4 rounded bg-ods-bg/60" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-5 w-5/6 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-5 w-3/4 rounded" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3 w-1/4 rounded bg-ods-bg/70" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-1/4 rounded" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
   ] });
 }
 
@@ -4961,7 +4961,7 @@ function Section({ title, description, children }) {
   ] });
 }
 function ProxyCredentialsPanel({ description }) {
-  const hydrated = _chunk7Y5U3Y4Scjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkV3UJ6NDRcjs.useIsHydrated.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     ProxyCredentialsForm,
     {
@@ -5022,13 +5022,13 @@ function ProxyCredentialsForm({ description, saved }) {
     setStatus("Cleared. Requests use the session again.");
   };
   const setField = (field, value) => setOptional((prev) => ({ ...prev, [field]: value }));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkP7KTAXXEcjs.CardContent, { className: "space-y-[var(--spacing-system-lf)] p-[var(--spacing-system-mf)]", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkOFO75R2Ocjs.CardContent, { className: "space-y-[var(--spacing-system-lf)] p-[var(--spacing-system-mf)]", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "flex flex-col gap-[var(--spacing-system-sf)] sm:flex-row sm:items-start sm:justify-between", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h3", children: "Proxy credentials" }),
         description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: description })
       ] }),
-      activeEmail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.StatusBadge, { singleLine: true, colorScheme: "success", text: `Active: ${activeEmail}` }) })
+      activeEmail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.StatusBadge, { singleLine: true, colorScheme: "success", text: `Active: ${activeEmail}` }) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Section,
@@ -5125,10 +5125,10 @@ function ProxyCredentialsForm({ description, saved }) {
 
 // src/components/chat/index.ts
 var LoadedEmbeddableChat = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./embeddable-chat-5CDR4I6E.cjs"))).then((module) => ({ default: module.EmbeddableChat }))
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./embeddable-chat-SNYQSMS7.cjs"))).then((module) => ({ default: module.EmbeddableChat }))
 );
 var EmbeddableChat = _react.forwardRef.call(void 0, (props, ref) => {
-  _react.useEffect.call(void 0, () => _chunk7Y5U3Y4Scjs.holdAskAiOpens.call(void 0, ), []);
+  _react.useEffect.call(void 0, () => _chunkV3UJ6NDRcjs.holdAskAiOpens.call(void 0, ), []);
   return _react.createElement.call(void 0, _react.Suspense, { fallback: null }, _react.createElement.call(void 0, LoadedEmbeddableChat, { ...props, ref }));
 });
 EmbeddableChat.displayName = "EmbeddableChat";