@flamingo-stack/openframe-frontend-core 0.0.581 → 0.0.582-1958.5391.1

package/dist/{chunk-U3W2ZVN4.cjs → chunk-HMEEW73F.cjs}

@@ -90,7 +90,7 @@ var _chunkIKDC3R7Vcjs = require('./chunk-IKDC3R7V.cjs');
 
 
 
-var _chunkYU2UJPATcjs = require('./chunk-YU2UJPAT.cjs');
+var _chunkLOJ5KQ6Bcjs = require('./chunk-LOJ5KQ6B.cjs');
 
 
 
@@ -331,7 +331,7 @@ function ThemeProvider({ children, ...overrides }) {
 var useTheme = _nextthemes.useTheme;
 function useThemeToggle() {
   const { resolvedTheme, theme, setTheme } = useTheme();
-  const mounted = _chunkYU2UJPATcjs.useIsHydrated.call(void 0, );
+  const mounted = _chunkLOJ5KQ6Bcjs.useIsHydrated.call(void 0, );
   const active = mounted ? resolvedTheme === "light" || theme === "light" ? "light" : "dark" : DEFAULT_THEME;
   const setOdsTheme = _react.useCallback.call(void 0, (next) => setTheme(next), [setTheme]);
   const toggle = _react.useCallback.call(void 0, () => setTheme(active === "dark" ? "light" : "dark"), [active, setTheme]);
@@ -608,7 +608,7 @@ function TruncateText({
   const { ref, isTruncated } = _chunkZI27ALYXcjs.useIsTruncated.call(void 0, children, { multiline: isMultiLine });
   const clampClass = isMultiLine ? LINE_CLAMP_CLASS[lines] : "truncate block";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYU2UJPATcjs.FloatingTooltip,
+    _chunkLOJ5KQ6Bcjs.FloatingTooltip,
     {
       content: _nullishCoalesce(tooltip, () => ( children)),
       side,
@@ -910,7 +910,7 @@ function AutocompleteInner(props, ref) {
           ),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: middleRef, className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2", children: [
             multiple && visibleTags.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkYU2UJPATcjs.Tag,
+              _chunkLOJ5KQ6Bcjs.Tag,
               {
                 variant: "outline",
                 labelClassName: "max-w-[90px] truncate",
@@ -1116,7 +1116,7 @@ function AutocompleteInner(props, ref) {
           "aria-hidden": "true",
           className: "pointer-events-none invisible absolute left-0 top-0 -z-10 flex gap-2",
           children: selectedOptions.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkYU2UJPATcjs.Tag,
+            _chunkLOJ5KQ6Bcjs.Tag,
             {
               variant: "outline",
               labelClassName: "max-w-[90px] truncate",
@@ -2500,7 +2500,7 @@ function InfoHint({ children, label, side = "top", className }) {
   const describedById = _react.useId.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "inline-flex shrink-0 items-center", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYU2UJPATcjs.FloatingTooltip,
+      _chunkLOJ5KQ6Bcjs.FloatingTooltip,
       {
         content: children,
         side,
@@ -2594,7 +2594,7 @@ function Value2({ value, depth }) {
   }
   if (typeof value === "string") {
     if (ISO_DATE.test(value)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { title: value, className: "text-ods-text-secondary", children: _chunkYU2UJPATcjs.formatRelativeTime.call(void 0, value) });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { title: value, className: "text-ods-text-secondary", children: _chunkLOJ5KQ6Bcjs.formatRelativeTime.call(void 0, value) });
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-pre-wrap text-ods-text-primary", children: value });
   }
@@ -3226,7 +3226,7 @@ function RowValue({ value }) {
     }
     case "status": {
       const { type: _type, ...props } = value;
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TicketStatusTag, { ...props });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TicketStatusTag, { ...props });
     }
     case "custom":
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: value.content });
@@ -4137,7 +4137,7 @@ function TagsManager({
             }
           ),
           selectedTags.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkYU2UJPATcjs.Tag,
+            _chunkLOJ5KQ6Bcjs.Tag,
             {
               label: tag.name,
               variant: "outline",
@@ -4682,10 +4682,10 @@ function useConfirm() {
     },
     []
   );
-  const dialog = pending ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Modal, { isOpen: open, onClose: () => decide(false), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalTitle, { children: pending.title }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: pending.body }) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.ModalFooter, { children: [
+  const dialog = pending ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Modal, { isOpen: open, onClose: () => decide(false), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalTitle, { children: pending.title }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: pending.body }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHNIPSG6cjs.Button, { variant: "outline", onClick: () => decide(false), children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHNIPSG6cjs.Button, { variant: "destructive", onClick: () => decide(true), children: "Confirm" })
     ] })
@@ -4743,9 +4743,9 @@ function AdminFormModal({
     body: "Your edits have not been saved. Close and discard them?"
   });
   if (!isOpen) return null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Modal, { isOpen: true, onClose: guardedClose, size: effectiveSize, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.ModalHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalTitle, { children: title }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Modal, { isOpen: true, onClose: guardedClose, size: effectiveSize, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.ModalHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalTitle, { children: title }),
       subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-secondary text-h6", children: subtitle })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -4769,7 +4769,7 @@ function AdminFormModal({
             // a shrink-to-fit flex item pinned to the left of a 1400px panel).
             // The placeholder owns its own layout and mirrors the column count so
             // the modal doesn't visibly re-flow when the entity lands.
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalContent, { children: loadingContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-busy": "true", children: loadingContent }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalContent, { children: loadingContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-busy": "true", children: loadingContent }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "div",
               {
                 "aria-busy": "true",
@@ -4790,12 +4790,12 @@ function AdminFormModal({
                 ]
               }
             ) })
-          ) : twoColumn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalTwoColumn, { left: leftColumn, right: rightColumn }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalContent, { className: contentClassName, children }),
+          ) : twoColumn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalTwoColumn, { left: leftColumn, right: rightColumn }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalContent, { className: contentClassName, children }),
           error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "alert", className: "shrink-0 text-ods-error text-h6", children: error })
         ]
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalFooter, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center justify-between gap-[var(--spacing-system-xsf)]", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalFooter, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center justify-between gap-[var(--spacing-system-xsf)]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: footerExtras }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
         footerStatus,
@@ -6893,7 +6893,7 @@ var MediaCarousel = _react.memo.call(void 0, function MediaCarouselImpl({
   };
   const displayImageSrc = (url) => transformImageSrc ? transformImageSrc(url) : url;
   const renderVideo = (item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYU2UJPATcjs.Video,
+    _chunkLOJ5KQ6Bcjs.Video,
     {
       url: item.src,
       poster: item.poster ? displayImageSrc(item.poster) : void 0,
@@ -7617,7 +7617,7 @@ function buildRichEmbedOverrides({
   ogEndpointPath,
   textSizes
 }) {
-  const standard = _chunkYU2UJPATcjs.buildStandardLeafRenderers.call(void 0, { textSizes });
+  const standard = _chunkLOJ5KQ6Bcjs.buildStandardLeafRenderers.call(void 0, { textSizes });
   return {
     // Fence-language embeds (```youtube-embed etc.); everything else
     // (mermaid, highlighted blocks, inline code) falls through to `standard`.
@@ -7627,7 +7627,7 @@ function buildRichEmbedOverrides({
       const language = match ? match[1] : "";
       const fenceText = () => String(children).replace(/\n$/, "").trim();
       if (language === "youtube-embed") {
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Video, { kind: "youtube", url: fenceText() });
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Video, { kind: "youtube", url: fenceText() });
       }
       if (language === "reddit-embed") {
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RedditEmbedClient, { url: fenceText() });
@@ -7668,7 +7668,7 @@ function buildRichEmbedOverrides({
         "data-figma-url": figmaUrl
       } = divProps;
       if (className === "youtube-embed" && videoId) {
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Video, { kind: "youtube", url: videoId });
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Video, { kind: "youtube", url: videoId });
       }
       if (className === "reddit-embed" && postUrl) {
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RedditEmbedClient, { url: postUrl });
@@ -7753,14 +7753,14 @@ function buildRichEmbedOverrides({
     // rich-markdown runtime (Supabase optimization on the hub, identity
     // elsewhere). Guard against empty `![]()`.
     img: ({ src, alt }) => {
-      if (!_chunkYU2UJPATcjs.hasRenderableSrc.call(void 0, src)) return null;
+      if (!_chunkLOJ5KQ6Bcjs.hasRenderableSrc.call(void 0, src)) return null;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownImage, { src: src.trim(), alt });
     },
     // Raw <video> tags in stored content (blog publisher injection) route
     // to the <Video> SSOT (MuxPlayer) so HLS manifests play everywhere.
     video: ({ src, poster, className }) => {
-      if (!_chunkYU2UJPATcjs.hasRenderableSrc.call(void 0, src)) return null;
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `overflow-hidden ${className || "my-8 w-full rounded-lg"}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Video, { kind: "file", url: src.trim(), poster: typeof poster === "string" ? poster : void 0 }) }) });
+      if (!_chunkLOJ5KQ6Bcjs.hasRenderableSrc.call(void 0, src)) return null;
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `overflow-hidden ${className || "my-8 w-full rounded-lg"}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Video, { kind: "file", url: src.trim(), poster: typeof poster === "string" ? poster : void 0 }) }) });
     }
   };
 }
@@ -7943,13 +7943,13 @@ var RichMarkdownInner = ({
     },
     [resolveLinkEndpointUrl, resolveSource]
   );
-  const textSizes = _react.useMemo.call(void 0, () => _chunkYU2UJPATcjs.resolveTextSizeConfig.call(void 0, "article"), []);
+  const textSizes = _react.useMemo.call(void 0, () => _chunkLOJ5KQ6Bcjs.resolveTextSizeConfig.call(void 0, "article"), []);
   const componentOverrides = _react.useMemo.call(void 0, 
     () => buildRichEmbedOverrides({ ogApiBaseUrl, ogEndpointPath, textSizes }),
     [ogApiBaseUrl, ogEndpointPath, textSizes]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYU2UJPATcjs.MarkdownEngine,
+    _chunkLOJ5KQ6Bcjs.MarkdownEngine,
     {
       content,
       className,
@@ -7971,7 +7971,7 @@ var RichMarkdownRendererImpl = ({
   className = "",
   sectionIds,
   onInternalLinkClick,
-  brokenLinks = _chunkYU2UJPATcjs.NO_BROKEN_LINKS,
+  brokenLinks = _chunkLOJ5KQ6Bcjs.NO_BROKEN_LINKS,
   currentPath,
   resolveSource = "openframe-docs",
   resolveLinkEndpointUrl = "/api/docs/resolve-link",
@@ -8544,7 +8544,7 @@ function FilterModal({
   const dateDefaultSort = _nullishCoalesce(_optionalChain([dateFilter, 'optionalAccess', _161 => _161.defaultSort]), () => ( "desc"));
   const [draftDateSort, setDraftDateSort] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([dateFilter, 'optionalAccess', _162 => _162.sort]), () => ( dateDefaultSort)));
   const [draftDateRange, setDraftDateRange] = _react.useState.call(void 0, _optionalChain([dateFilter, 'optionalAccess', _163 => _163.range]));
-  const { scrollRef, fadeTop, fadeBottom, update: updateFade } = _chunkYU2UJPATcjs.useScrollFade.call(void 0, );
+  const { scrollRef, fadeTop, fadeBottom, update: updateFade } = _chunkLOJ5KQ6Bcjs.useScrollFade.call(void 0, );
   const seedKey = `${JSON.stringify(currentFilters)}|${JSON.stringify(_nullishCoalesce(selectedTags, () => ( [])))}`;
   const seedSourceRef = _react.useRef.call(void 0, { currentFilters, selectedTags, dateFilter, dateDefaultSort });
   _react.useEffect.call(void 0, () => {
@@ -8589,10 +8589,10 @@ function FilterModal({
   const hasFilterGroups = filterGroups.length > 0;
   const hasTagFilter = !!tagFilterKeys && tagFilterKeys.length > 0 && !!onTagsChange;
   const isEmpty = !isLoading && !hasSort && !hasFilterGroups && !hasTagFilter && !dateFilter;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Modal, { isOpen, onClose, className: _chunkPRPZBXWZcjs.cn.call(void 0, "max-h-[90vh] max-w-none", className), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalTitle, { children: title }) }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Modal, { isOpen, onClose, className: _chunkPRPZBXWZcjs.cn.call(void 0, "max-h-[90vh] max-w-none", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalTitle, { children: title }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYU2UJPATcjs.ModalContent,
+      _chunkLOJ5KQ6Bcjs.ModalContent,
       {
         className: _chunkPRPZBXWZcjs.cn.call(void 0, 
           "flex min-h-0 flex-1 flex-col",
@@ -8684,12 +8684,12 @@ function FilterModal({
               ] })
             }
           ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ScrollFadeOverlay, { edge: "top", visible: fadeTop }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ScrollFadeOverlay, { edge: "bottom", visible: fadeBottom })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ScrollFadeOverlay, { edge: "top", visible: fadeTop }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ScrollFadeOverlay, { edge: "bottom", visible: fadeBottom })
         ] })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHNIPSG6cjs.Button, { variant: "outline", className: "h-11 flex-1", onClick: handleReset, children: resetButtonText }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHNIPSG6cjs.Button, { variant: "accent", className: "h-11 flex-1", onClick: handleApply, children: applyButtonText })
     ] })
@@ -8733,9 +8733,9 @@ function actionToMenuItems(action, idx) {
 function renderActionButton(action, opts = {}) {
   const button = renderRawActionButton(action, opts);
   if (!action.tooltip) return button;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Tooltip, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipContent, { children: action.tooltip })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Tooltip, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipContent, { children: action.tooltip })
   ] }) });
 }
 function renderRawActionButton(action, opts = {}) {
@@ -8759,7 +8759,7 @@ function renderRawActionButton(action, opts = {}) {
   }
   if (action.submenu && action.submenu.length > 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYU2UJPATcjs.ActionsMenuDropdown,
+      _chunkLOJ5KQ6Bcjs.ActionsMenuDropdown,
       {
         groups: [{ items: action.submenu }],
         customTrigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -8894,10 +8894,10 @@ function IconButtonsVariant({
       selector,
       loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
-        hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ActionsMenuDropdown, { groups: menuActions })
+        hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ActionsMenuDropdown, { groups: menuActions })
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex md:hidden", className), children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileTriggerSkeleton, {}) : useSingleActionMobile && singleAction ? renderActionButton(singleAction, { iconOnly: true }) : hasMobileMenuItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ActionsMenuDropdown, { groups: mobileMenuGroups }) : null })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex md:hidden", className), children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileTriggerSkeleton, {}) : useSingleActionMobile && singleAction ? renderActionButton(singleAction, { iconOnly: true }) : hasMobileMenuItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ActionsMenuDropdown, { groups: mobileMenuGroups }) : null })
   ] });
 }
 function PrimaryButtonsVariant({
@@ -8935,7 +8935,7 @@ function MenuPrimaryVariant({
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "hidden items-center md:flex", ACTIONS_GAP, className), children: [
       selector,
       loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ActionsMenuDropdown, { groups: menuActions }),
+        hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ActionsMenuDropdown, { groups: menuActions }),
         desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
       ] })
     ] }),
@@ -8943,7 +8943,7 @@ function MenuPrimaryVariant({
       // The selector rides into the menu as its header row: on mobile the
       // title row has no room for it, and hiding it entirely (what
       // `icon-buttons` does) would leave no way to switch views at all.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ActionsMenuDropdown, { groups: mobileMenuGroups, header: selector })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ActionsMenuDropdown, { groups: mobileMenuGroups, header: selector })
     ) : null })
   ] });
 }
@@ -9030,7 +9030,7 @@ function renderAdvancedPageContainer({
     md: "p-6",
     lg: "p-8"
   };
-  const backgroundClasses = {
+  const backgroundClasses2 = {
     default: "bg-ods-bg",
     card: "bg-ods-card",
     transparent: ""
@@ -9090,7 +9090,7 @@ function renderAdvancedPageContainer({
     ] });
   };
   const getContainerClasses = () => {
-    const baseClasses = ["flex flex-col w-full", backgroundClasses[background], paddingClasses[padding]];
+    const baseClasses = ["flex flex-col w-full", backgroundClasses2[background], paddingClasses[padding]];
     switch (variant) {
       case "list":
         return _chunkPRPZBXWZcjs.cn.call(void 0, baseClasses, "gap-4 md:gap-6", className);
@@ -9346,7 +9346,7 @@ function TitleBlock({
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
                   (loading || title) && (titleAdornment ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center gap-[var(--spacing-system-m)]", children: [
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkYU2UJPATcjs.FloatingTooltip,
+                      _chunkLOJ5KQ6Bcjs.FloatingTooltip,
                       {
                         content: title,
                         side: "bottom",
@@ -9363,12 +9363,12 @@ function TitleBlock({
                       }
                     ),
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: titleAdornment })
-                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { ref: titleRef, className: _chunkPRPZBXWZcjs.cn.call(void 0, titleClass, "text-ods-text-primary", titleOverflowClass), children: titleNode }) })),
+                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { ref: titleRef, className: _chunkPRPZBXWZcjs.cn.call(void 0, titleClass, "text-ods-text-primary", titleOverflowClass), children: titleNode }) })),
                   hasSubtitleRow && /* The NBSP is a pure spacer, reached only in `'always'` mode: an
                      empty `p` collapses to zero height (its only content would be
                      collapsible whitespace), which is exactly the shift that mode
                      exists to prevent. Hidden from AT — it carries no meaning. */
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "p",
                     {
                       ref: subtitleRef,
@@ -9379,7 +9379,7 @@ function TitleBlock({
                   ) })
                 ] })
               ] }) : title && (titleAdornment ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center gap-[var(--spacing-system-m)]", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { ref: titleRef, className: _chunkPRPZBXWZcjs.cn.call(void 0, titleClass, "min-w-0 text-ods-text-primary", titleOverflowClass), children: title }) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { ref: titleRef, className: _chunkPRPZBXWZcjs.cn.call(void 0, titleClass, "min-w-0 text-ods-text-primary", titleOverflowClass), children: title }) }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: titleAdornment })
               ] }) : (
                 /* This branch never had the single-line clamp, so text already
@@ -10976,7 +10976,7 @@ function extractSections(markdown, options = {}) {
     if (heading.level > opts.maxLevel) continue;
     let title = heading.text;
     if (opts.stripFormattingMarkers) {
-      title = _chunkYU2UJPATcjs.stripInlineMarkdown.call(void 0, title).trim();
+      title = _chunkLOJ5KQ6Bcjs.stripInlineMarkdown.call(void 0, title).trim();
     }
     const baseId = _chunkZI27ALYXcjs.slugifyHeadingBase.call(void 0, opts.removeEmojis ? _chunkZI27ALYXcjs.stripHeadingEmojis.call(void 0, title) : title);
     const cleanId = baseId || `section-${sections.length + 1}`;
@@ -11108,7 +11108,7 @@ var BenefitCard = ({
     const gap = cardVariant === "auth-figma" ? "gap-4" : "gap-2";
     return `flex ${gap} items-start justify-start relative`;
   };
-  const variantStyles = {
+  const variantStyles2 = {
     default: {
       container: "bg-ods-bg p-2 md:p-4",
       title: "font-body font-bold text-body-md md:text-body-lg text-ods-text-primary",
@@ -11125,7 +11125,7 @@ var BenefitCard = ({
       description: "text-h4 text-ods-text-secondary"
     }
   };
-  const styles = variantStyles[variant];
+  const styles = variantStyles2[variant];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, getBaseStyles(variant), styles.container, className), children: [
     icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: icon }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
@@ -11263,7 +11263,7 @@ function BulletList({
 var ChevronButton = _react.forwardRef.call(void 0, 
   ({ className, direction = "down", size = "md", isExpanded, backgroundColor, borderColor, ...props }, ref) => {
     const Icon2 = (isExpanded ? _lucidereact.ChevronUp : _lucidereact.ChevronDown) || (direction === "up" ? _lucidereact.ChevronUp : _lucidereact.ChevronDown);
-    const sizeClasses = {
+    const sizeClasses2 = {
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
@@ -11282,7 +11282,7 @@ var ChevronButton = _react.forwardRef.call(void 0,
         },
         ref,
         ...props,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon2, { className: sizeClasses[size] })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon2, { className: sizeClasses2[size] })
       }
     );
   }
@@ -11468,7 +11468,7 @@ function DashboardInfoCard({
     const asTag = percentageDisplay === "tag" || percentageDisplay === "auto" && (progressVariant === "warning" || progressVariant === "error");
     if (asTag) {
       const tagVariant = progressVariant === "warning" || progressVariant === "error" ? progressVariant : progressVariant === "success" ? "success" : "grey";
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Tag, { variant: tagVariant, label: `${percentage}%` });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Tag, { variant: tagVariant, label: `${percentage}%` });
     }
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-secondary text-h4", children: [
       "(",
@@ -11522,7 +11522,7 @@ function DashboardInfoCard({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "truncate text-ods-text-primary text-h3 md:text-h2", valueClassName), children: formattedValue }),
         subValue && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: subValue }),
         renderPercentage(),
-        tooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.FloatingTooltip, { content: tooltip, side: "top", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "cursor-help text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.QuestionCircleIcon, { size: 20 }) }) })
+        tooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.FloatingTooltip, { content: tooltip, side: "top", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "cursor-help text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.QuestionCircleIcon, { size: 20 }) }) })
       ] })
     ] }),
     renderProgress()
@@ -11705,7 +11705,7 @@ function DeviceCard({
         ] }),
         (statusTag || device.lastSeen) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-2", children: [
           statusTag && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkYU2UJPATcjs.Tag,
+            _chunkLOJ5KQ6Bcjs.Tag,
             {
               variant: statusTag.variant,
               icon: statusTag.icon,
@@ -11719,7 +11719,7 @@ function DeviceCard({
             formatLastSeen(device.lastSeen)
           ] })
         ] }),
-        device.tags && device.tags.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-wrap items-center gap-2", children: device.tags.map((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Tag, { variant: "outline", label: tag }, index)) })
+        device.tags && device.tags.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-wrap items-center gap-2", children: device.tags.map((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Tag, { variant: "outline", label: tag }, index)) })
       ]
     }
   );
@@ -11867,7 +11867,7 @@ function FeatureList({ items, className = "", iconBoxSize = 72 }) {
 
 function SourceTooltip({ intro, sources, note, iconClassName, triggerAnchorProps }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYU2UJPATcjs.FloatingTooltip,
+    _chunkLOJ5KQ6Bcjs.FloatingTooltip,
     {
       as: "span",
       side: "top",
@@ -11977,12 +11977,12 @@ function HighlightCardGrid({
 
 var IconsBlock = _react.forwardRef.call(void 0, 
   ({ className, icons = [], size = "md", ...props }, ref) => {
-    const sizeClasses = {
+    const sizeClasses2 = {
       sm: "h-4 w-4",
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex items-center gap-2", className), ref, ...props, children: icons.map((icon, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "rounded-md bg-secondary p-1", sizeClasses[size]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full w-full rounded-sm bg-primary/20" }) }, index)) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex items-center gap-2", className), ref, ...props, children: icons.map((icon, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "rounded-md bg-secondary p-1", sizeClasses2[size]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full w-full rounded-sm bg-primary/20" }) }, index)) });
   }
 );
 IconsBlock.displayName = "IconsBlock";
@@ -12051,7 +12051,7 @@ function DropdownButton({
     )
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYU2UJPATcjs.ActionsMenuDropdown,
+    _chunkLOJ5KQ6Bcjs.ActionsMenuDropdown,
     {
       groups: _nullishCoalesce(groups, () => ( [{ items: _nullishCoalesce(items, () => ( [])) }])),
       open,
@@ -12289,7 +12289,7 @@ function ServiceCardRowItem({ row }) {
         ),
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkYU2UJPATcjs.FloatingTooltip,
+            _chunkLOJ5KQ6Bcjs.FloatingTooltip,
             {
               content: row.value,
               side: "top",
@@ -12415,9 +12415,9 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
       return next;
     });
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Tooltip, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Tooltip, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYU2UJPATcjs.TooltipTrigger,
+      _chunkLOJ5KQ6Bcjs.TooltipTrigger,
       {
         asChild: true,
         onPointerDown: (e) => {
@@ -12435,7 +12435,7 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
         children
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipContent, { side, className: "max-w-xs", children: content })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipContent, { side, className: "max-w-xs", children: content })
   ] }) });
 }
 
@@ -13450,9 +13450,9 @@ function TruncatedHeaderCell({ value, width }) {
       setIsTruncated(el.scrollWidth > el.clientWidth);
     }
   }, []);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Tooltip, { open: isTruncated ? void 0 : false, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipTrigger, { asChild: true, onMouseEnter: checkTruncation, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex shrink-0 items-center", style: { width, height: 48 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: textRef, className: "truncate text-ods-text-secondary text-h5", children: value }) }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipContent, { side: "bottom", className: "max-w-xs break-words", children: value })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Tooltip, { open: isTruncated ? void 0 : false, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipTrigger, { asChild: true, onMouseEnter: checkTruncation, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex shrink-0 items-center", style: { width, height: 48 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: textRef, className: "truncate text-ods-text-secondary text-h5", children: value }) }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipContent, { side: "bottom", className: "max-w-xs break-words", children: value })
   ] }) });
 }
 
@@ -13505,9 +13505,9 @@ function TruncatedCell({ value, className }) {
       setIsTruncated(el.scrollWidth > el.clientWidth);
     }
   }, []);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Tooltip, { open: isTruncated ? void 0 : false, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipTrigger, { asChild: true, onMouseEnter: checkTruncation, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: textRef, className: _chunkPRPZBXWZcjs.cn.call(void 0, "block truncate", className), children: value }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipContent, { side: "top", className: "max-w-xs break-words", children: value })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Tooltip, { open: isTruncated ? void 0 : false, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipTrigger, { asChild: true, onMouseEnter: checkTruncation, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: textRef, className: _chunkPRPZBXWZcjs.cn.call(void 0, "block truncate", className), children: value }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipContent, { side: "top", className: "max-w-xs break-words", children: value })
   ] }) });
 }
 
@@ -14791,7 +14791,7 @@ function SearchInput({
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent [&_svg]:size-4 md:[&_svg]:size-6", children: startAdornment !== void 0 ? startAdornment : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWZW7C7TFcjs.SearchIcon, {}) }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: middleRef, className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden", children: [
               visibleChips.map((chip) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkYU2UJPATcjs.Tag,
+                _chunkLOJ5KQ6Bcjs.Tag,
                 {
                   variant: chipVariantToTagVariant(chip.variant),
                   label: chip.label,
@@ -14905,7 +14905,7 @@ function SearchInput({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: measureRef, "aria-hidden": "true", className: "pointer-events-none fixed -left-[9999px] top-0 flex gap-2", children: filterChips.map((chip) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYU2UJPATcjs.Tag,
+      _chunkLOJ5KQ6Bcjs.Tag,
       {
         variant: chipVariantToTagVariant(chip.variant),
         label: chip.label,
@@ -15118,7 +15118,7 @@ function TagSearchInput({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex shrink-0 items-center pl-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWZW7C7TFcjs.SearchIcon, { className: "size-4 text-ods-text-secondary md:size-6" }) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: middleRef, className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2", children: [
             visibleTags.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkYU2UJPATcjs.Tag,
+              _chunkLOJ5KQ6Bcjs.Tag,
               {
                 variant: "outline",
                 label: renderTag ? renderTag(tag) : tag.label,
@@ -15206,7 +15206,7 @@ function TagSearchInput({
         "aria-hidden": "true",
         className: "pointer-events-none invisible absolute left-0 top-0 -z-10 flex gap-2",
         children: tags.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYU2UJPATcjs.Tag,
+          _chunkLOJ5KQ6Bcjs.Tag,
           {
             variant: "outline",
             label: renderTag ? renderTag(tag) : tag.label,
@@ -16095,20 +16095,20 @@ function ColorPresetSelect({
         ...presets.map((p) => ({
           id: p.key,
           label: p.label,
-          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ColorSwatch, { color: p.color }),
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ColorSwatch, { color: p.color }),
           onClick: () => onChange({ color: p.color, preset: p.key })
         })),
         {
           id: CUSTOM_PRESET_KEY,
           label: "Custom",
-          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ColorSwatch, { color: isCustom ? value : DEFAULT_CUSTOM_STATUS_COLOR }),
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ColorSwatch, { color: isCustom ? value : DEFAULT_CUSTOM_STATUS_COLOR }),
           onClick: () => onChange({ color: value, preset: void 0 })
         }
       ]
     }
   ];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYU2UJPATcjs.ActionsMenuDropdown,
+    _chunkLOJ5KQ6Bcjs.ActionsMenuDropdown,
     {
       groups,
       align: "start",
@@ -16118,7 +16118,7 @@ function ColorPresetSelect({
         {
           disabled,
           "aria-label": `Color: ${displayLabel}`,
-          startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ColorSwatch, { color: displayColor }),
+          startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ColorSwatch, { color: displayColor }),
           selectedLabel: displayLabel,
           endIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TriggerChevron, {}),
           className: _chunkPRPZBXWZcjs.cn.call(void 0, "group", className)
@@ -16139,7 +16139,7 @@ function HexInputs({ value, onChange }) {
   }
   const commit = () => {
     const candidate = (draft.startsWith("#") ? draft : `#${draft}`).toLowerCase();
-    if (_chunkYU2UJPATcjs.HEX_PATTERN.test(candidate)) onChange(candidate);
+    if (_chunkLOJ5KQ6Bcjs.HEX_PATTERN.test(candidate)) onChange(candidate);
     else setDraft(value);
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -16203,12 +16203,12 @@ function ChannelInput({
   );
 }
 function RgbInputs({ value, onChange }) {
-  const rgb = _nullishCoalesce(_chunkYU2UJPATcjs.hexToRgb.call(void 0, value), () => ( { r: 0, g: 0, b: 0 }));
+  const rgb = _nullishCoalesce(_chunkLOJ5KQ6Bcjs.hexToRgb.call(void 0, value), () => ( { r: 0, g: 0, b: 0 }));
   const update = (next) => {
     const r = _nullishCoalesce(next.r, () => ( rgb.r));
     const g = _nullishCoalesce(next.g, () => ( rgb.g));
     const b = _nullishCoalesce(next.b, () => ( rgb.b));
-    onChange(_chunkYU2UJPATcjs.rgbToHex.call(void 0, r, g, b));
+    onChange(_chunkLOJ5KQ6Bcjs.rgbToHex.call(void 0, r, g, b));
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChannelInput, { value: rgb.r, min: 0, max: 255, ariaLabel: "Red", onCommit: (r) => update({ r }) }),
@@ -16217,14 +16217,14 @@ function RgbInputs({ value, onChange }) {
   ] });
 }
 function HslInputs({ value, onChange }) {
-  const rgb = _nullishCoalesce(_chunkYU2UJPATcjs.hexToRgb.call(void 0, value), () => ( { r: 0, g: 0, b: 0 }));
-  const hsl = _chunkYU2UJPATcjs.rgbToHsl.call(void 0, rgb.r, rgb.g, rgb.b);
+  const rgb = _nullishCoalesce(_chunkLOJ5KQ6Bcjs.hexToRgb.call(void 0, value), () => ( { r: 0, g: 0, b: 0 }));
+  const hsl = _chunkLOJ5KQ6Bcjs.rgbToHsl.call(void 0, rgb.r, rgb.g, rgb.b);
   const update = (next) => {
     const h = _nullishCoalesce(next.h, () => ( hsl.h));
     const s = _nullishCoalesce(next.s, () => ( hsl.s));
     const l = _nullishCoalesce(next.l, () => ( hsl.l));
-    const out = _chunkYU2UJPATcjs.hslToRgb.call(void 0, h, s, l);
-    onChange(_chunkYU2UJPATcjs.rgbToHex.call(void 0, out.r, out.g, out.b));
+    const out = _chunkLOJ5KQ6Bcjs.hslToRgb.call(void 0, h, s, l);
+    onChange(_chunkLOJ5KQ6Bcjs.rgbToHex.call(void 0, out.r, out.g, out.b));
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChannelInput, { value: hsl.h, min: 0, max: 360, ariaLabel: "Hue", onCommit: (h) => update({ h }) }),
@@ -16250,7 +16250,7 @@ function ColorPickerInput({ value, onChange, disabled, className }) {
       {
         disabled,
         "aria-label": "Pick custom color",
-        startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ColorSwatch, { color: value }),
+        startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ColorSwatch, { color: value }),
         selectedLabel: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "uppercase", children: value }),
         endIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TriggerChevron, {}),
         className: _chunkPRPZBXWZcjs.cn.call(void 0, "group", className)
@@ -16266,7 +16266,7 @@ function ColorPickerInput({ value, onChange, disabled, className }) {
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactcolorful.HexColorPicker, { color: value, onChange }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkYU2UJPATcjs.ActionsMenuDropdown,
+              _chunkLOJ5KQ6Bcjs.ActionsMenuDropdown,
               {
                 groups: formatGroups,
                 align: "start",
@@ -16323,7 +16323,7 @@ function TicketStatusConfigRow({
   const previewVariant = _nullishCoalesce(systemTagVariant, () => ( (isSystem ? void 0 : "primary")));
   const fieldRowOffset = "mt-[calc(var(--font-line-space-h4-body)+0.25rem)]";
   const chip = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYU2UJPATcjs.TicketStatusTag,
+    _chunkLOJ5KQ6Bcjs.TicketStatusTag,
     {
       status: statusKey,
       label: name || " ",
@@ -16475,7 +16475,7 @@ function formatTestRunDuration(ms) {
 var RESULT_COLUMN_MIN_WIDTH = 176;
 var SKELETON_COLUMNS = 6;
 function TestResultsSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ScrollShadow, { axis: "horizontal", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-max min-w-full flex-col", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ScrollShadow, { axis: "horizontal", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-max min-w-full flex-col", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-mf)] px-[var(--spacing-system-mf)]", children: Array.from({ length: SKELETON_COLUMNS }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-[160px] shrink-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 animate-pulse rounded-sm bg-ods-bg-surface" }) }, `skeleton-header-${i}`)) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "animate-pulse overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[66px] items-center gap-[var(--spacing-system-mf)] px-[var(--spacing-system-mf)] md:h-[78px]", children: Array.from({ length: SKELETON_COLUMNS }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-[160px] shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-3/4 rounded-sm bg-ods-bg-surface" }) }, `skeleton-cell-${i}`)) }) })
   ] }) });
@@ -16510,7 +16510,7 @@ function TestResultsTable({ rows, loading }) {
   if (loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestResultsSkeleton, {});
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ScrollShadow, { axis: "horizontal", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { minWidth: Math.max(1, columnKeys.length) * RESULT_COLUMN_MIN_WIDTH }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataTable, { table, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ScrollShadow, { axis: "horizontal", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { minWidth: Math.max(1, columnKeys.length) * RESULT_COLUMN_MIN_WIDTH }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataTable, { table, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTable.Header, { className: "flex flex-col" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTable.Body, { loading: false })
   ] }) }) });
@@ -16570,7 +16570,7 @@ var TEST_RUN_STATUS_TAGS = {
 function TestRunStatusStat({ status, className }) {
   const tag = status === "idle" ? null : TEST_RUN_STATUS_TAGS[status];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex min-w-0 flex-col items-start justify-center gap-[var(--spacing-system-xxs)]", className), children: [
-    tag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Tag, { label: tag.label, variant: tag.variant, className: "pointer-events-none" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h4", children: "-" }),
+    tag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Tag, { label: tag.label, variant: tag.variant, className: "pointer-events-none" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h4", children: "-" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: "Status" })
   ] });
 }
@@ -16613,7 +16613,7 @@ function useTestRunState(campaign) {
   const firstError = isFinished && campaign.errors.length > 0 ? campaign.errors[0].error : null;
   const status = isActive ? "running" : hasRun && isFinished ? firstError ? "error" : "success" : "idle";
   const showTiming = hasRun && campaign.startedAt !== null && (campaign.isRunning || isFinished);
-  const startedLabel = showTiming && campaign.startedAt ? _chunkYU2UJPATcjs.formatTime.call(void 0, campaign.startedAt) : "00:00 PM";
+  const startedLabel = showTiming && campaign.startedAt ? _chunkLOJ5KQ6Bcjs.formatTime.call(void 0, campaign.startedAt) : "00:00 PM";
   const durationLabel = showTiming ? formatTestRunDuration(durationMs) : "00:00:00";
   const displayRows = _react.useMemo.call(void 0, 
     () => campaign.results.map(
@@ -16951,7 +16951,7 @@ function TicketInfoSection({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { value: _optionalChain([device, 'optionalAccess', _391 => _391.name]) || "Unassigned", label: "Device", icon: _optionalChain([device, 'optionalAccess', _392 => _392.icon]), onClick: _optionalChain([device, 'optionalAccess', _393 => _393.onClick]) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-4", children: [
         (status || statusLabel) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYU2UJPATcjs.TicketStatusTag,
+          _chunkLOJ5KQ6Bcjs.TicketStatusTag,
           {
             status: _nullishCoalesce(status, () => ( "")),
             label: statusLabel,
@@ -16990,9 +16990,9 @@ function TicketInfoSection({
     expanded && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       createdAt && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-2 items-center gap-4 border-b border-ods-border bg-ods-bg px-4 py-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { value: createdAt, label: "Created" }) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 border-b border-ods-border bg-ods-bg p-4", children: [
-        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.SimpleMarkdownRenderer, { content: description }),
+        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.SimpleMarkdownRenderer, { content: description }),
         attachments && attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketDetailSection, { label: "Attachments", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketAttachmentsList, { attachments }) }),
-        tags && tags.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketDetailSection, { label: "Tags", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-wrap gap-2", children: tags.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Tag, { label: tag, variant: "outline", className: "max-w-full" }, tag)) }) }),
+        tags && tags.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketDetailSection, { label: "Tags", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-wrap gap-2", children: tags.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Tag, { label: tag, variant: "outline", className: "max-w-full" }, tag)) }) }),
         (notes || onAddNote) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketDetailSection, { label: "Notes", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           TicketNotesSection,
           {
@@ -17015,7 +17015,7 @@ function renderTicketStatusOption(option, isSelected) {
   const { label, color } = option;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-[var(--spacing-system-xs)]", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xs)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ColorSwatch, { color }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ColorSwatch, { color }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TruncateText, { className: "text-inherit", children: label }) })
     ] }),
     isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.CheckIcon, { className: "text-ods-accent", size: 20 })
@@ -17060,9 +17060,9 @@ function TakeOverTicketModal({
     if (!selectedStatusId || !assigneeId || isPending) return;
     onConfirm({ statusId: selectedStatusId, assigneeId });
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalTitle, { children: "Take Over Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalTitle, { children: "Take Over Ticket" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: [
       "The ticket ",
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ticketRef }),
@@ -17077,7 +17077,7 @@ function TakeOverTicketModal({
           value: selectedStatusId,
           onChange: setStatusId,
           placeholder: "Select Status",
-          startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ColorSwatch, { color: selectedStatus.color }) : void 0,
+          startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ColorSwatch, { color: selectedStatus.color }) : void 0,
           renderOption: renderTicketStatusOption
         }
       ) }),
@@ -17104,7 +17104,7 @@ function TakeOverTicketModal({
         }
       ) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHNIPSG6cjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -17163,9 +17163,9 @@ function ReopenTicketModal({
       reason: trimmedReason ? trimmedReason.slice(0, REASON_MAX_LENGTH) : null
     });
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalTitle, { children: "Reopen Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalTitle, { children: "Reopen Ticket" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: [
       "The ticket ",
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ticketRef }),
@@ -17180,7 +17180,7 @@ function ReopenTicketModal({
           value: selectedStatusId,
           onChange: setStatusId,
           placeholder: "Select Status",
-          startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ColorSwatch, { color: selectedStatus.color }) : void 0,
+          startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ColorSwatch, { color: selectedStatus.color }) : void 0,
           renderOption: renderTicketStatusOption
         }
       ) }),
@@ -17218,7 +17218,7 @@ function ReopenTicketModal({
         disabled: isPending
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHNIPSG6cjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -17266,9 +17266,9 @@ function ReopenTicketRequestModal({
       ...showHandoffOption ? { handoffToTechnician: handoff } : {}
     });
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ModalTitle, { children: "Reopen Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ModalTitle, { children: "Reopen Ticket" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: "This ticket will be reopened and the AI assistant will continue helping you." }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Textarea,
@@ -17292,7 +17292,7 @@ function ReopenTicketRequestModal({
         disabled: isPending
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHNIPSG6cjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1", children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHNIPSG6cjs.Button, { type: "button", variant: "accent", onClick: handleConfirm, loading: isPending, className: "flex-1", children: "Reopen Ticket" })
     ] })
@@ -19289,7 +19289,7 @@ function UnifiedUI({ state, handlers, config, iframeRef }) {
                   sandbox: "allow-scripts allow-same-origin allow-popups allow-presentation",
                   title: config.title,
                   loading: "eager",
-                  ..._chunkYU2UJPATcjs.fetchPriorityProp.call(void 0, "high")
+                  ..._chunkLOJ5KQ6Bcjs.fetchPriorityProp.call(void 0, "high")
                 },
                 iframeKey
               ),
@@ -20139,7 +20139,7 @@ function MediaGalleryManager({
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative aspect-video overflow-hidden rounded-lg bg-ods-bg", children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? (
               // <Video> SSOT (MuxPlayer) — plays Mux HLS + MP4 alike;
               // fit="cover" crops to the aspect-video cell.
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Video, { kind: "file", url: mediaItem.media_url, fit: "cover", className: "h-full w-full" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Video, { kind: "file", url: mediaItem.media_url, fit: "cover", className: "h-full w-full" })
             ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               _chunkWLSFBRT5cjs.next_image_default,
               {
@@ -20600,18 +20600,1674 @@ function PlatformFilterComponent({
 // src/components/features/push-button-selector.tsx
 
 
+
+// src/components/loading/unified-skeleton.tsx
+
+function UnifiedSkeleton({
+  className,
+  variant = "default",
+  width,
+  height,
+  animate = true,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const baseClasses = "bg-ods-skeleton";
+  const variantClasses = {
+    default: "rounded-md",
+    text: "rounded-sm",
+    circular: "rounded-full",
+    rectangular: "rounded-none"
+  };
+  const defaultHeights = {
+    default: "h-4",
+    text: "h-4",
+    circular: "h-12 w-12",
+    rectangular: "h-4"
+  };
+  const animationClasses = animate ? "animate-pulse motion-reduce:animate-none" : "";
+  const style = {
+    width,
+    height
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        baseClasses,
+        variantClasses[variant],
+        !height && !style.height && defaultHeights[variant],
+        !width && !style.width && variant !== "circular" && "w-full",
+        animationClasses,
+        className
+      ),
+      style,
+      role: "status",
+      "aria-label": ariaLabel || "Loading content",
+      ...props
+    }
+  );
+}
+var TextSkeleton = {
+  /**
+   * Large heading skeleton (h1, h2)
+   */
+  Heading: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "text",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-8 md:h-10 lg:h-12", className),
+      "aria-label": "Loading heading",
+      ...props
+    }
+  ),
+  /**
+   * Medium heading skeleton (h3, h4)
+   */
+  Subheading: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "text",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-6 md:h-7 lg:h-8", className),
+      "aria-label": "Loading subheading",
+      ...props
+    }
+  ),
+  /**
+   * Body text skeleton
+   */
+  Body: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-4 md:h-5", className), "aria-label": "Loading text", ...props }),
+  /**
+   * Small text skeleton (captions, metadata)
+   */
+  Caption: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-3 md:h-4", className), "aria-label": "Loading caption", ...props })
+};
+var InteractiveSkeleton = {
+  /**
+   * Button skeleton with proper touch targets
+   */
+  Button: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "default",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-10 w-32 md:h-12 md:w-40", className),
+      "aria-label": "Loading button",
+      ...props
+    }
+  ),
+  /**
+   * Input field skeleton
+   */
+  Input: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "default",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-10 w-full md:h-12", className),
+      "aria-label": "Loading input field",
+      ...props
+    }
+  ),
+  /**
+   * Filter chip skeleton
+   */
+  Chip: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "default",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-8 w-20 rounded-full", className),
+      "aria-label": "Loading filter",
+      ...props
+    }
+  )
+};
+var MediaSkeleton = {
+  /**
+   * Avatar/profile image skeleton
+   */
+  Avatar: ({
+    size = "md",
+    className,
+    ...props
+  }) => {
+    const sizeClasses2 = {
+      sm: "h-8 w-8",
+      md: "h-12 w-12",
+      lg: "h-16 w-16"
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      UnifiedSkeleton,
+      {
+        variant: "circular",
+        className: _chunkPRPZBXWZcjs.cn.call(void 0, sizeClasses2[size], className),
+        "aria-label": "Loading profile image",
+        ...props
+      }
+    );
+  },
+  /**
+   * Card image skeleton (1200×630 OG aspect — matches entity-cards default
+   * so loading state never causes a height shift when card data arrives)
+   */
+  CardImage: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "default",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "aspect-[1200/630] w-full", className),
+      "aria-label": "Loading image",
+      ...props
+    }
+  ),
+  /**
+   * Icon skeleton
+   */
+  Icon: ({
+    size = "md",
+    className,
+    ...props
+  }) => {
+    const sizeClasses2 = {
+      sm: "h-4 w-4",
+      md: "h-6 w-6",
+      lg: "h-8 w-8"
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      UnifiedSkeleton,
+      {
+        variant: "default",
+        className: _chunkPRPZBXWZcjs.cn.call(void 0, sizeClasses2[size], className),
+        "aria-label": "Loading icon",
+        ...props
+      }
+    );
+  }
+};
+
+// src/components/loading/card-skeleton.tsx
+
+function CardSkeleton({
+  className,
+  containerClassName,
+  variant = "vendor",
+  showActions = true,
+  showMetadata = true,
+  ...props
+}) {
+  const cardContent = {
+    vendor: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VendorCardContent, { showMetadata }),
+    blog: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BlogCardContent, { showActions, showMetadata }),
+    category: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CategoryCardContent, {}),
+    alternative: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlternativeCardContent, { showActions })
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        containerClassName || "border border-ods-border bg-ods-card",
+        "overflow-hidden rounded-lg",
+        // Flex layouts for certain variants
+        variant === "blog" && "flex h-full flex-col",
+        variant === "vendor" && "flex h-full flex-col",
+        className
+      ),
+      role: "status",
+      "aria-label": `Loading ${variant} card`,
+      ...props,
+      children: cardContent[variant]
+    }
+  );
+}
+function VendorCardContent({ showMetadata }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 p-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-start gap-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[60px] w-[60px] flex-shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "sm", className: "h-11 w-11" }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center space-y-1 py-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-1/2" })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-full items-center overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+    ] }) }),
+    showMetadata && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-shrink items-center gap-3 md:gap-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-8" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-10" })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5 rounded border border-ods-border bg-ods-bg px-2.5 py-1.5", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+      ] }) })
+    ] })
+  ] });
+}
+function BlogCardContent({ showActions, showMetadata }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "blog-card-image-container relative aspect-[1200/630] w-full overflow-hidden bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.CardImage, {}) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col p-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[50.4px] items-center md:min-h-[56px] lg:min-h-[61.6px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" })
+      ] }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex h-[28px] items-center gap-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-16" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-12" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[42px] items-center md:min-h-[45px] lg:min-h-[48px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-1/2" })
+      ] }) }),
+      showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "h-8 w-24" }) }),
+      showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-auto", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-4 border-t border-ods-border pt-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "sm" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-3 text-ods-text-muted", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-12" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-1 w-1 rounded-full bg-ods-skeleton" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+function CategoryCardContent() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 p-4 md:p-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-2 md:gap-3", children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "lg", className: "flex-shrink-0" }, index)) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-1/2" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start justify-between gap-4 md:items-end md:gap-6", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "h-10 w-10 flex-shrink-0 md:h-12 md:w-12" })
+      ] })
+    ] })
+  ] });
+}
+function AlternativeCardContent({ showActions }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4 p-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "md", className: "flex-shrink-0" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-1/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-5/6" })
+      ] }),
+      showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "h-8 w-20" }) })
+    ] })
+  ] });
+}
+function CardSkeletonGrid({
+  count = 6,
+  variant = "vendor",
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        "grid gap-4 md:gap-6",
+        // Responsive grid based on card type
+        variant === "vendor" && "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+        variant === "blog" && "grid-cols-1 md:grid-cols-2",
+        variant === "category" && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+        variant === "alternative" && "grid-cols-1",
+        className
+      ),
+      role: "status",
+      "aria-label": `Loading ${count} ${variant} cards`,
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardSkeleton, { variant, containerClassName, ...props }, index))
+    }
+  );
+}
+
+// src/components/loading/page-layout-skeleton.tsx
+
+function AnnouncementBarSkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative w-full animate-pulse bg-ods-skeleton", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative flex w-full flex-row items-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative box-border flex w-full flex-row items-center justify-start gap-4 py-3 pl-4 pr-12 md:gap-6 md:py-4 md:pl-6 md:pr-16", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative h-6 w-6 shrink-0 rounded bg-ods-border md:h-8 md:w-8" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1 space-y-1 md:space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[14px] w-3/4 max-w-md rounded bg-ods-border md:h-[18px]" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden h-[12px] w-full max-w-lg rounded bg-ods-border md:block md:h-[18px]" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute right-2 top-2 h-6 w-6 rounded bg-ods-border" })
+  ] }) }) });
+}
+function HeroSkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "section",
+    {
+      className: "flex w-full animate-pulse flex-col items-center justify-center px-4 py-12 text-center md:px-8 md:py-20",
+      style: {
+        background: "radial-gradient(circle at 50% 0%, #242323 0%, #1A1A1A 100%)"
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "mb-4 h-12 w-full max-w-4xl md:mb-6 md:h-20 lg:h-24" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-8 w-full max-w-4xl space-y-3 px-2 md:mb-10", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "h-5 md:h-7" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "mx-auto h-5 w-3/4 md:h-7" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "h-12 w-full md:w-64" })
+      ]
+    }
+  );
+}
+function SearchContainerSkeleton({
+  className,
+  showFilters = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-4", className || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 md:gap-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Input, { className: "flex-1" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "w-32 md:w-40" })
+    ] }),
+    showFilters && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-24" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-16" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-20" })
+    ] })
+  ] });
+}
+function CategorySidebarSkeleton({ className }) {
+  const items = [
+    { type: "file", width: "w-20", hasBadge: false },
+    { type: "folder", width: "w-24", hasBadge: true },
+    { type: "folder", width: "w-20", hasBadge: true },
+    { type: "folder", width: "w-24", hasBadge: true },
+    { type: "folder", width: "w-16", hasBadge: true },
+    { type: "folder", width: "w-20", hasBadge: true },
+    { type: "folder", width: "w-28", hasBadge: true },
+    { type: "folder", width: "w-16", hasBadge: true },
+    { type: "folder", width: "w-24", hasBadge: true },
+    { type: "file", width: "w-28" },
+    { type: "file", width: "w-36" }
+  ];
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "w-full lg:w-[320px]", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "mb-4 h-[14px] w-24 rounded" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1.5", children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+          "flex min-h-[50px] items-center justify-between rounded-lg border border-ods-border px-4 py-4",
+          index === 0 ? "bg-ods-accent/20" : "bg-ods-card"
+        ),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-4 w-4 shrink-0 rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: `h-[14px] ${item.width} rounded` })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[18px] items-center gap-2", children: [
+            item.hasBadge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-[18px] w-14 rounded" }),
+            item.type === "folder" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-4 w-4 rounded" })
+          ] })
+        ]
+      },
+      index
+    )) })
+  ] });
+}
+function BreadcrumbSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "mb-6 flex items-center space-x-1", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-24" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-32" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-24" })
+  ] });
+}
+function ResultsHeaderSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "mb-6 flex flex-col items-start justify-between gap-4 md:flex-row md:items-center", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-48" }) }) });
+}
+function TwoColumnLayoutSkeleton({
+  className,
+  sidebarContent,
+  mainContent,
+  sidebarPosition = "left"
+}) {
+  const sidebar = sidebarContent || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CategorySidebarSkeleton, {});
+  const main = mainContent || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardSkeletonGrid, { count: 6 });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        "grid grid-cols-1 gap-6 lg:grid-cols-[320px_1fr] lg:gap-8",
+        sidebarPosition === "right" && "lg:grid-cols-[1fr_320px]",
+        className
+      ),
+      children: sidebarPosition === "left" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "aside", { className: "order-2 lg:order-1", children: sidebar }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: "order-1 lg:order-2", children: main })
+      ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: "order-1", children: main }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "aside", { className: "order-2", children: sidebar })
+      ] })
+    }
+  );
+}
+function ArticleLayoutSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "mx-auto max-w-4xl", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "mb-8 space-y-4 md:mb-12 md:space-y-6", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-16" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-3/4" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 border-t border-ods-divider pt-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "sm" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-24" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-8 md:mb-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.CardImage, { className: "h-64 w-full md:h-96" }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "prose prose-invert max-w-none space-y-6", children: [
+      Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-5/6" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+      ] }, index)),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "py-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "mb-4 w-2/3" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-4/5" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function VendorDetailLayoutSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "min-h-screen bg-ods-bg", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mx-auto max-w-[1920px] px-6 py-6 md:px-20 md:py-10", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BreadcrumbSkeleton, { className: "mb-6" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col lg:flex-row lg:gap-10", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-10", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 flex gap-6", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-20 w-20 flex-shrink-0 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-80 max-w-full animate-pulse rounded bg-ods-skeleton md:h-16 lg:h-20" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-32 animate-pulse rounded bg-ods-skeleton md:h-6" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-20 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-16 animate-pulse rounded bg-ods-skeleton" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-[300px] w-full animate-pulse rounded-lg border border-ods-border bg-ods-card md:h-[400px] lg:h-[500px]" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-auto h-4 w-24 animate-pulse rounded bg-ods-skeleton" }) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-10 lg:hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "overflow-hidden rounded-lg border border-ods-border", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-12 animate-pulse rounded bg-ods-skeleton" })
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3 p-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end gap-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-12 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-8 animate-pulse rounded bg-ods-skeleton" })
+              ] })
+            ] }, i)) })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-48 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-48 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: "h-10 w-24 animate-pulse rounded-lg border border-ods-border bg-ods-card"
+              },
+              i
+            )) })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-52 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: "h-10 w-28 animate-pulse rounded-lg border border-ods-border bg-ods-card"
+              },
+              i
+            )) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-64 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-card p-6 md:p-8", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-5/6 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-4/5 animate-pulse rounded bg-ods-skeleton" })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-72 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4 rounded-lg border border-ods-border bg-ods-card p-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" })
+            ] })
+          ] }, i)) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-80 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-16 animate-pulse rounded bg-ods-skeleton" }),
+              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded border border-ods-border bg-ods-bg" }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-2/3 animate-pulse rounded bg-ods-skeleton" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" })
+                ] })
+              ] }, i))
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-16 animate-pulse rounded bg-ods-skeleton" }),
+              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded border border-ods-border bg-ods-bg" }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-2/3 animate-pulse rounded bg-ods-skeleton" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" })
+                ] })
+              ] }, i))
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-72 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-16 w-16 flex-shrink-0 animate-pulse rounded-lg border border-ods-border bg-ods-bg" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-1/2 animate-pulse rounded bg-ods-skeleton" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-20 animate-pulse rounded bg-ods-skeleton" })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-5/6 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-4/5 animate-pulse rounded bg-ods-skeleton" })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between border-t border-ods-border pt-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-16 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" })
+            ] })
+          ] }, i)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-md bg-ods-skeleton" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-64 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 overflow-hidden rounded-lg border border-ods-border bg-ods-bg", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border-b border-ods-border p-3", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-3 w-8 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-full animate-pulse rounded bg-ods-skeleton" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-3", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-3 w-16 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-1/2 animate-pulse rounded bg-ods-skeleton" })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-stretch", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[120px] w-20 animate-pulse rounded-lg bg-ods-skeleton" }) })
+          ] }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-card p-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex flex-col gap-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 rounded-lg border border-ods-border bg-ods-card px-3 py-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 animate-pulse rounded-lg bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-12 animate-pulse rounded bg-ods-skeleton" })
+            ] }) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-2/3 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-4/5 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/5 animate-pulse rounded bg-ods-skeleton" })
+              ] })
+            ] })
+          ] }, i)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden w-[290px] flex-shrink-0 lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "overflow-hidden rounded-lg border border-ods-border", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-12 animate-pulse rounded bg-ods-skeleton" })
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3 p-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end gap-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-12 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-8 animate-pulse rounded bg-ods-skeleton" })
+            ] })
+          ] }, i)) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
+        ] })
+      ] }) })
+    ] })
+  ] }) });
+}
+function StatsSectionSkeleton({ className, columns = 3 }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        "mb-12 grid gap-6 md:mb-16",
+        columns === 3 && "grid-cols-1 md:grid-cols-3",
+        columns === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+        className
+      ),
+      children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "lg" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+        ] })
+      ] }) }, i))
+    }
+  );
+}
+function BlogCardGridSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardSkeletonGrid, { count: 4, variant: "blog", className: "grid-cols-1 md:grid-cols-2" }) });
+}
+function VendorGridSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardSkeletonGrid, { count: 12, variant: "vendor", className: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3" }) });
+}
+function SlackCommunitySkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "section", { className: "w-full bg-ods-bg px-4 py-12 md:px-20 md:py-20 lg:px-20", "aria-label": "Slack Community Loading", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-4 md:gap-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 max-w-md animate-pulse rounded-lg bg-ods-skeleton md:h-12 lg:h-14" }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-col gap-4 md:gap-6 lg:flex-row lg:items-start lg:justify-end", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-shrink-0 animate-pulse flex-col overflow-hidden rounded border border-ods-border bg-ods-bg lg:w-[290px] lg:max-w-[290px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 p-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-24 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-16 rounded bg-ods-skeleton" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-32 rounded bg-ods-skeleton" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-3 w-16 rounded bg-ods-skeleton" }),
+          Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-[48px] items-center gap-2 px-2 py-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-4 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-1 h-3 w-24 rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-2 w-16 rounded bg-ods-skeleton" })
+            ] })
+          ] }, i))
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2 border-t border-ods-border pt-3", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-16 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-8 rounded bg-ods-skeleton" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-20 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-8 rounded bg-ods-skeleton" })
+          ] })
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[450px] min-h-[450px] min-w-0 flex-1 animate-pulse flex-col rounded-lg border border-ods-border bg-ods-card md:h-[500px] md:min-h-[500px] lg:h-[600px] lg:min-h-[600px]", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[56px] flex-shrink-0 items-center justify-between border-b border-ods-border bg-ods-bg p-4 md:h-[60px] md:p-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-3 rounded bg-ods-skeleton md:h-4 md:w-4" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-24 rounded bg-ods-skeleton md:h-4 md:w-32" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-12 rounded bg-ods-skeleton md:w-16" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[280px] flex-1 space-y-3 overflow-hidden bg-ods-bg p-4 md:min-h-[320px] md:space-y-4 md:p-6 lg:min-h-[420px]", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 md:gap-3", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-10 flex-shrink-0 rounded-lg bg-ods-skeleton md:h-12 md:w-12" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "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-3 w-16 rounded bg-ods-skeleton md:w-20" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-12 rounded bg-ods-skeleton md:w-16" })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-full rounded bg-ods-skeleton md:h-4" })
+          ] })
+        ] }, i)) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[72px] flex-shrink-0 border-t border-ods-border bg-ods-card p-4 md:h-[80px] md:p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-end justify-center gap-3 md:justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-28 rounded-lg bg-ods-skeleton md:h-12 md:w-32" }) }) })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/content-loading-container.tsx
+
+function ContentLoadingContainer({
+  isLoading,
+  children,
+  skeletonComponent,
+  className,
+  minHeight = "min-h-[300px] md:min-h-[800px]",
+  loadingOpacity = 1,
+  transitionDuration = 300
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "relative w-full transition-all ease-in-out", minHeight, className),
+      style: {
+        transitionDuration: `${transitionDuration}ms`
+      },
+      role: "region",
+      "aria-label": isLoading ? "Loading content" : "Content loaded",
+      "aria-live": "polite",
+      children: [
+        isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: "absolute inset-0 z-10 bg-ods-bg",
+            style: {
+              opacity: loadingOpacity,
+              transition: `opacity ${transitionDuration}ms ease-in-out`
+            },
+            role: "status",
+            "aria-label": "Loading content",
+            children: skeletonComponent
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _chunkPRPZBXWZcjs.cn.call(void 0, "relative transition-opacity ease-in-out", isLoading && "opacity-0"),
+            style: {
+              transitionDuration: `${transitionDuration}ms`
+            },
+            "aria-hidden": isLoading,
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function useContentLoading(isLoading) {
+  const containerProps = {
+    "aria-busy": isLoading,
+    "data-loading": isLoading
+  };
+  const getSkeletonCount = (contentType) => {
+    return contentType === "vendor" ? 12 : 6;
+  };
+  const getMinHeight = (contentType) => {
+    return contentType === "vendor" ? "min-h-[400px] md:min-h-[900px]" : "min-h-[300px] md:min-h-[800px]";
+  };
+  return {
+    containerProps,
+    getSkeletonCount,
+    getMinHeight
+  };
+}
+
+// src/components/loading/content-skeleton.tsx
+
+function ParagraphSkeleton({ className, lines = 4 }) {
+  const lineWidths = ["w-full", "w-full", "w-5/6", "w-3/4", "w-4/5", "w-2/3"];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: lineWidths[index % lineWidths.length] }, index)) });
+}
+function ListSkeleton({
+  className,
+  items = 5,
+  showIcons = false,
+  showActions = false
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+      showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-32 md:w-48" })
+    ] }),
+    showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-8" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: "h-4 w-4" })
+    ] })
+  ] }, index)) });
+}
+function TableSkeleton({
+  className,
+  rows = 5,
+  columns = 4
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-4", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "grid gap-4 border-b border-ods-divider py-2",
+        style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
+        children: Array.from({ length: columns }).map((_cell, colIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" }, colIndex))
+      },
+      rowIndex
+    )) })
+  ] });
+}
+function FormSkeleton({ className, fields = 4 }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: [
+    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-24" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Input, {}),
+      index % 3 === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-48" })
+    ] }, index)),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4 pt-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "bg-ods-border" })
+    ] })
+  ] });
+}
+function NavigationSkeleton({
+  className,
+  items = 6,
+  horizontal = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "nav",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex gap-4 md:gap-6", !horizontal && "flex-col", className),
+      role: "status",
+      "aria-label": "Loading navigation",
+      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
+    }
+  );
+}
+function ProfileSkeleton({
+  className,
+  showBio = true,
+  showStats = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-4", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "lg" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-1/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+      ] })
+    ] }),
+    showBio && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-4/5" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+    ] }),
+    showStats && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "mx-auto w-8" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "mx-auto w-12" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "mx-auto w-8" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "mx-auto w-16" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "mx-auto w-8" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "mx-auto w-14" })
+      ] })
+    ] })
+  ] });
+}
+function CommentSkeleton({
+  className,
+  showRating = false,
+  showReplies = false
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-3", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "sm" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 items-center gap-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-24" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" }),
+        showRating && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }, i)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11 space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-1/2" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11 flex gap-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-12" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-8" })
+    ] }),
+    showReplies && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ml-11 space-y-4 border-l border-ods-divider pl-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "sm" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-12" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+      ] })
+    ] }, index)) })
+  ] });
+}
+function FeatureListSkeleton({
+  className,
+  features = 6,
+  showIcons = true,
+  grouped = false
+}) {
+  if (grouped) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-1/3" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_feature, featureIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+        showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+      ] }, featureIndex)) })
+    ] }, groupIndex)) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+    showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+  ] }, index)) });
+}
+function TimelineSkeleton({ className, items = 5 }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }),
+      index < items - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2 h-12 w-px bg-ods-border" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-1/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+    ] })
+  ] }, index)) });
+}
+function PricingSkeleton({ className, plans = 3 }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        "grid gap-6",
+        plans === 2 && "grid-cols-1 md:grid-cols-2",
+        plans === 3 && "grid-cols-1 md:grid-cols-3",
+        plans === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+        className
+      ),
+      children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-1/3" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-1/4" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_feature, featureIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+        ] }, featureIndex)) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "w-full" })
+      ] }) }, index))
+    }
+  );
+}
+
+// src/components/profile/ProfileLoadingSkeleton.tsx
+
+function ProfileLoadingSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-16 w-16 animate-pulse rounded-full bg-ods-skeleton" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-32 animate-pulse rounded bg-ods-skeleton" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-24 animate-pulse rounded bg-ods-skeleton" })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-1/2 animate-pulse rounded bg-ods-skeleton" })
+    ] })
+  ] });
+}
+
+// src/components/loading/msp-profile-form-skeleton.tsx
+
+function MspProfileFormSkeleton({ className, fields = 4 }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "grid grid-cols-1 items-stretch gap-6 md:grid-cols-2", className),
+      role: "status",
+      "aria-label": "Loading MSP profile form",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-28" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[180px] flex-1 md:min-h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-full w-full rounded-lg", "aria-label": "Loading company logo" }) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-40" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Input, {})
+        ] }, idx)) })
+      ]
+    }
+  );
+}
+
+// src/components/loading/category-card-skeleton.tsx
+
+function CategoryCardSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "article",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        "box-border flex min-w-0 flex-col rounded-[12px] border border-ods-border bg-ods-card p-8",
+        className
+      ),
+      role: "status",
+      "aria-label": "Loading category card",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-8 flex items-center justify-center gap-6", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "circular", className: "h-10 w-10 flex-shrink-0", "aria-label": "Loading icon" }, i)) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col space-y-3", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-3/4" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-1/2" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-12 w-12 rounded-[6px]", "aria-label": "Loading button" }) })
+      ]
+    }
+  );
+}
+
+// src/components/loading/category-vendor-selector-skeleton.tsx
+
+function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "rounded-lg border border-ods-border bg-ods-card p-6", className),
+      role: "status",
+      "aria-label": "Loading category section",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 max-w-xl space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-1/2" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-1/3" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-2 gap-4 md:grid-cols-3", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
+        ] }, idx)) })
+      ]
+    }
+  );
+}
+
+// src/components/loading/wizard-layout-skeleton.tsx
+
+function WizardLayoutSkeleton({ steps = 6, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "max-w-2xl space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-2/3" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-1/2" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-10 flex justify-between", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-10 w-32 rounded" })
+    ] })
+  ] });
+}
+
+// src/components/loading/margin-report-skeleton.tsx
+
+function MarginReportSkeleton({ animate = true, description, overlayContent }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mx-auto max-w-[1920px] space-y-10 px-6 py-6 md:px-20 md:py-10", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-72 rounded bg-ods-skeleton" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-80 rounded bg-ods-skeleton" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-32 rounded border border-ods-border bg-ods-card" }, i)) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex animate-pulse items-center gap-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-14 w-14 rounded-lg bg-ods-skeleton" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-1/2 rounded bg-ods-skeleton" })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex animate-pulse flex-col gap-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-10 rounded-lg bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-32 rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-20 rounded bg-ods-skeleton" })
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-36 rounded bg-ods-skeleton" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4 h-4 w-40 rounded bg-ods-skeleton" })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: "flex animate-pulse flex-col overflow-hidden rounded-lg border border-ods-border bg-ods-card",
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between px-6 py-4", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-40 rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-20 rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-10 rounded bg-ods-skeleton" })
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "div",
+              {
+                className: "flex items-center justify-between rounded-lg border border-ods-border bg-ods-bg px-4 py-3",
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-3", children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 flex-shrink-0 rounded-lg bg-ods-skeleton" }),
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-32 rounded bg-ods-skeleton" }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-1 hidden h-3 w-24 rounded bg-ods-skeleton md:block" })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-16 rounded bg-ods-skeleton" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-8 rounded bg-ods-skeleton" })
+                  ] })
+                ]
+              },
+              j
+            )) })
+          ]
+        },
+        idx
+      )) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-60 rounded bg-ods-skeleton" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-48 rounded border border-ods-border bg-ods-card" }, i)) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6 rounded-3xl border border-ods-border p-8", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-72 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 rounded bg-ods-skeleton" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 shrink-0 rounded-md bg-ods-skeleton" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-32 rounded border border-ods-border bg-ods-card" }, i)) })
+      ] })
+    ] }),
+    overlayContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0 z-10 rounded-lg bg-ods-card/80", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto fixed left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-4 px-4 text-center", children: [
+      description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { children: description }),
+      overlayContent
+    ] }) })
+  ] });
+}
+
+// src/components/loading/users-grid-skeleton.tsx
+
+function UsersGridSkeleton({ rows = 10, className }) {
+  const skeletonRows = Array.from({ length: rows });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "animate-pulse overflow-x-auto rounded-lg border border-ods-border bg-ods-card", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: "min-w-full divide-y divide-ods-border", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: "bg-ods-skeleton", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { className: "px-4 py-3 text-left text-ods-text-primary text-h6", children: h }, h)) }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: "whitespace-nowrap px-4 py-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-full rounded bg-ods-border" }) }, cell)) }, idx)) })
+  ] }) });
+}
+
+// src/components/dynamic-skeleton.tsx
+
+
+// src/hooks/use-theme-aware.ts
+function useThemeAware() {
+  return {
+    themeColors: {},
+    platformContext: "default",
+    isDarkMode: false,
+    platform: "default",
+    isDark: false,
+    accentColor: "#FFC008"
+  };
+}
+
+// src/components/dynamic-skeleton.tsx
+
+var sizePresets = {
+  sm: { width: "4rem", height: "1rem" },
+  md: { width: "8rem", height: "1.5rem" },
+  lg: { width: "12rem", height: "2rem" },
+  xl: { width: "16rem", height: "2.5rem" }
+};
+var variantStyles = {
+  text: "rounded",
+  avatar: "rounded-full aspect-square",
+  card: "rounded-lg",
+  button: "rounded-md",
+  image: "rounded-lg aspect-video",
+  custom: ""
+};
+function DynamicSkeleton({
+  animation = "shimmer",
+  variant = "text",
+  size = "md",
+  width,
+  height,
+  lines = 1,
+  platformAware = true,
+  includeAriaLabel = true,
+  className,
+  children
+}) {
+  const { platform, isDark, accentColor } = useThemeAware();
+  const dimensions = _react2.default.useMemo(() => {
+    if (width || height) {
+      return {
+        width: typeof width === "number" ? `${width}px` : width,
+        height: typeof height === "number" ? `${height}px` : height
+      };
+    }
+    if (variant === "avatar") {
+      const avatarSize = sizePresets[size].height;
+      return { width: avatarSize, height: avatarSize };
+    }
+    return sizePresets[size];
+  }, [width, height, size, variant]);
+  const platformStyles = _react2.default.useMemo(() => {
+    if (!platformAware) return {};
+    const baseOpacity = isDark ? 0.1 : 0.15;
+    const accentOpacity = isDark ? 0.05 : 0.08;
+    return {
+      "--skeleton-base": `color-mix(in srgb, var(--color-bg-skeleton) ${baseOpacity * 100}%, transparent)`,
+      "--skeleton-highlight": `color-mix(in srgb, ${accentColor} ${accentOpacity * 100}%, var(--color-bg-skeleton))`,
+      "--skeleton-accent": `color-mix(in srgb, ${accentColor} 10%, transparent)`
+    };
+  }, [platformAware, isDark, accentColor]);
+  const animationClasses = {
+    pulse: "animate-pulse",
+    shimmer: "ods-loading-dynamic",
+    wave: "skeleton-wave",
+    static: ""
+  };
+  const baseClasses = _chunkPRPZBXWZcjs.cn.call(void 0, 
+    "bg-ods-skeleton",
+    variantStyles[variant],
+    animationClasses[animation],
+    platformAware && `skeleton-platform-${platform}`,
+    className
+  );
+  if (variant === "text" && lines > 1) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "space-y-2",
+        style: platformStyles,
+        role: "status",
+        "aria-label": includeAriaLabel ? "Loading content..." : void 0,
+        children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+              baseClasses,
+              index === lines - 1 && "w-3/4"
+              // Last line shorter
+            ),
+            style: {
+              ...dimensions,
+              width: index === lines - 1 ? "75%" : dimensions.width
+            }
+          },
+          index
+        ))
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: baseClasses,
+      style: { ...dimensions, ...platformStyles },
+      role: "status",
+      "aria-label": includeAriaLabel ? "Loading content..." : void 0,
+      children
+    }
+  );
+}
+var SkeletonPresets = {
+  /**
+   * Card skeleton with header, content, and actions
+   */
+  Card: ({ showActions = true, showImage = false }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
+    showImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "image", className: "h-40 w-full" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "lg" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
+    ] }),
+    showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 pt-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "button", width: "6rem", height: "2.5rem" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "button", width: "4rem", height: "2.5rem" })
+    ] })
+  ] }),
+  /**
+   * User profile skeleton
+   */
+  Profile: () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4 p-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "avatar", size: "lg" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "lg", width: "8rem" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "sm", width: "12rem" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
+    ] })
+  ] }),
+  /**
+   * Navigation skeleton
+   */
+  Navigation: ({ items = 5 }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: "space-y-2 p-4", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "avatar", size: "sm" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "md" })
+  ] }, index)) }),
+  /**
+   * Table skeleton
+   */
+  Table: ({ rows = 5, columns = 4 }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "md" }, `header-${index}`)) }),
+    Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_cell, colIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "sm" }, `cell-${rowIndex}-${colIndex}`)) }, `row-${rowIndex}`))
+  ] }),
+  /**
+   * Vendor grid skeleton (specific to the app)
+   */
+  VendorGrid: ({ items = 6 }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "avatar", size: "md" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "md", width: "6rem" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "sm", width: "4rem", className: "mt-1" })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", lines: 2, size: "sm" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "custom", width: "3rem", height: "1.25rem", className: "rounded-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "custom", width: "4rem", height: "1.25rem", className: "rounded-full" })
+    ] })
+  ] }, index)) }),
+  /**
+   * Blog post skeleton
+   */
+  BlogPost: () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: "space-y-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "xl", width: "75%" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4 text-sm", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "sm", width: "4rem" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "sm", width: "6rem" })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "image", className: "h-64 w-full" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", lines: 3, size: "md" }, index)) })
+  ] })
+};
+function PlatformSkeletonContainer({
+  children,
+  isLoading,
+  skeletonType = "Card",
+  skeletonProps = {}
+}) {
+  const { platform } = useThemeAware();
+  if (!isLoading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
+  }
+  const SkeletonComponent = SkeletonPresets[skeletonType];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `platform-skeleton skeleton-${platform}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SkeletonComponent, { ...skeletonProps }) });
+}
+function ProgressiveSkeleton({
+  // Named only to keep it out of the `...props` spread: the stage NAMES are
+  // unused, `currentStage` alone selects the skeleton shape below.
+  stages: _stages = ["basic", "detailed", "interactive"],
+  currentStage = 0,
+  children,
+  ...props
+}) {
+  const { platform } = useThemeAware();
+  const stageConfig = {
+    0: { animation: "pulse", variant: "text" },
+    1: { animation: "shimmer", variant: "card" },
+    2: { animation: "wave", variant: "custom" }
+  };
+  const config = stageConfig[currentStage] || stageConfig[0];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    DynamicSkeleton,
+    {
+      ...props,
+      ...config,
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, props.className, `skeleton-stage-${currentStage}`, `skeleton-platform-${platform}`),
+      children
+    }
+  );
+}
+
+// src/components/loading/organization-icon-skeleton.tsx
+
+var sizeClasses = {
+  xs: "w-6 h-6",
+  sm: "w-8 h-8",
+  md: "w-10 h-10",
+  lg: "w-12 h-12",
+  l: "w-14 h-14",
+  xl: "w-16 h-16"
+};
+var backgroundClasses = {
+  dark: "bg-ods-bg border border-ods-border",
+  light: "bg-ods-card border border-ods-border",
+  white: "bg-white border border-[#E5E5E5]"
+};
+function OrganizationIconSkeleton({
+  size = "md",
+  className = "",
+  showBackground = true,
+  backgroundStyle = "dark"
+}) {
+  const containerClasses = _chunkPRPZBXWZcjs.cn.call(void 0, 
+    sizeClasses[size],
+    "flex flex-shrink-0 items-center justify-center rounded-lg",
+    showBackground && backgroundClasses[backgroundStyle],
+    !showBackground && "overflow-hidden",
+    className
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: containerClasses, role: "status", "aria-label": "Loading organization icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-1/2 w-1/2 animate-pulse rounded-sm bg-ods-border" }) });
+}
+
+// src/components/loading/organization-card-skeleton.tsx
+
+function OrganizationCardSkeleton({
+  className,
+  containerClassName,
+  showFooter = true,
+  showDescription = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        containerClassName || "border border-ods-border bg-ods-card",
+        "flex h-full flex-col overflow-hidden rounded-lg",
+        className
+      ),
+      role: "status",
+      "aria-label": "Loading organization card",
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 p-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-start gap-3", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            OrganizationIconSkeleton,
+            {
+              size: "xl",
+              backgroundStyle: "dark",
+              showBackground: true,
+              className: "h-[60px] w-[60px]"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center space-y-1 py-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-1/2" })
+          ] })
+        ] }),
+        showDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-full items-center overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+        ] }) }),
+        showFooter && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-shrink items-center gap-3 md:gap-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-8" })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-10" })
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5 rounded border border-ods-border bg-ods-bg px-2.5 py-1.5", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+          ] }) })
+        ] })
+      ] })
+    }
+  );
+}
+function OrganizationCardSkeletonGrid({
+  count = 12,
+  className,
+  containerClassName,
+  showFooter = true,
+  showDescription = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6 lg:grid-cols-3", className),
+      role: "status",
+      "aria-label": `Loading ${count} organization cards`,
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        OrganizationCardSkeleton,
+        {
+          containerClassName,
+          showFooter,
+          showDescription
+        },
+        index
+      ))
+    }
+  );
+}
+
+// src/components/loading/device-card-skeleton.tsx
+
+function DeviceCardSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-full rounded-[6px] border border-ods-border bg-ods-card", className),
+      role: "status",
+      "aria-label": "Loading device card",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 px-4 py-3", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-[6px] border border-ods-border bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-4 animate-pulse rounded bg-ods-border" }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-3/4 animate-pulse rounded bg-ods-border" }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded-[6px] bg-ods-border" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 px-4 py-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-24 flex-shrink-0 animate-pulse rounded bg-ods-border" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OrganizationIconSkeleton, { size: "sm" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-1/2 animate-pulse rounded bg-ods-border" }) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 px-4 py-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-20 flex-shrink-0 animate-pulse rounded-full bg-ods-border" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-40 animate-pulse rounded bg-ods-border" }) })
+        ] })
+      ]
+    }
+  );
+}
+function DeviceCardSkeletonGrid({ count = 12, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4", className),
+      role: "status",
+      "aria-label": `Loading ${count} device cards`,
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeviceCardSkeleton, {}, index))
+    }
+  );
+}
+
+// src/components/features/push-button-selector.tsx
+
 function PushButtonSelectorSkeleton({ count = 3, hasTitle }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
-    hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-20 animate-pulse rounded bg-ods-skeleton" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "animate-pulse rounded-lg border border-ods-border bg-ods-skeleton p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", role: "status", "aria-label": "Loading options", children: [
+    hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-5 w-20", "aria-label": "Loading title" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-bg p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 rounded bg-ods-skeleton" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-8 w-8", "aria-label": "Loading icon" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-1 h-4 w-20 rounded bg-ods-skeleton" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-32 rounded bg-ods-skeleton" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: "mb-2 h-4 w-24", "aria-label": "Loading name" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: "h-4 w-36", "aria-label": "Loading description" })
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 rounded border-2 border-ods-border bg-ods-skeleton" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-6 w-6", "aria-label": "Loading selection state" })
     ] }) }, i)) })
   ] });
 }
@@ -20637,12 +22293,49 @@ function PushButtonSelector({
   isLoading = false,
   error = null,
   skeletonCount = 3,
-  sections
+  sections,
+  search,
+  lazyLoad,
+  emptyMessage,
+  footer
 }) {
-  if (isLoading) {
+  const scrollRef = _react.useRef.call(void 0, null);
+  const sentinelRef = _react.useRef.call(void 0, null);
+  const lazyHasMore = _nullishCoalesce(_optionalChain([lazyLoad, 'optionalAccess', _461 => _461.hasMore]), () => ( false));
+  const lazyFetching = _nullishCoalesce(_optionalChain([lazyLoad, 'optionalAccess', _462 => _462.isFetchingMore]), () => ( false));
+  const onLoadMore = _optionalChain([lazyLoad, 'optionalAccess', _463 => _463.onLoadMore]);
+  const optionCount = options.length;
+  _react.useEffect.call(void 0, () => {
+    const sentinel = sentinelRef.current;
+    const root = scrollRef.current;
+    if (!sentinel || !root || !onLoadMore || !lazyHasMore) return void 0;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((e) => e.isIntersecting) && !lazyFetching) {
+          onLoadMore();
+        }
+      },
+      { root, rootMargin: "80px" }
+    );
+    observer.observe(sentinel);
+    return () => {
+      observer.disconnect();
+    };
+  }, [lazyHasMore, lazyFetching, onLoadMore, optionCount]);
+  const searchInput = search ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkIKDC3R7Vcjs.Input,
+    {
+      value: search.value,
+      onChange: (e) => search.onChange(e.target.value),
+      placeholder: search.placeholder,
+      "aria-label": _nullishCoalesce(_nullishCoalesce(search.ariaLabel, () => ( search.placeholder)), () => ( "Search"))
+    }
+  ) : null;
+  const framed = !!search || !!lazyLoad;
+  if (isLoading && !framed) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PushButtonSelectorSkeleton, { count: skeletonCount, hasTitle: !!title }) });
   }
-  if (error) {
+  if (error && !framed) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PushButtonSelectorError, { message: error, title }) });
   }
   const validSelectedIds = options.length > 0 ? selectedIds.filter((id) => options.some((option) => option.id === id)) : selectedIds;
@@ -20696,9 +22389,9 @@ function PushButtonSelector({
       option.id
     );
     if (option.disabled && option.disabledReason) {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Tooltip, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipTrigger, { asChild: true, children: optionEl }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipContent, { className: "max-w-xs", children: option.disabledReason })
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Tooltip, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipTrigger, { asChild: true, children: optionEl }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipContent, { className: "max-w-xs", children: option.disabledReason })
       ] }, option.id);
     }
     return optionEl;
@@ -20735,10 +22428,28 @@ function PushButtonSelector({
       ungroupedOptions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-2", children: ungroupedOptions.map(renderOption) })
     ] });
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `space-y-4 ${className}`, children: [
+  const framedSkeletonCount = lazyLoad ? Math.max(skeletonCount, 4) : skeletonCount;
+  const listContent = isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PushButtonSelectorSkeleton, { count: framedSkeletonCount }) : error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PushButtonSelectorError, { message: error }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    options.length === 0 && emptyMessage !== void 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-secondary text-h6", children: emptyMessage }) : renderOptionsContent(),
+    lazyLoad ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: sentinelRef }),
+      lazyLoad.isFetchingMore ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-2 text-center text-ods-text-secondary text-h6", children: "Loading more\u2026" }) : null
+    ] }) : null
+  ] });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `space-y-4 ${className}`, children: [
     title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h5", children: title }),
-    renderOptionsContent(),
-    selectionSummary && validSelectedIds.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rounded-lg border border-ods-success bg-ods-success-secondary p-4", children: [
+    searchInput,
+    lazyLoad ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: scrollRef,
+        className: "space-y-4 overflow-y-auto rounded-lg border border-ods-border p-2",
+        style: { height: _nullishCoalesce(lazyLoad.maxHeight, () => ( "336px")) },
+        children: listContent
+      }
+    ) : listContent,
+    footer,
+    !isLoading && !error && selectionSummary && validSelectedIds.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rounded-lg border border-ods-success bg-ods-success-secondary p-4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2 flex items-center gap-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-2 w-2 rounded-full bg-ods-success" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-ods-success text-h6", children: [
@@ -20763,7 +22474,7 @@ function ReleaseMediaManager({ media, onChange, onUpload, className = "" }) {
   const fileInputRef = _react.useRef.call(void 0, null);
   const [uploadingIndex, setUploadingIndex] = _react.useState.call(void 0, null);
   const handleFileSelect = async (event) => {
-    const file = _optionalChain([event, 'access', _461 => _461.target, 'access', _462 => _462.files, 'optionalAccess', _463 => _463[0]]);
+    const file = _optionalChain([event, 'access', _464 => _464.target, 'access', _465 => _465.files, 'optionalAccess', _466 => _466[0]]);
     if (!file) return;
     let mediaType;
     if (file.type.startsWith("image/")) {
@@ -20845,7 +22556,7 @@ function ReleaseMediaManager({ media, onChange, onUpload, className = "" }) {
         {
           type: "button",
           variant: "outline",
-          onClick: () => _optionalChain([fileInputRef, 'access', _464 => _464.current, 'optionalAccess', _465 => _465.click, 'call', _466 => _466()]),
+          onClick: () => _optionalChain([fileInputRef, 'access', _467 => _467.current, 'optionalAccess', _468 => _468.click, 'call', _469 => _469()]),
           disabled: uploadingIndex !== null,
           leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Plus, { className: "h-4 w-4" }),
           className: "font-bold text-h6",
@@ -20898,7 +22609,7 @@ function ReleaseMediaManager({ media, onChange, onUpload, className = "" }) {
             item.media_url && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative aspect-video bg-ods-bg", children: item.media_type === "video" || item.media_type === "demo" ? (
               // <Video> SSOT (MuxPlayer) — plays Mux HLS + MP4 alike;
               // fit="cover" crops to the aspect-video cell.
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Video, { kind: "file", url: item.media_url, fit: "cover", className: "h-full w-full" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Video, { kind: "file", url: item.media_url, fit: "cover", className: "h-full w-full" })
             ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               _chunkWLSFBRT5cjs.next_image_default,
               {
@@ -21031,7 +22742,7 @@ var SelectButton = _react2.default.forwardRef(
               }
             )
           ] }),
-          tag && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Tag, { variant: tagVariant, className: "shrink-0", label: tag }),
+          tag && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Tag, { variant: tagVariant, className: "shrink-0", label: tag }),
           selected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.CheckCircleIcon, { className: "size-4 shrink-0 text-ods-accent md:size-6" })
         ]
       }
@@ -21126,7 +22837,7 @@ function SEOEditorPreview({
   const displayImage = hasOgImage || hasFeaturedImage;
   const handleImageUpload = async (event) => {
     if (!onOgImageUpload) return;
-    const file = _optionalChain([event, 'access', _467 => _467.target, 'access', _468 => _468.files, 'optionalAccess', _469 => _469[0]]);
+    const file = _optionalChain([event, 'access', _470 => _470.target, 'access', _471 => _471.files, 'optionalAccess', _472 => _472[0]]);
     if (!file) return;
     setIsUploading(true);
     try {
@@ -21283,7 +22994,7 @@ function SEOEditorPreview({
                   type: "button",
                   variant: "outline",
                   size: "icon",
-                  onClick: () => _optionalChain([fileInputRef, 'optionalAccess', _470 => _470.click, 'call', _471 => _471()]),
+                  onClick: () => _optionalChain([fileInputRef, 'optionalAccess', _473 => _473.click, 'call', _474 => _474()]),
                   disabled: disabled || isUploading,
                   className: "rounded-full bg-white text-black opacity-0 hover:bg-gray-100 group-hover:opacity-100",
                   children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Upload, { className: "h-4 w-4" })
@@ -21309,7 +23020,7 @@ function SEOEditorPreview({
                 SEO_MEDIA_BOX_HEIGHT,
                 "flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-ods-border bg-ods-bg-hover transition-colors hover:border-ods-accent"
               ),
-              onClick: () => onOgImageUpload && _optionalChain([fileInputRef, 'optionalAccess', _472 => _472.click, 'call', _473 => _473()]),
+              onClick: () => onOgImageUpload && _optionalChain([fileInputRef, 'optionalAccess', _475 => _475.click, 'call', _476 => _476()]),
               children: isUploading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Upload, { className: "mb-2 h-8 w-8 text-ods-text-secondary" }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h6", children: onOgImageUpload ? "Click to upload OG image" : "No image" })
@@ -21396,7 +23107,7 @@ function SocialLinksManager({
   className = ""
 }) {
   const addLink = () => {
-    const firstPlatform = _optionalChain([platforms, 'access', _474 => _474[0], 'optionalAccess', _475 => _475.name]) || "website";
+    const firstPlatform = _optionalChain([platforms, 'access', _477 => _477[0], 'optionalAccess', _478 => _478.name]) || "website";
     onChange([...links, { platform: firstPlatform, url: "" }]);
   };
   const removeLink = (index) => {
@@ -21408,7 +23119,7 @@ function SocialLinksManager({
     onChange(updated);
   };
   const getIcon = (link, platform) => {
-    const iconKey = _optionalChain([platform, 'optionalAccess', _476 => _476.icon_name]) || link.platform;
+    const iconKey = _optionalChain([platform, 'optionalAccess', _479 => _479.icon_name]) || link.platform;
     const IconComponent = iconMap[iconKey];
     return IconComponent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconComponent, { className: "h-5 w-5 text-ods-text-secondary" }) : null;
   };
@@ -21430,7 +23141,7 @@ function SocialLinksManager({
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkIKDC3R7Vcjs.Input,
                 {
-                  placeholder: _optionalChain([platform, 'optionalAccess', _477 => _477.placeholder]) || "Profile URL",
+                  placeholder: _optionalChain([platform, 'optionalAccess', _480 => _480.placeholder]) || "Profile URL",
                   value: link.url,
                   onChange: (e) => updateLink(index, "url", e.target.value),
                   onKeyDown: (e) => {
@@ -21817,7 +23528,7 @@ function VideoBitesDisplay({
   filterPublished = true,
   showTitle = true
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.VideoBitesStrip, { bites, title, filterPublished, showTitle });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.VideoBitesStrip, { bites, title, filterPublished, showTitle });
 }
 
 // src/components/features/walkthrough-video.tsx
@@ -21826,8 +23537,8 @@ function VideoBitesDisplay({
 
 var isAtEnd = (duration, time) => duration > 0 && duration - time < 1;
 function theaterSeedFromLive(live, fallbackTime, fallbackMuted) {
-  const time = _nullishCoalesce(_optionalChain([live, 'optionalAccess', _478 => _478.getCurrentTime, 'call', _479 => _479()]), () => ( 0));
-  const atEnd = isAtEnd(_nullishCoalesce(_optionalChain([live, 'optionalAccess', _480 => _480.getDuration, 'call', _481 => _481()]), () => ( 0)), time);
+  const time = _nullishCoalesce(_optionalChain([live, 'optionalAccess', _481 => _481.getCurrentTime, 'call', _482 => _482()]), () => ( 0));
+  const atEnd = isAtEnd(_nullishCoalesce(_optionalChain([live, 'optionalAccess', _483 => _483.getDuration, 'call', _484 => _484()]), () => ( 0)), time);
   return {
     // At end -> start over, never rewind to an unrelated older anchor.
     time: atEnd ? 0 : time > 0.5 ? time : fallbackTime,
@@ -21859,11 +23570,11 @@ function WalkthroughVideo({
   const inline = placement === "inline";
   const dismissEnabled = dismissal !== false;
   const storageKey = dismissEnabled && dismissal.storageKey || WALKTHROUGH_VIDEO_DISMISS_KEY;
-  const dismissalId = _optionalChain([video, 'optionalAccess', _482 => _482.id]) != null ? String(video.id) : "dismissed";
+  const dismissalId = _optionalChain([video, 'optionalAccess', _485 => _485.id]) != null ? String(video.id) : "dismissed";
   const [mounted, setMounted] = _react.useState.call(void 0, false);
   const [dismissed, setDismissed] = _react.useState.call(void 0, false);
   const hasVideo = video != null;
-  const videoId = _optionalChain([video, 'optionalAccess', _483 => _483.id]);
+  const videoId = _optionalChain([video, 'optionalAccess', _486 => _486.id]);
   _react.useEffect.call(void 0, () => {
     let idleHandle = null;
     if (!hasVideo) return void 0;
@@ -21886,13 +23597,13 @@ function WalkthroughVideo({
       if (idleHandle !== null && typeof cic === "function") cic(idleHandle);
     };
   }, [appearDelayMs, dismissEnabled, storageKey, dismissalId, hasVideo, videoId]);
-  const hydrated = _chunkYU2UJPATcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkLOJ5KQ6Bcjs.useIsHydrated.call(void 0, );
   const previewSuppressed = _react.useMemo.call(void 0, () => {
     if (!hydrated) return false;
     try {
-      const reducedMotion = _nullishCoalesce(_optionalChain([window, 'access', _484 => _484.matchMedia, 'optionalCall', _485 => _485("(prefers-reduced-motion: reduce)"), 'access', _486 => _486.matches]), () => ( false));
+      const reducedMotion = _nullishCoalesce(_optionalChain([window, 'access', _487 => _487.matchMedia, 'optionalCall', _488 => _488("(prefers-reduced-motion: reduce)"), 'access', _489 => _489.matches]), () => ( false));
       const conn = navigator.connection;
-      const saveData = _optionalChain([conn, 'optionalAccess', _487 => _487.saveData]) === true || _optionalChain([conn, 'optionalAccess', _488 => _488.effectiveType]) === "2g" || _optionalChain([conn, 'optionalAccess', _489 => _489.effectiveType]) === "slow-2g";
+      const saveData = _optionalChain([conn, 'optionalAccess', _490 => _490.saveData]) === true || _optionalChain([conn, 'optionalAccess', _491 => _491.effectiveType]) === "2g" || _optionalChain([conn, 'optionalAccess', _492 => _492.effectiveType]) === "slow-2g";
       return Boolean(reducedMotion || saveData);
     } catch (e27) {
       return false;
@@ -21925,18 +23636,18 @@ function WalkthroughVideo({
   const [cardMuted, setCardMuted] = _react.useState.call(void 0, false);
   const [cardPaused, setCardPaused] = _react.useState.call(void 0, false);
   const [userMuted, setUserMuted] = _react.useState.call(void 0, false);
-  const isYouTube = Boolean(_optionalChain([video, 'optionalAccess', _490 => _490.youtubeUrl]));
+  const isYouTube = Boolean(_optionalChain([video, 'optionalAccess', _493 => _493.youtubeUrl]));
   const resumeMode = !open && handoff !== null && !isYouTube;
   const previewAllowed = !previewSuppressed && !isYouTube;
   const footerFadeKey = `${mounted ? 1 : 0}|${inline ? 1 : 0}|${hideNearSelector}|${pathname}`;
-  const footerHidden = _optionalChain([footerObservation, 'optionalAccess', _491 => _491.key]) === footerFadeKey && footerObservation.hidden;
+  const footerHidden = _optionalChain([footerObservation, 'optionalAccess', _494 => _494.key]) === footerFadeKey && footerObservation.hidden;
   _react.useEffect.call(void 0, () => {
     if (!mounted) return void 0;
     if (inline) return void 0;
     const el = typeof document !== "undefined" ? document.querySelector(hideNearSelector) : null;
     if (!el || typeof IntersectionObserver === "undefined") return void 0;
     const io = new IntersectionObserver(
-      (entries) => setFooterObservation({ key: footerFadeKey, hidden: _nullishCoalesce(_optionalChain([entries, 'access', _492 => _492[0], 'optionalAccess', _493 => _493.isIntersecting]), () => ( false)) }),
+      (entries) => setFooterObservation({ key: footerFadeKey, hidden: _nullishCoalesce(_optionalChain([entries, 'access', _495 => _495[0], 'optionalAccess', _496 => _496.isIntersecting]), () => ( false)) }),
       { rootMargin: "0px 0px -40px 0px" }
     );
     io.observe(el);
@@ -21962,7 +23673,7 @@ function WalkthroughVideo({
     if (!footerHidden) return;
     const h = _nullishCoalesce(resumeHandleRef.current, () => ( previewHandleRef.current));
     try {
-      _optionalChain([h, 'optionalAccess', _494 => _494.pause, 'call', _495 => _495()]);
+      _optionalChain([h, 'optionalAccess', _497 => _497.pause, 'call', _498 => _498()]);
     } catch (e29) {
     }
   }, [footerHidden, resumeMode, hovered]);
@@ -21981,30 +23692,30 @@ function WalkthroughVideo({
         }, 400);
       }
       if (openProp === void 0) setOpenState(next);
-      _optionalChain([onOpenChange, 'optionalCall', _496 => _496(next)]);
+      _optionalChain([onOpenChange, 'optionalCall', _499 => _499(next)]);
     },
     [openProp, onOpenChange]
   );
   const pausePreviewNow = _react.useCallback.call(void 0, () => {
     const h = _nullishCoalesce(resumeHandleRef.current, () => ( previewHandleRef.current));
     try {
-      _optionalChain([h, 'optionalAccess', _497 => _497.pause, 'call', _498 => _498()]);
+      _optionalChain([h, 'optionalAccess', _500 => _500.pause, 'call', _501 => _501()]);
     } catch (e30) {
     }
     setCardPaused(true);
   }, [setCardPaused]);
   const openTheater = _react.useCallback.call(void 0, () => {
     const handleBeforePause = _nullishCoalesce(resumeHandleRef.current, () => ( previewHandleRef.current));
-    const liveWasPlaying = _optionalChain([handleBeforePause, 'optionalAccess', _499 => _499.getPaused, 'call', _500 => _500()]) === false;
+    const liveWasPlaying = _optionalChain([handleBeforePause, 'optionalAccess', _502 => _502.getPaused, 'call', _503 => _503()]) === false;
     pausePreviewNow();
     const liveHandle = _nullishCoalesce(resumeHandleRef.current, () => ( (cardModeRef.current === "preview" ? previewHandleRef.current : null)));
-    const liveTime = _nullishCoalesce(_optionalChain([liveHandle, 'optionalAccess', _501 => _501.getCurrentTime, 'call', _502 => _502()]), () => ( 0));
-    const liveDuration = _nullishCoalesce(_optionalChain([liveHandle, 'optionalAccess', _503 => _503.getDuration, 'call', _504 => _504()]), () => ( 0));
+    const liveTime = _nullishCoalesce(_optionalChain([liveHandle, 'optionalAccess', _504 => _504.getCurrentTime, 'call', _505 => _505()]), () => ( 0));
+    const liveDuration = _nullishCoalesce(_optionalChain([liveHandle, 'optionalAccess', _506 => _506.getDuration, 'call', _507 => _507()]), () => ( 0));
     const liveAtEnd = isAtEnd(liveDuration, liveTime);
     const start = {
       // At end -> start over. Falling back to `handoff.time` here would rewind
       // to an unrelated older anchor (e.g. 3:20) instead of restarting.
-      time: liveAtEnd ? 0 : liveTime > 0.5 ? liveTime : _nullishCoalesce(_optionalChain([handoff, 'optionalAccess', _505 => _505.time]), () => ( 0)),
+      time: liveAtEnd ? 0 : liveTime > 0.5 ? liveTime : _nullishCoalesce(_optionalChain([handoff, 'optionalAccess', _508 => _508.time]), () => ( 0)),
       // Live element wins over remembered intent (the theater's own chrome may
       // have changed it) — EXCEPT when the element is muted only because
       // autoplay policy forced it, which is not intent.
@@ -22032,7 +23743,7 @@ function WalkthroughVideo({
     const selfDriven = selfDrivenFor === open;
     if (openProp !== void 0 && !selfDriven) {
       if (open) {
-        setTheaterStart(theaterSeedFromLive(resumeHandleRef.current, _nullishCoalesce(_optionalChain([handoff, 'optionalAccess', _506 => _506.time]), () => ( 0)), userMuted));
+        setTheaterStart(theaterSeedFromLive(resumeHandleRef.current, _nullishCoalesce(_optionalChain([handoff, 'optionalAccess', _509 => _509.time]), () => ( 0)), userMuted));
         setHovered(false);
         setSuspended(false);
         setHandoff(null);
@@ -22118,8 +23829,8 @@ function WalkthroughVideo({
   });
   _react.useEffect.call(void 0, () => {
     if (resumeMode) {
-      setCardMuted(_nullishCoalesce(_optionalChain([handoffRef, 'access', _507 => _507.current, 'optionalAccess', _508 => _508.muted]), () => ( false)));
-      setCardPaused(_optionalChain([handoffRef, 'access', _509 => _509.current, 'optionalAccess', _510 => _510.playing]) === false);
+      setCardMuted(_nullishCoalesce(_optionalChain([handoffRef, 'access', _510 => _510.current, 'optionalAccess', _511 => _511.muted]), () => ( false)));
+      setCardPaused(_optionalChain([handoffRef, 'access', _512 => _512.current, 'optionalAccess', _513 => _513.playing]) === false);
     }
   }, [resumeMode]);
   const [hoverSeeded, setHoverSeeded] = _react.useState.call(void 0, hovered);
@@ -22201,11 +23912,11 @@ function WalkthroughVideo({
     },
     [cardFallback.blocked, cardPaused, activeHandle, setCardPaused]
   );
-  const summaryTitle = _optionalChain([video, 'optionalAccess', _511 => _511.title]) || void 0;
-  const presenterAvatarSrc = _nullishCoalesce(_optionalChain([video, 'optionalAccess', _512 => _512.presenterAvatarUrl]), () => ( null));
+  const summaryTitle = _optionalChain([video, 'optionalAccess', _514 => _514.title]) || void 0;
+  const presenterAvatarSrc = _nullishCoalesce(_optionalChain([video, 'optionalAccess', _515 => _515.presenterAvatarUrl]), () => ( null));
   const embedUrlKey = _react.useMemo.call(void 0, 
-    () => `${_nullishCoalesce(_optionalChain([video, 'optionalAccess', _513 => _513.mainVideoUrl]), () => ( ""))}|${_nullishCoalesce(_optionalChain([video, 'optionalAccess', _514 => _514.youtubeUrl]), () => ( ""))}`,
-    [_optionalChain([video, 'optionalAccess', _515 => _515.mainVideoUrl]), _optionalChain([video, 'optionalAccess', _516 => _516.youtubeUrl])]
+    () => `${_nullishCoalesce(_optionalChain([video, 'optionalAccess', _516 => _516.mainVideoUrl]), () => ( ""))}|${_nullishCoalesce(_optionalChain([video, 'optionalAccess', _517 => _517.youtubeUrl]), () => ( ""))}`,
+    [_optionalChain([video, 'optionalAccess', _518 => _518.mainVideoUrl]), _optionalChain([video, 'optionalAccess', _519 => _519.youtubeUrl])]
   );
   const cardActive = !open && previewAllowed && hovered && !resumeMode;
   const cardMode = resumeMode ? "resume" : cardActive ? "preview" : "poster";
@@ -22264,7 +23975,7 @@ function WalkthroughVideo({
         const el = e.target;
         let keyboard = false;
         try {
-          keyboard = _nullishCoalesce(_optionalChain([el, 'access', _517 => _517.matches, 'optionalCall', _518 => _518(":focus-visible")]), () => ( false));
+          keyboard = _nullishCoalesce(_optionalChain([el, 'access', _520 => _520.matches, 'optionalCall', _521 => _521(":focus-visible")]), () => ( false));
         } catch (e35) {
           keyboard = false;
         }
@@ -22283,7 +23994,7 @@ function WalkthroughVideo({
       },
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYU2UJPATcjs.VideoHoverPreviewSurface,
+          _chunkLOJ5KQ6Bcjs.VideoHoverPreviewSurface,
           {
             url: video.mainVideoUrl || "",
             posterUrl: video.posterUrl,
@@ -22298,15 +24009,15 @@ function WalkthroughVideo({
             previewHandleRef: cardMode === "resume" ? resumeHandleRef : previewHandleRef,
             mutedIntent: userMuted,
             continuation: cardMode === "resume",
-            autoPlay: cardMode === "resume" && _optionalChain([handoff, 'optionalAccess', _519 => _519.playing]) !== false && !footerHidden,
-            startTime: _optionalChain([resumeHandoff, 'optionalAccess', _520 => _520.time]),
-            startMuted: _nullishCoalesce(_optionalChain([resumeHandoff, 'optionalAccess', _521 => _521.muted]), () => ( false)),
+            autoPlay: cardMode === "resume" && _optionalChain([handoff, 'optionalAccess', _522 => _522.playing]) !== false && !footerHidden,
+            startTime: _optionalChain([resumeHandoff, 'optionalAccess', _523 => _523.time]),
+            startMuted: _nullishCoalesce(_optionalChain([resumeHandoff, 'optionalAccess', _524 => _524.muted]), () => ( false)),
             onEnded: cardMode === "resume" ? () => setHandoff(null) : () => setCardPaused(true)
           },
           `card-${embedUrlKey}`
         ) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYU2UJPATcjs.CardHitLayer,
+          _chunkLOJ5KQ6Bcjs.CardHitLayer,
           {
             label: video.title ? `${label}: ${video.title}` : label,
             onPointerDown: pausePreviewNow,
@@ -22315,7 +24026,7 @@ function WalkthroughVideo({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "pointer-events-none absolute bottom-[var(--spacing-system-xsf)] left-[var(--spacing-system-xsf)] z-20 flex max-w-[calc(100%-2*var(--spacing-system-xsf))] items-center gap-[var(--spacing-system-xsf)] rounded-full bg-ods-overlay py-[var(--spacing-system-xxs)] pl-[var(--spacing-system-xxs)] pr-[var(--spacing-system-sf)] text-ods-text-primary text-h6", children: [
-          presenterAvatarSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNFQLTJ3cjs.SquareAvatar, { src: presenterAvatarSrc, alt: "", sizePx: 20, variant: "round", className: "shrink-0 border-0" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.VideoPlayBadge, { size: "sm", className: "h-5 w-5 shrink-0" }),
+          presenterAvatarSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNFQLTJ3cjs.SquareAvatar, { src: presenterAvatarSrc, alt: "", sizePx: 20, variant: "round", className: "shrink-0 border-0" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.VideoPlayBadge, { size: "sm", className: "h-5 w-5 shrink-0" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate", children: summaryTitle || label })
         ] }),
         showBigUnmute && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -22328,7 +24039,7 @@ function WalkthroughVideo({
             onPointerDown: (e) => e.stopPropagation(),
             onClick: onUnmuteOrPlay,
             className: "absolute inset-0 z-30 m-auto hidden sm:inline-flex",
-            children: controlIsPlay ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.VideoPlayBadge, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.VideoUnmuteGlyph, {})
+            children: controlIsPlay ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.VideoPlayBadge, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.VideoUnmuteGlyph, {})
           }
         ),
         showPlaybackControls && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute left-[var(--spacing-system-xsf)] top-[var(--spacing-system-xsf)] z-30 flex items-center gap-[var(--spacing-system-xxs)]", children: [
@@ -22397,7 +24108,7 @@ function WalkthroughVideo({
         {
           onOpenAutoFocus: (e) => {
             e.preventDefault();
-            _optionalChain([closeButtonRef, 'access', _522 => _522.current, 'optionalAccess', _523 => _523.focus, 'call', _524 => _524()]);
+            _optionalChain([closeButtonRef, 'access', _525 => _525.current, 'optionalAccess', _526 => _526.focus, 'call', _527 => _527()]);
           },
           className: _chunkPRPZBXWZcjs.cn.call(void 0, 
             // PURE theater: just the video, centered on a dimmed backdrop.
@@ -22421,7 +24132,7 @@ function WalkthroughVideo({
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive2.Title, { className: "sr-only", children: summaryTitle || "Walkthrough video" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkYU2UJPATcjs.Video,
+              _chunkLOJ5KQ6Bcjs.Video,
               {
                 kind: video.youtubeUrl ? "youtube" : "file",
                 url: video.youtubeUrl || video.mainVideoUrl,
@@ -22472,7 +24183,7 @@ function InlineWalkthroughVideo(props) {
 var _reactquery = require('@tanstack/react-query');
 function useWalkthroughVideo(opts) {
   const { endpoint, initialData, enabled = true, transformCaptionsUrl } = opts;
-  const captions = _chunkYU2UJPATcjs.useCaptions.call(void 0, );
+  const captions = _chunkLOJ5KQ6Bcjs.useCaptions.call(void 0, );
   const query = _reactquery.useQuery.call(void 0, {
     queryKey: ["walkthrough-video", endpoint],
     enabled,
@@ -22491,14 +24202,14 @@ function useWalkthroughVideo(opts) {
       if (res.status === 404) return null;
       if (!res.ok) throw new Error(`Walkthrough video request failed (${res.status})`);
       const body = await res.json();
-      return _nullishCoalesce(_optionalChain([body, 'optionalAccess', _525 => _525.walkthroughVideo]), () => ( null));
+      return _nullishCoalesce(_optionalChain([body, 'optionalAccess', _528 => _528.walkthroughVideo]), () => ( null));
     },
     // Per-observer transform — NEVER mutate the cached data. `select` also runs
     // over `initialData`, so the SSR seed is rewritten too. Keeping the proxy
     // rewrite here (not in queryFn) means a second consumer of the same
     // endpoint can't inherit this observer's proxied captionsUrl from the cache.
     select: (video) => {
-      if (!_optionalChain([video, 'optionalAccess', _526 => _526.captionsUrl])) return video;
+      if (!_optionalChain([video, 'optionalAccess', _529 => _529.captionsUrl])) return video;
       if (transformCaptionsUrl && video.captionsUrl.startsWith("/")) {
         return { ...video, captionsUrl: transformCaptionsUrl(video.captionsUrl) };
       }
@@ -22545,7 +24256,7 @@ function VideoSourceSelector({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _527 => _527.files, 'optionalAccess', _528 => _528[0]]);
+      const file = _optionalChain([target, 'access', _530 => _530.files, 'optionalAccess', _531 => _531[0]]);
       if (!file) return;
       setIsUploading(true);
       setUploadProgress(0);
@@ -22670,7 +24381,7 @@ function VideoSourceSelector({
 }
 function DefaultVideoPreview({ videoUrl, onDelete, disabled }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative overflow-hidden rounded-lg border border-ods-border", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video max-h-[300px] w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Video, { kind: "file", url: videoUrl }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video max-h-[300px] w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Video, { kind: "file", url: videoUrl }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
@@ -22721,7 +24432,7 @@ function SubtitlesEditor({
           {
             id,
             value: subtitles || "",
-            onChange: (e) => _optionalChain([onSubtitlesChange, 'optionalCall', _529 => _529(e.target.value)]),
+            onChange: (e) => _optionalChain([onSubtitlesChange, 'optionalCall', _532 => _532(e.target.value)]),
             placeholder,
             disabled: disabled || !onSubtitlesChange,
             className: "h-full w-full resize-none border-0 bg-transparent p-4 text-ods-text-primary text-code placeholder:text-ods-text-secondary/50 focus:outline-none focus:ring-0",
@@ -22950,7 +24661,7 @@ var AIEnrichSection = ({
 }) => {
   const hasResults = status === "success" || status === "error";
   const shouldDisable = disabled || !canEnrich;
-  const unfilledFields = _optionalChain([requiredFields, 'optionalAccess', _530 => _530.filter, 'call', _531 => _531((f) => !f.isFilled)]) || [];
+  const unfilledFields = _optionalChain([requiredFields, 'optionalAccess', _533 => _533.filter, 'call', _534 => _534((f) => !f.isFilled)]) || [];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -22982,7 +24693,7 @@ var AIEnrichSection = ({
             {
               id: "ai-enrich-custom-instructions",
               value: _nullishCoalesce(customInstructions, () => ( "")),
-              onChange: (e) => _optionalChain([onCustomInstructionsChange, 'optionalCall', _532 => _532(e.target.value)]),
+              onChange: (e) => _optionalChain([onCustomInstructionsChange, 'optionalCall', _535 => _535(e.target.value)]),
               placeholder: customInstructionsPlaceholder,
               disabled: loading,
               maxLength: customInstructionsMaxLength,
@@ -23104,7 +24815,7 @@ function HighlightVideoSection({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _533 => _533.files, 'optionalAccess', _534 => _534[0]]);
+      const file = _optionalChain([target, 'access', _536 => _536.files, 'optionalAccess', _537 => _537[0]]);
       if (!file) return;
       setUploadError(null);
       try {
@@ -23194,7 +24905,7 @@ function HighlightVideoSection({
         // Default simple preview — the <Video> SSOT (MuxPlayer) plays
         // MP4 and Mux HLS alike; aspect-video box reserves the height.
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative overflow-hidden rounded-lg border border-ods-border bg-black", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video max-h-[300px] w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Video, { kind: "file", url: highlightVideoUrl, poster: highlightVideoThumbnail || void 0 }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video max-h-[300px] w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Video, { kind: "file", url: highlightVideoUrl, poster: highlightVideoThumbnail || void 0 }) }),
           onDeleteHighlight && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "button",
             {
@@ -23531,7 +25242,7 @@ function HighlightVideoPreview({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _535 => _535.files, 'optionalAccess', _536 => _536[0]]);
+      const file = _optionalChain([target, 'access', _538 => _538.files, 'optionalAccess', _539 => _539[0]]);
       if (!file) return;
       await onUpload(file);
     };
@@ -23715,7 +25426,7 @@ function HighlightVideoCombinedSection({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _537 => _537.files, 'optionalAccess', _538 => _538[0]]);
+      const file = _optionalChain([target, 'access', _540 => _540.files, 'optionalAccess', _541 => _541[0]]);
       if (!file) return;
       await onUpload(file);
     };
@@ -23930,7 +25641,7 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
   ] });
 };
 var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, onBulkLevelChange, onPolicyPermissionChange }) => {
-  const { innerRef, containerStyle } = _chunkYU2UJPATcjs.useCollapsible.call(void 0, { expanded: isExpanded, durationMs: 300 });
+  const { innerRef, containerStyle } = _chunkLOJ5KQ6Bcjs.useCollapsible.call(void 0, { expanded: isExpanded, durationMs: 300 });
   const handleBulkChange = (level) => onBulkLevelChange(category.id, level);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -24098,7 +25809,7 @@ function WaitlistForm({
   const { toast } = _chunkLEISUAHFcjs.useToast.call(void 0, );
   const { honeypotInputProps, getSignals, resetSignals } = _chunkLEISUAHFcjs.useHumanitySignals.call(void 0, );
   const [smsConsent, setSmsConsent] = _react.useState.call(void 0, false);
-  const isClient = _chunkYU2UJPATcjs.useIsHydrated.call(void 0, );
+  const isClient = _chunkLOJ5KQ6Bcjs.useIsHydrated.call(void 0, );
   const [isPhoneInvalid, setIsPhoneInvalid] = _react.useState.call(void 0, false);
   const [showConsentError, setShowConsentError] = _react.useState.call(void 0, false);
   const isMailDomainGeneric = hasGenericEmailDomain(email);
@@ -24414,19 +26125,19 @@ function NotificationsProvider({
   }, []);
   const markRead = _react.useCallback.call(void 0, (id) => {
     dispatch({ type: "markRead", id });
-    void _optionalChain([actionsRef, 'access', _539 => _539.current, 'optionalAccess', _540 => _540.onMarkRead, 'optionalCall', _541 => _541(id)]);
+    void _optionalChain([actionsRef, 'access', _542 => _542.current, 'optionalAccess', _543 => _543.onMarkRead, 'optionalCall', _544 => _544(id)]);
   }, []);
   const markAllRead = _react.useCallback.call(void 0, () => {
     dispatch({ type: "markAllRead" });
-    void _optionalChain([actionsRef, 'access', _542 => _542.current, 'optionalAccess', _543 => _543.onMarkAllRead, 'optionalCall', _544 => _544()]);
+    void _optionalChain([actionsRef, 'access', _545 => _545.current, 'optionalAccess', _546 => _546.onMarkAllRead, 'optionalCall', _547 => _547()]);
   }, []);
   const markSettled = _react.useCallback.call(void 0, (id) => {
     dispatch({ type: "markSettled", id });
-    void _optionalChain([actionsRef, 'access', _545 => _545.current, 'optionalAccess', _546 => _546.onMarkSettled, 'optionalCall', _547 => _547(id)]);
+    void _optionalChain([actionsRef, 'access', _548 => _548.current, 'optionalAccess', _549 => _549.onMarkSettled, 'optionalCall', _550 => _550(id)]);
   }, []);
   const remove = _react.useCallback.call(void 0, (id) => {
     dispatch({ type: "remove", id });
-    void _optionalChain([actionsRef, 'access', _548 => _548.current, 'optionalAccess', _549 => _549.onRemove, 'optionalCall', _550 => _550(id)]);
+    void _optionalChain([actionsRef, 'access', _551 => _551.current, 'optionalAccess', _552 => _552.onRemove, 'optionalCall', _553 => _553(id)]);
   }, []);
   const clear = _react.useCallback.call(void 0, () => dispatch({ type: "clear" }), []);
   const open = _react.useCallback.call(void 0, () => setIsOpen(true), []);
@@ -24435,14 +26146,14 @@ function NotificationsProvider({
   const setShowPopups = _react.useCallback.call(void 0, 
     (value2) => {
       setShowPopupsState(value2);
-      _optionalChain([onShowPopupsChange, 'optionalCall', _551 => _551(value2)]);
+      _optionalChain([onShowPopupsChange, 'optionalCall', _554 => _554(value2)]);
     },
     [onShowPopupsChange]
   );
   const setShowDesktopPopups = _react.useCallback.call(void 0, 
     (value2) => {
       setShowDesktopPopupsState(value2);
-      _optionalChain([onShowDesktopPopupsChange, 'optionalCall', _552 => _552(value2)]);
+      _optionalChain([onShowDesktopPopupsChange, 'optionalCall', _555 => _555(value2)]);
     },
     [onShowDesktopPopupsChange]
   );
@@ -24558,7 +26269,7 @@ var AppLayoutDrawerRoot = ({
   const handleOpenChange = _react.useCallback.call(void 0, 
     (next) => {
       if (!isControlled) setInternalOpen(next);
-      _optionalChain([onOpenChange, 'optionalCall', _553 => _553(next)]);
+      _optionalChain([onOpenChange, 'optionalCall', _556 => _556(next)]);
     },
     [isControlled, onOpenChange]
   );
@@ -24575,9 +26286,9 @@ var AppLayoutDrawerRoot = ({
     }
   }));
   _react.useEffect.call(void 0, () => {
-    if (open) _optionalChain([coordination, 'optionalAccess', _554 => _554.notifyDrawerDidOpen, 'call', _555 => _555(selfHandle)]);
+    if (open) _optionalChain([coordination, 'optionalAccess', _557 => _557.notifyDrawerDidOpen, 'call', _558 => _558(selfHandle)]);
   }, [open, coordination, selfHandle]);
-  _react.useEffect.call(void 0, () => _optionalChain([coordination, 'optionalAccess', _556 => _556.registerDrawer, 'call', _557 => _557(selfHandle)]), [coordination, selfHandle]);
+  _react.useEffect.call(void 0, () => _optionalChain([coordination, 'optionalAccess', _559 => _559.registerDrawer, 'call', _560 => _560(selfHandle)]), [coordination, selfHandle]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DrawerOpenContext.Provider, { value: open, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive3.Root, { ...rest, open, onOpenChange: handleOpenChange, modal, children }) });
 };
 AppLayoutDrawerRoot.displayName = "AppLayoutDrawer";
@@ -24902,7 +26613,7 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
           "data-state": open ? "open" : "closed",
           className: _chunkPRPZBXWZcjs.cn.call(void 0, 
             "absolute inset-0 z-[102] outline-none data-[state=closed]:pointer-events-none data-[state=open]:pointer-events-auto data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-            _chunkYU2UJPATcjs.OVERLAY_BACKDROP_CLASS,
+            _chunkLOJ5KQ6Bcjs.OVERLAY_BACKDROP_CLASS,
             // Persist mode only: hold the fade-out's final (transparent) frame
             // so the backdrop doesn't snap back to opacity 1 and dim the whole
             // content area while the drawer is "closed" (see PERSIST_CLOSED_HOLD).
@@ -24930,10 +26641,10 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
           ),
           style,
           onInteractOutside: (event) => {
-            _optionalChain([onInteractOutside, 'optionalCall', _558 => _558(event)]);
+            _optionalChain([onInteractOutside, 'optionalCall', _561 => _561(event)]);
             if (event.defaultPrevented) return;
             const target = event.target;
-            const isInsideContainer = !!target && !!_optionalChain([portalContainer, 'optionalAccess', _559 => _559.contains, 'call', _560 => _560(target)]);
+            const isInsideContainer = !!target && !!_optionalChain([portalContainer, 'optionalAccess', _562 => _562.contains, 'call', _563 => _563(target)]);
             if (!isInsideContainer) {
               event.preventDefault();
               return;
@@ -24978,11 +26689,11 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
   }
 );
 AppLayoutDrawerContent.displayName = "AppLayoutDrawerContent";
-var AppLayoutDrawerHeader = _chunkYU2UJPATcjs.DrawerHeader;
-var AppLayoutDrawerTitle = _chunkYU2UJPATcjs.DrawerTitle;
-var AppLayoutDrawerDescription = _chunkYU2UJPATcjs.DrawerDescription;
-var AppLayoutDrawerBody = _chunkYU2UJPATcjs.DrawerBody;
-var AppLayoutDrawerFooter = _chunkYU2UJPATcjs.DrawerFooter;
+var AppLayoutDrawerHeader = _chunkLOJ5KQ6Bcjs.DrawerHeader;
+var AppLayoutDrawerTitle = _chunkLOJ5KQ6Bcjs.DrawerTitle;
+var AppLayoutDrawerDescription = _chunkLOJ5KQ6Bcjs.DrawerDescription;
+var AppLayoutDrawerBody = _chunkLOJ5KQ6Bcjs.DrawerBody;
+var AppLayoutDrawerFooter = _chunkLOJ5KQ6Bcjs.DrawerFooter;
 
 // src/components/features/notifications/notification-tile.tsx
 
@@ -25036,7 +26747,7 @@ function NotificationTile({
     if (!counting) return void 0;
     const remaining = Math.max(0, liveDurationMs - initialElapsed);
     const timer = window.setTimeout(() => {
-      _optionalChain([onSettle, 'optionalCall', _561 => _561(id)]);
+      _optionalChain([onSettle, 'optionalCall', _564 => _564(id)]);
     }, remaining);
     return () => window.clearTimeout(timer);
   }, [id, counting, initialElapsed, liveDurationMs, onSettle]);
@@ -25070,13 +26781,13 @@ function NotificationTile({
                   }
                 ) : _nullishCoalesce(icon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "size-1.5 rounded-full", _chunkLEISUAHFcjs.dotColorByVariant[accentVariant]) }))) }),
                 type ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "min-w-0 flex-1 truncate text-h5", typeColorByVariant[accentVariant]), title: type, children: type }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1" }),
-                !isLive && createdAtIso ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "time", { dateTime: createdAtIso, className: "shrink-0 whitespace-nowrap text-ods-text-secondary text-h6", children: _chunkYU2UJPATcjs.formatTicketRelativeTime.call(void 0, createdAtIso) }) : null,
+                !isLive && createdAtIso ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "time", { dateTime: createdAtIso, className: "shrink-0 whitespace-nowrap text-ods-text-secondary text-h6", children: _chunkLOJ5KQ6Bcjs.formatTicketRelativeTime.call(void 0, createdAtIso) }) : null,
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "relative size-4 shrink-0", children: [
                   {
                     active: isLive,
                     label: "Dismiss notification",
                     icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.XmarkIcon, { size: 16 }),
-                    onClick: () => _optionalChain([onSettle, 'optionalCall', _562 => _562(id)])
+                    onClick: () => _optionalChain([onSettle, 'optionalCall', _565 => _565(id)])
                   },
                   {
                     active: !isLive,
@@ -25167,7 +26878,7 @@ function NotificationDrawer({
   const unreadNotifications = notifications.filter((n) => !n.read);
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-[var(--spacing-system-m)] pt-[var(--spacing-system-m)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYU2UJPATcjs.DrawerTitle,
+      _chunkLOJ5KQ6Bcjs.DrawerTitle,
       {
         hideClose: true,
         className: "truncate",
@@ -25226,8 +26937,8 @@ function NotificationDrawer({
       }
     ) });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Drawer, { open: isOpen, onOpenChange: (v) => v ? open() : close(), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYU2UJPATcjs.DrawerContent,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Drawer, { open: isOpen, onOpenChange: (v) => v ? open() : close(), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkLOJ5KQ6Bcjs.DrawerContent,
     {
       side: "right",
       "aria-describedby": void 0,
@@ -25264,7 +26975,7 @@ function DrawerScrollList({
     if (!sentinel || !root) return void 0;
     const observer = new IntersectionObserver(
       (entries) => {
-        if (_optionalChain([entries, 'access', _563 => _563[0], 'optionalAccess', _564 => _564.isIntersecting])) _optionalChain([loadMoreRef, 'access', _565 => _565.current, 'optionalCall', _566 => _566()]);
+        if (_optionalChain([entries, 'access', _566 => _566[0], 'optionalAccess', _567 => _567.isIntersecting])) _optionalChain([loadMoreRef, 'access', _568 => _568.current, 'optionalCall', _569 => _569()]);
       },
       { root, rootMargin: loadMoreRootMargin }
     );
@@ -25279,7 +26990,7 @@ function DrawerScrollList({
       className: "flex flex-1 flex-col gap-[var(--spacing-system-xs)] overflow-y-auto px-[var(--spacing-system-m)]",
       children: isEmpty && !isLoadingMore ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmptyState, {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         unreadNotifications.map((n) => {
-          const custom = _optionalChain([renderTile, 'optionalCall', _567 => _567(n, { onComplete, onSettle, liveDurationMs })]);
+          const custom = _optionalChain([renderTile, 'optionalCall', _570 => _570(n, { onComplete, onSettle, liveDurationMs })]);
           if (custom) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: custom }, n.id);
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             NotificationTile,
@@ -25399,7 +27110,7 @@ function NotificationPopups({
 }) {
   const ctx = useOptionalNotifications();
   const [now, setNow] = _react.useState.call(void 0, () => Date.now());
-  const hasAgeingNotifications = Boolean(_optionalChain([ctx, 'optionalAccess', _568 => _568.notifications, 'access', _569 => _569.some, 'call', _570 => _570((n) => !n.read && !n.settled)]));
+  const hasAgeingNotifications = Boolean(_optionalChain([ctx, 'optionalAccess', _571 => _571.notifications, 'access', _572 => _572.some, 'call', _573 => _573((n) => !n.read && !n.settled)]));
   _react.useEffect.call(void 0, () => {
     if (!hasAgeingNotifications) return void 0;
     const id = setInterval(() => setNow(Date.now()), 500);
@@ -25442,7 +27153,7 @@ function NotificationPopups({
         className
       ),
       children: live.map((n) => {
-        const custom = _optionalChain([renderTile, 'optionalCall', _571 => _571(n, { onComplete: markRead, onSettle: markSettled, liveDurationMs })]);
+        const custom = _optionalChain([renderTile, 'optionalCall', _574 => _574(n, { onComplete: markRead, onSettle: markSettled, liveDurationMs })]);
         if (custom) {
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-auto", children: custom }, n.id);
         }
@@ -25481,34 +27192,34 @@ function NotificationPopups({
 // src/components/features/notifications/types.ts
 var ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE = "ADMIN_APPROVAL_REQUEST";
 function isApprovalNotification(notification) {
-  return _optionalChain([notification, 'access', _572 => _572.meta, 'optionalAccess', _573 => _573.contextType]) === ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE;
+  return _optionalChain([notification, 'access', _575 => _575.meta, 'optionalAccess', _576 => _576.contextType]) === ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE;
 }
 function getApprovalMeta(notification) {
   if (!isApprovalNotification(notification)) return null;
   const meta = notification.meta;
-  const approvalRequestId = _optionalChain([meta, 'optionalAccess', _574 => _574.approvalRequestId]);
-  const toolCalls = _optionalChain([meta, 'optionalAccess', _575 => _575.toolCalls]);
+  const approvalRequestId = _optionalChain([meta, 'optionalAccess', _577 => _577.approvalRequestId]);
+  const toolCalls = _optionalChain([meta, 'optionalAccess', _578 => _578.toolCalls]);
   if (typeof approvalRequestId !== "string" || !Array.isArray(toolCalls)) return null;
   return {
     approvalRequestId,
-    dialogId: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _576 => _576.dialogId]), () => ( null)),
-    ticketId: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _577 => _577.ticketId]), () => ( null)),
-    approvalType: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _578 => _578.approvalType]), () => ( null)),
-    resolution: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _579 => _579.resolution]), () => ( null)),
-    resolvedByName: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _580 => _580.resolvedByName]), () => ( null)),
+    dialogId: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _579 => _579.dialogId]), () => ( null)),
+    ticketId: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _580 => _580.ticketId]), () => ( null)),
+    approvalType: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _581 => _581.approvalType]), () => ( null)),
+    resolution: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _582 => _582.resolution]), () => ( null)),
+    resolvedByName: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _583 => _583.resolvedByName]), () => ( null)),
     toolCalls
   };
 }
 function resolutionToStatus(resolution) {
   switch (typeof resolution === "string" ? resolution.toUpperCase() : void 0) {
     case "APPROVED":
-      return _chunkYU2UJPATcjs.APPROVAL_STATUS.APPROVED;
+      return _chunkLOJ5KQ6Bcjs.APPROVAL_STATUS.APPROVED;
     case "REJECTED":
-      return _chunkYU2UJPATcjs.APPROVAL_STATUS.REJECTED;
+      return _chunkLOJ5KQ6Bcjs.APPROVAL_STATUS.REJECTED;
     case "CANCELLED":
-      return _chunkYU2UJPATcjs.APPROVAL_STATUS.CANCELLED;
+      return _chunkLOJ5KQ6Bcjs.APPROVAL_STATUS.CANCELLED;
     default:
-      return _chunkYU2UJPATcjs.APPROVAL_STATUS.PENDING;
+      return _chunkLOJ5KQ6Bcjs.APPROVAL_STATUS.PENDING;
   }
 }
 function approvalMetaToBatchData(approval) {
@@ -25545,10 +27256,10 @@ function ApprovalRequestNotificationTile({
   const [processing, setProcessing] = _react.useState.call(void 0, false);
   const [localStatus, setLocalStatus] = _react.useState.call(void 0, null);
   const approval = getApprovalMeta(notification);
-  const resolvedStatus = resolutionToStatus(_optionalChain([approval, 'optionalAccess', _581 => _581.resolution]));
+  const resolvedStatus = resolutionToStatus(_optionalChain([approval, 'optionalAccess', _584 => _584.resolution]));
   const status = resolvedStatus !== "pending" ? resolvedStatus : _nullishCoalesce(localStatus, () => ( "pending"));
   const batchData = _react.useMemo.call(void 0, () => approval ? approvalMetaToBatchData(approval) : null, [approval]);
-  const { innerRef, containerStyle } = _chunkYU2UJPATcjs.useCollapsible.call(void 0, { expanded });
+  const { innerRef, containerStyle } = _chunkLOJ5KQ6Bcjs.useCollapsible.call(void 0, { expanded });
   if (!approval || !batchData) return null;
   const tileNotification = {
     ...notification,
@@ -25601,7 +27312,7 @@ function ApprovalRequestNotificationTile({
             }
           )
         ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ApprovalStatusTag, { status }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ApprovalStatusTag, { status }),
           approval.resolvedByName ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: [
             "by ",
             approval.resolvedByName
@@ -25619,12 +27330,12 @@ function ApprovalRequestNotificationTile({
             "aria-expanded": expanded,
             "aria-label": toggleLabel,
             className: "ml-auto w-6 shrink-0 px-0 md:w-8",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.ExpandChevron, { expanded })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.ExpandChevron, { expanded })
           }
         )
       ] }),
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: innerRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYU2UJPATcjs.ApprovalBatchMessage,
+        _chunkLOJ5KQ6Bcjs.ApprovalBatchMessage,
         {
           data: batchData,
           showExecutionStatus: false,
@@ -25867,7 +27578,7 @@ function TimeTrackerPanel({
                 error: showFieldError ? "Required if no notes added" : void 0,
                 disableClientFilter: !!onTicketSearch,
                 onInputChange: (value, reason) => {
-                  if (reason === "input") _optionalChain([onTicketSearch, 'optionalCall', _582 => _582(value)]);
+                  if (reason === "input") _optionalChain([onTicketSearch, 'optionalCall', _585 => _585(value)]);
                 }
               }
             ),
@@ -25882,7 +27593,7 @@ function TimeTrackerPanel({
                 disabled: customerLocked,
                 disableClientFilter: !!onCustomerSearch,
                 onInputChange: (value, reason) => {
-                  if (reason === "input") _optionalChain([onCustomerSearch, 'optionalCall', _583 => _583(value)]);
+                  if (reason === "input") _optionalChain([onCustomerSearch, 'optionalCall', _586 => _586(value)]);
                 },
                 startAdornment: customerStartAdornment,
                 renderOption: renderCustomerOption
@@ -25955,7 +27666,7 @@ var STATUS_TAG_SKIN = "gap-[var(--spacing-system-xs)] font-mono font-medium uppe
 function StatusTag({ status }) {
   if (status === "tracking") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYU2UJPATcjs.Tag,
+      _chunkLOJ5KQ6Bcjs.Tag,
       {
         variant: "success",
         className: STATUS_TAG_SKIN,
@@ -25965,9 +27676,9 @@ function StatusTag({ status }) {
     );
   }
   if (status === "paused") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Tag, { variant: "warning", className: STATUS_TAG_SKIN, icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.PauseIcon, { className: "h-4 w-4" }), label: "Paused" });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Tag, { variant: "warning", className: STATUS_TAG_SKIN, icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.PauseIcon, { className: "h-4 w-4" }), label: "Paused" });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Tag, { variant: "grey", className: STATUS_TAG_SKIN, label: "Ready to Track" });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Tag, { variant: "grey", className: STATUS_TAG_SKIN, label: "Ready to Track" });
 }
 function LastEntryRow({ entry, onClick }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-m)] border-b border-ods-border bg-ods-bg px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] last:border-b-0", children: [
@@ -25984,7 +27695,7 @@ function LastEntryRow({ entry, onClick }) {
       {
         variant: "outline",
         size: "icon",
-        onClick: () => _optionalChain([onClick, 'optionalCall', _584 => _584(entry)]),
+        onClick: () => _optionalChain([onClick, 'optionalCall', _587 => _587(entry)]),
         disabled: !onClick,
         "aria-label": `Open entry: ${entry.title}`,
         className: "h-12 w-12 shrink-0 [&_svg]:!size-6",
@@ -26068,28 +27779,28 @@ function HeaderButton({
 function TimeTrackerHeaderButton({ className, disabled }) {
   const ctx = useOptionalTimeTracker();
   const elapsedLabel = useTrackerClock({
-    status: _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _585 => _585.status]), () => ( "ready")),
-    runningSince: _optionalChain([ctx, 'optionalAccess', _586 => _586.runningSince]),
-    accumulatedMs: _optionalChain([ctx, 'optionalAccess', _587 => _587.accumulatedMs])
+    status: _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _588 => _588.status]), () => ( "ready")),
+    runningSince: _optionalChain([ctx, 'optionalAccess', _589 => _589.runningSince]),
+    accumulatedMs: _optionalChain([ctx, 'optionalAccess', _590 => _590.accumulatedMs])
   });
   const layoutContainer = useAppLayoutDrawerContainer();
   const coordination = useAppLayoutDrawerCoordination();
-  const isOpen = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _588 => _588.isOpen]), () => ( false));
+  const isOpen = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _591 => _591.isOpen]), () => ( false));
   const isOpenRef = _react.useRef.call(void 0, isOpen);
-  const closeRef = _react.useRef.call(void 0, _optionalChain([ctx, 'optionalAccess', _589 => _589.close]));
+  const closeRef = _react.useRef.call(void 0, _optionalChain([ctx, 'optionalAccess', _592 => _592.close]));
   _react.useEffect.call(void 0, () => {
     isOpenRef.current = isOpen;
-    closeRef.current = _optionalChain([ctx, 'optionalAccess', _590 => _590.close]);
+    closeRef.current = _optionalChain([ctx, 'optionalAccess', _593 => _593.close]);
   });
   const [selfHandle] = _react.useState.call(void 0, () => ({
     close: () => {
-      if (isOpenRef.current) _optionalChain([closeRef, 'access', _591 => _591.current, 'optionalCall', _592 => _592()]);
+      if (isOpenRef.current) _optionalChain([closeRef, 'access', _594 => _594.current, 'optionalCall', _595 => _595()]);
     }
   }));
   _react.useEffect.call(void 0, () => {
-    if (isOpen) _optionalChain([coordination, 'optionalAccess', _593 => _593.notifyDrawerDidOpen, 'call', _594 => _594(selfHandle)]);
+    if (isOpen) _optionalChain([coordination, 'optionalAccess', _596 => _596.notifyDrawerDidOpen, 'call', _597 => _597(selfHandle)]);
   }, [isOpen, coordination, selfHandle]);
-  _react.useEffect.call(void 0, () => _optionalChain([coordination, 'optionalAccess', _595 => _595.registerDrawer, 'call', _596 => _596(selfHandle)]), [coordination, selfHandle]);
+  _react.useEffect.call(void 0, () => _optionalChain([coordination, 'optionalAccess', _598 => _598.registerDrawer, 'call', _599 => _599(selfHandle)]), [coordination, selfHandle]);
   if (!ctx) return null;
   const { open, close, status } = ctx;
   const isPaused = status === "paused";
@@ -26136,7 +27847,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
         "data-state": isOpen ? "open" : "closed",
         className: _chunkPRPZBXWZcjs.cn.call(void 0, 
           layoutContainer ? "absolute inset-0 z-[102]" : "fixed inset-0 z-[1299]",
-          _chunkYU2UJPATcjs.OVERLAY_BACKDROP_CLASS,
+          _chunkLOJ5KQ6Bcjs.OVERLAY_BACKDROP_CLASS,
           "data-[state=open]:animate-in data-[state=open]:fade-in-0",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0"
         )
@@ -26221,7 +27932,7 @@ function autoScrollAncestors(element) {
 
 // src/components/features/board/aim.ts
 var _closestedge = require('@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge');
-var othersIn = (columns, columnId, ticketId) => (_nullishCoalesce(_optionalChain([columns, 'access', _597 => _597.find, 'call', _598 => _598((c) => c.id === columnId), 'optionalAccess', _599 => _599.tickets]), () => ( []))).filter((t) => t.id !== ticketId);
+var othersIn = (columns, columnId, ticketId) => (_nullishCoalesce(_optionalChain([columns, 'access', _600 => _600.find, 'call', _601 => _601((c) => c.id === columnId), 'optionalAccess', _602 => _602.tickets]), () => ( []))).filter((t) => t.id !== ticketId);
 function laneOf(columns, ticketId) {
   return _nullishCoalesce(columns.find((c) => c.tickets.some((t) => t.id === ticketId)), () => ( null));
 }
@@ -26265,11 +27976,11 @@ function aimToChange(columns, ticketId, aim) {
   const lane = laneOf(columns, ticketId);
   if (!lane) return null;
   const others = othersIn(columns, aim.columnId, ticketId);
-  const afterTicketId = _nullishCoalesce(_optionalChain([others, 'access', _600 => _600[aim.index - 1], 'optionalAccess', _601 => _601.id]), () => ( null));
-  const beforeTicketId = _nullishCoalesce(_optionalChain([others, 'access', _602 => _602[aim.index], 'optionalAccess', _603 => _603.id]), () => ( null));
+  const afterTicketId = _nullishCoalesce(_optionalChain([others, 'access', _603 => _603[aim.index - 1], 'optionalAccess', _604 => _604.id]), () => ( null));
+  const beforeTicketId = _nullishCoalesce(_optionalChain([others, 'access', _605 => _605[aim.index], 'optionalAccess', _606 => _606.id]), () => ( null));
   if (lane.id === aim.columnId) {
     const currentIndex = lane.tickets.findIndex((t) => t.id === ticketId);
-    if ((_nullishCoalesce(_optionalChain([lane, 'access', _604 => _604.tickets, 'access', _605 => _605[currentIndex - 1], 'optionalAccess', _606 => _606.id]), () => ( null))) === afterTicketId) return null;
+    if ((_nullishCoalesce(_optionalChain([lane, 'access', _607 => _607.tickets, 'access', _608 => _608[currentIndex - 1], 'optionalAccess', _609 => _609.id]), () => ( null))) === afterTicketId) return null;
   }
   return { ticketId, fromColumnId: lane.id, toColumnId: aim.columnId, afterTicketId, beforeTicketId };
 }
@@ -26290,7 +28001,7 @@ function BoardColumnHeader({
 }) {
   const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
   const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
-  const useStatusVariant = _chunkYU2UJPATcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
+  const useStatusVariant = _chunkLOJ5KQ6Bcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
   const actionClass = "h-8 w-8 p-0 md:h-8 md:w-8";
   if (collapsed) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
@@ -26306,7 +28017,7 @@ function BoardColumnHeader({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYU2UJPATcjs.TicketStatusTag,
+        _chunkLOJ5KQ6Bcjs.TicketStatusTag,
         {
           status: tagStatus,
           label: column.label,
@@ -26319,7 +28030,7 @@ function BoardColumnHeader({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h5", style: useStatusVariant ? void 0 : { color: column.color }, children: count })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
@@ -26470,7 +28181,7 @@ function holdMoveDragEffect(element) {
 
 function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
   const [expanded, setExpanded] = _react.useState.call(void 0, false);
-  const { innerRef, containerStyle } = _chunkYU2UJPATcjs.useCollapsible.call(void 0, { expanded });
+  const { innerRef, containerStyle } = _chunkLOJ5KQ6Bcjs.useCollapsible.call(void 0, { expanded });
   const isAdmin = pendingApproval.approvalType === "ADMIN";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex flex-col", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -26499,7 +28210,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: innerRef, className: "pt-[var(--spacing-system-xs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYU2UJPATcjs.ApprovalBatchMessage,
+      _chunkLOJ5KQ6Bcjs.ApprovalBatchMessage,
       {
         className: "mb-0",
         data: {
@@ -26540,14 +28251,14 @@ function useIsLanding(ticketId) {
   return _react.useContext.call(void 0, LandingCardContext) === ticketId;
 }
 function hasMoveSettled(columns, move) {
-  const tickets = _optionalChain([columns, 'access', _607 => _607.find, 'call', _608 => _608((c) => c.id === move.toColumnId), 'optionalAccess', _609 => _609.tickets]);
+  const tickets = _optionalChain([columns, 'access', _610 => _610.find, 'call', _611 => _611((c) => c.id === move.toColumnId), 'optionalAccess', _612 => _612.tickets]);
   if (!tickets) return false;
   const index = tickets.findIndex((t) => t.id === move.ticketId);
   if (index < 0) return false;
   if (move.fromColumnId === move.toColumnId) {
-    return (_nullishCoalesce(_optionalChain([tickets, 'access', _610 => _610[index - 1], 'optionalAccess', _611 => _611.id]), () => ( null))) === move.afterTicketId;
+    return (_nullishCoalesce(_optionalChain([tickets, 'access', _613 => _613[index - 1], 'optionalAccess', _614 => _614.id]), () => ( null))) === move.afterTicketId;
   }
-  return !_optionalChain([columns, 'access', _612 => _612.find, 'call', _613 => _613((c) => c.id === move.fromColumnId), 'optionalAccess', _614 => _614.tickets, 'access', _615 => _615.some, 'call', _616 => _616((t) => t.id === move.ticketId)]);
+  return !_optionalChain([columns, 'access', _615 => _615.find, 'call', _616 => _616((c) => c.id === move.fromColumnId), 'optionalAccess', _617 => _617.tickets, 'access', _618 => _618.some, 'call', _619 => _619((t) => t.id === move.ticketId)]);
 }
 
 // src/components/features/board/ticket-card.tsx
@@ -26571,10 +28282,10 @@ var ACTIVITY_DEFAULT_LABEL = {
 var TICKET_CARD_SHELL = "relative flex flex-col gap-[var(--spacing-system-sf)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)] select-none text-left";
 function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onReject }) {
   const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
-  const newMessageTextColor = columnColor ? _chunkYU2UJPATcjs.getReadableTextColor.call(void 0, columnColor) : void 0;
-  const showDeviceRow = !!(_optionalChain([ticket, 'access', _617 => _617.deviceHostnames, 'optionalAccess', _618 => _618.length]) || ticket.organizationName);
-  const deviceText = [_optionalChain([ticket, 'access', _619 => _619.deviceHostnames, 'optionalAccess', _620 => _620.join, 'call', _621 => _621(", ")]), ticket.organizationName].filter(Boolean).join(", ");
-  const hasRightSection = !!(ticket.priority || _optionalChain([ticket, 'access', _622 => _622.assignees, 'optionalAccess', _623 => _623.length]) || renderAssignSlot);
+  const newMessageTextColor = columnColor ? _chunkLOJ5KQ6Bcjs.getReadableTextColor.call(void 0, columnColor) : void 0;
+  const showDeviceRow = !!(_optionalChain([ticket, 'access', _620 => _620.deviceHostnames, 'optionalAccess', _621 => _621.length]) || ticket.organizationName);
+  const deviceText = [_optionalChain([ticket, 'access', _622 => _622.deviceHostnames, 'optionalAccess', _623 => _623.join, 'call', _624 => _624(", ")]), ticket.organizationName].filter(Boolean).join(", ");
+  const hasRightSection = !!(ticket.priority || _optionalChain([ticket, 'access', _625 => _625.assignees, 'optionalAccess', _626 => _626.length]) || renderAssignSlot);
   const rightSection = hasRightSection ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
     ticket.priority && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkGSQM4PDRcjs.Flag02Icon,
@@ -26583,7 +28294,7 @@ function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onRe
         "aria-label": `Priority: ${ticket.priority}`
       }
     ),
-    renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _624 => _624.assignees, 'optionalAccess', _625 => _625.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
+    renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _627 => _627.assignees, 'optionalAccess', _628 => _628.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
       ticket.assignees.slice(0, MAX_VISIBLE_ASSIGNEES).map(
         (a) => a.deleted ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           DeletedUserAvatar,
@@ -26610,8 +28321,8 @@ function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onRe
       ] })
     ] }) : null
   ] }) : null;
-  const timestampLabel = ticket.createdAt ? _chunkYU2UJPATcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
-  const tooltipLabel = ticket.createdAt ? _chunkYU2UJPATcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
+  const timestampLabel = ticket.createdAt ? _chunkLOJ5KQ6Bcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
+  const tooltipLabel = ticket.createdAt ? _chunkLOJ5KQ6Bcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", title: ticket.title, children: [
@@ -26623,10 +28334,10 @@ function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onRe
       ] }),
       rightSection
     ] }),
-    _optionalChain([ticket, 'access', _626 => _626.tags, 'optionalAccess', _627 => _627.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null,
-    timestampLabel && tooltipLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYU2UJPATcjs.Tooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "pointer-events-auto truncate text-ods-text-secondary text-h6", children: timestampLabel }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.TooltipContent, { children: tooltipLabel })
+    _optionalChain([ticket, 'access', _629 => _629.tags, 'optionalAccess', _630 => _630.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null,
+    timestampLabel && tooltipLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Tooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "pointer-events-auto truncate text-ods-text-secondary text-h6", children: timestampLabel }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipContent, { children: tooltipLabel })
     ] }) }),
     ticket.escalatedByUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-ods-open-yellow text-h6", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.UserCheckIcon, { className: "size-4 shrink-0" }),
@@ -26646,7 +28357,7 @@ function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onRe
       }
     ),
     showNewMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYU2UJPATcjs.Tag,
+      _chunkLOJ5KQ6Bcjs.Tag,
       {
         label: "New Message",
         icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.MessagesIcon, { size: 16, color: newMessageTextColor }),
@@ -26690,7 +28401,7 @@ var TicketCard = _react.memo.call(void 0, function TicketCardImpl({
   const isLanding = useIsLanding(ticket.id);
   const aim = useDropAim();
   const closestEdge = aim && aim.columnId === columnId && aim.ticketId === ticket.id ? aim.edge : null;
-  const isSource = isDragging || _optionalChain([aim, 'optionalAccess', _628 => _628.ticket, 'access', _629 => _629.id]) === ticket.id;
+  const isSource = isDragging || _optionalChain([aim, 'optionalAccess', _631 => _631.ticket, 'access', _632 => _632.id]) === ticket.id;
   const lift = useBoardLift();
   const handleKeyDown = (e) => {
     if (e.key !== " " || dragDisabled || !lift) return;
@@ -26861,8 +28572,8 @@ function TicketTagRow({ tags }) {
   const visible = tags.slice(0, MAX_VISIBLE_TAGS);
   const hidden = tags.length - visible.length;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-8 flex-wrap items-start gap-[var(--spacing-system-xxs)] overflow-clip", children: [
-    visible.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Tag, { variant: "outline", label: tag }, tag)),
-    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYU2UJPATcjs.Tag, { variant: "outline", label: `+${hidden}` })
+    visible.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Tag, { variant: "outline", label: tag }, tag)),
+    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.Tag, { variant: "outline", label: `+${hidden}` })
   ] });
 }
 
@@ -26943,7 +28654,7 @@ var BoardColumn = _react.memo.call(void 0, function BoardColumnImpl({
       // large ones like the only thing that did.
       getData: ({ input, element: lane, source }) => {
         const nearest = nearestCardIn(lane, input.clientY, String(source.data.ticketId));
-        const ticketId = _optionalChain([nearest, 'optionalAccess', _630 => _630.dataset, 'access', _631 => _631.ticketId]);
+        const ticketId = _optionalChain([nearest, 'optionalAccess', _633 => _633.dataset, 'access', _634 => _634.ticketId]);
         if (!nearest || !ticketId) return { type: "column", columnId: column.id };
         return _closestedge.attachClosestEdge.call(void 0, 
           { type: "ticket", ticketId, columnId: column.id },
@@ -26955,7 +28666,7 @@ var BoardColumn = _react.memo.call(void 0, function BoardColumnImpl({
       onDrop: () => setIsOver(false)
     });
   }, [column.id, column.dropDisabled, column.allowedFromColumns, collapsed, touchMode]);
-  const handleToggleCollapse = _react.useCallback.call(void 0, () => _optionalChain([onToggleCollapse, 'optionalCall', _632 => _632(column.id)]), [onToggleCollapse, column.id]);
+  const handleToggleCollapse = _react.useCallback.call(void 0, () => _optionalChain([onToggleCollapse, 'optionalCall', _635 => _635(column.id)]), [onToggleCollapse, column.id]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -27034,7 +28745,7 @@ function ColumnBody({
     const observer = new IntersectionObserver(
       (entries) => {
         if (entries.some((e) => e.isIntersecting)) {
-          _optionalChain([loadMoreRef, 'access', _633 => _633.current, 'optionalCall', _634 => _634(columnIdRef.current)]);
+          _optionalChain([loadMoreRef, 'access', _636 => _636.current, 'optionalCall', _637 => _637(columnIdRef.current)]);
         }
       },
       { root, rootMargin: loadMoreRootMargin }
@@ -27059,7 +28770,7 @@ function ColumnBody({
               ticket: t,
               columnId: column.id,
               columnColor: column.color,
-              href: _optionalChain([getTicketHref, 'optionalCall', _635 => _635(t.id)]),
+              href: _optionalChain([getTicketHref, 'optionalCall', _638 => _638(t.id)]),
               renderAssignSlot,
               onApprove,
               onReject,
@@ -27235,7 +28946,7 @@ function DragBoard({
   const [landing, setLanding] = _react.useState.call(void 0, null);
   const landingTimer = _react.useRef.call(void 0, null);
   const pointRef = _react.useRef.call(void 0, { x: 0, y: 0 });
-  const laneLabel = _react.useCallback.call(void 0, (columnId) => _nullishCoalesce(_optionalChain([view, 'access', _636 => _636.find, 'call', _637 => _637((c) => c.id === columnId), 'optionalAccess', _638 => _638.label]), () => ( columnId)), [view]);
+  const laneLabel = _react.useCallback.call(void 0, (columnId) => _nullishCoalesce(_optionalChain([view, 'access', _639 => _639.find, 'call', _640 => _640((c) => c.id === columnId), 'optionalAccess', _641 => _641.label]), () => ( columnId)), [view]);
   const acceptsLifted = _react.useCallback.call(void 0, 
     (fromColumnId) => (column) => {
       if (column.dropDisabled || collapsed[column.id]) return false;
@@ -27249,7 +28960,7 @@ function DragBoard({
       const start = initialAim(view, ticketId);
       if (!start) return;
       setLifted({ ticketId, aim: start });
-      const title = _nullishCoalesce(_optionalChain([laneOf, 'call', _639 => _639(view, ticketId), 'optionalAccess', _640 => _640.tickets, 'access', _641 => _641.find, 'call', _642 => _642((t) => t.id === ticketId), 'optionalAccess', _643 => _643.title]), () => ( "Ticket"));
+      const title = _nullishCoalesce(_optionalChain([laneOf, 'call', _642 => _642(view, ticketId), 'optionalAccess', _643 => _643.tickets, 'access', _644 => _644.find, 'call', _645 => _645((t) => t.id === ticketId), 'optionalAccess', _646 => _646.title]), () => ( "Ticket"));
       setAnnouncement(`${title} lifted. Use the arrow keys to move it, space to drop it, escape to put it back.`);
     },
     [view]
@@ -27274,11 +28985,11 @@ function DragBoard({
   const walk = _react.useCallback.call(void 0, 
     (key) => {
       if (!lifted) return;
-      const from = _nullishCoalesce(_optionalChain([laneOf, 'call', _644 => _644(view, lifted.ticketId), 'optionalAccess', _645 => _645.id]), () => ( lifted.aim.columnId));
+      const from = _nullishCoalesce(_optionalChain([laneOf, 'call', _647 => _647(view, lifted.ticketId), 'optionalAccess', _648 => _648.id]), () => ( lifted.aim.columnId));
       const next = moveAim(view, lifted.ticketId, lifted.aim, key, acceptsLifted(from));
       if (next === lifted.aim) return;
       setLifted({ ...lifted, aim: next });
-      const total = (_nullishCoalesce(_optionalChain([view, 'access', _646 => _646.find, 'call', _647 => _647((c) => c.id === next.columnId), 'optionalAccess', _648 => _648.tickets]), () => ( []))).filter(
+      const total = (_nullishCoalesce(_optionalChain([view, 'access', _649 => _649.find, 'call', _650 => _650((c) => c.id === next.columnId), 'optionalAccess', _651 => _651.tickets]), () => ( []))).filter(
         (t) => t.id !== lifted.ticketId
       ).length;
       setAnnouncement(`${laneLabel(next.columnId)}, position ${next.index + 1} of ${total + 1}.`);
@@ -27305,11 +29016,11 @@ function DragBoard({
   }, [lifted, drop, walk]);
   _react.useEffect.call(void 0, () => {
     if (!lifted) return;
-    _optionalChain([boardRef, 'access', _649 => _649.current, 'optionalAccess', _650 => _650.querySelector, 'call', _651 => _651(`[${DROP_LINE_ATTRIBUTE}]`), 'optionalAccess', _652 => _652.scrollIntoView, 'call', _653 => _653({ block: "nearest", inline: "nearest" })]);
+    _optionalChain([boardRef, 'access', _652 => _652.current, 'optionalAccess', _653 => _653.querySelector, 'call', _654 => _654(`[${DROP_LINE_ATTRIBUTE}]`), 'optionalAccess', _655 => _655.scrollIntoView, 'call', _656 => _656({ block: "nearest", inline: "nearest" })]);
   }, [lifted]);
   const keyboardAim = _react.useMemo.call(void 0, () => {
     if (!lifted) return null;
-    const ticket = _optionalChain([laneOf, 'call', _654 => _654(view, lifted.ticketId), 'optionalAccess', _655 => _655.tickets, 'access', _656 => _656.find, 'call', _657 => _657((t) => t.id === lifted.ticketId)]);
+    const ticket = _optionalChain([laneOf, 'call', _657 => _657(view, lifted.ticketId), 'optionalAccess', _658 => _658.tickets, 'access', _659 => _659.find, 'call', _660 => _660((t) => t.id === lifted.ticketId)]);
     if (!ticket) return null;
     const anchor = aimToChange(view, lifted.ticketId, lifted.aim) ? aimAnchor(view, lifted.ticketId, lifted.aim) : { ticketId: null, edge: null };
     return { columnId: lifted.aim.columnId, ...anchor, ticket };
@@ -27331,7 +29042,7 @@ function DragBoard({
       return { columnId: slot.columnId, ...anchor, ticket };
     };
     const aimAt = (source, targets) => {
-      const next = readAim(source, _optionalChain([targets, 'access', _658 => _658[0], 'optionalAccess', _659 => _659.data]));
+      const next = readAim(source, _optionalChain([targets, 'access', _661 => _661[0], 'optionalAccess', _662 => _662.data]));
       setAim((prev) => isSameAim(prev, next) ? prev : next);
     };
     return _combine.combine.call(void 0, 
@@ -27360,7 +29071,7 @@ function DragBoard({
           setLanding(null);
           dragGeometry.current = {
             ticket,
-            columnColor: _optionalChain([columnsRef, 'access', _660 => _660.current, 'access', _661 => _661.find, 'call', _662 => _662((c) => c.id === source.data.columnId), 'optionalAccess', _663 => _663.color]),
+            columnColor: _optionalChain([columnsRef, 'access', _663 => _663.current, 'access', _664 => _664.find, 'call', _665 => _665((c) => c.id === source.data.columnId), 'optionalAccess', _666 => _666.color]),
             width: rect.width,
             grabX: clientX - rect.left,
             grabY: clientY - rect.top
@@ -27377,7 +29088,7 @@ function DragBoard({
           setAim(null);
           const change = resolveBoardDrop(columnsRef.current, {
             source: source.data,
-            target: _optionalChain([location, 'access', _664 => _664.current, 'access', _665 => _665.dropTargets, 'access', _666 => _666[0], 'optionalAccess', _667 => _667.data])
+            target: _optionalChain([location, 'access', _667 => _667.current, 'access', _668 => _668.dropTargets, 'access', _669 => _669[0], 'optionalAccess', _670 => _670.data])
           });
           if (!change) return;
           setPendingMove({
@@ -27410,7 +29121,7 @@ function DragBoard({
       return void 0;
     }
     const to = card.getBoundingClientRect();
-    const lane = _optionalChain([nearestScrollableAncestor, 'call', _668 => _668(card), 'optionalAccess', _669 => _669.getBoundingClientRect, 'call', _670 => _670()]);
+    const lane = _optionalChain([nearestScrollableAncestor, 'call', _671 => _671(card), 'optionalAccess', _672 => _672.getBoundingClientRect, 'call', _673 => _673()]);
     if (lane && (to.top < lane.top || to.bottom > lane.bottom)) {
       finish();
       return void 0;
@@ -27469,8 +29180,8 @@ function DragBoard({
           children: view.map((column, i) => {
             const prev = view[i - 1];
             const next = view[i + 1];
-            const joinLeft = !!(column.system && _optionalChain([prev, 'optionalAccess', _671 => _671.system]));
-            const joinRight = !!(column.system && _optionalChain([next, 'optionalAccess', _672 => _672.system]));
+            const joinLeft = !!(column.system && _optionalChain([prev, 'optionalAccess', _674 => _674.system]));
+            const joinRight = !!(column.system && _optionalChain([next, 'optionalAccess', _675 => _675.system]));
             const showGap = i > 0 && !joinLeft;
             return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
               showGap && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
@@ -27650,13 +29361,13 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
   const [flipTick, setFlipTick] = _react.useState.call(void 0, 0);
   const flipTimer = _react.useRef.call(void 0, null);
   const readItems = _react.useCallback.call(void 0, 
-    () => [..._nullishCoalesce(_optionalChain([listRef, 'access', _673 => _673.current, 'optionalAccess', _674 => _674.querySelectorAll, 'call', _675 => _675(`[${SORTABLE_ITEM_ATTRIBUTE}]`)]), () => ( []))],
+    () => [..._nullishCoalesce(_optionalChain([listRef, 'access', _676 => _676.current, 'optionalAccess', _677 => _677.querySelectorAll, 'call', _678 => _678(`[${SORTABLE_ITEM_ATTRIBUTE}]`)]), () => ( []))],
     []
   );
   const reorder = _react.useCallback.call(void 0, 
     (from, to) => {
       if (from === to) return;
-      const label = _nullishCoalesce(_optionalChain([getItemLabelRef, 'access', _676 => _676.current, 'optionalCall', _677 => _677(from)]), () => ( "Item"));
+      const label = _nullishCoalesce(_optionalChain([getItemLabelRef, 'access', _679 => _679.current, 'optionalCall', _680 => _680(from)]), () => ( "Item"));
       setAnnouncement(`${label} moved to position ${to + 1} of ${readItems().length}.`);
       onReorderRef.current(from, to);
     },
@@ -27744,7 +29455,7 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
       moving.push(item);
     }
     if (moving.length === 0) return;
-    void _optionalChain([listRef, 'access', _678 => _678.current, 'optionalAccess', _679 => _679.offsetHeight]);
+    void _optionalChain([listRef, 'access', _681 => _681.current, 'optionalAccess', _682 => _682.offsetHeight]);
     for (const item of moving) {
       item.style.transition = `transform ${DROP_MS2}ms ${EASING}`;
       item.style.transform = "";
@@ -27781,8 +29492,8 @@ function SortableMoveButtons({ index, count, label, className }) {
     if (to < 0 || to >= count) return;
     reorder(index, to);
     requestAnimationFrame(() => {
-      if (step === -1 && to === 0) _optionalChain([downRef, 'access', _680 => _680.current, 'optionalAccess', _681 => _681.focus, 'call', _682 => _682()]);
-      if (step === 1 && to === count - 1) _optionalChain([upRef, 'access', _683 => _683.current, 'optionalAccess', _684 => _684.focus, 'call', _685 => _685()]);
+      if (step === -1 && to === 0) _optionalChain([downRef, 'access', _683 => _683.current, 'optionalAccess', _684 => _684.focus, 'call', _685 => _685()]);
+      if (step === 1 && to === count - 1) _optionalChain([upRef, 'access', _686 => _686.current, 'optionalAccess', _687 => _687.focus, 'call', _688 => _688()]);
     });
   };
   const subject = _nullishCoalesce(label, () => ( "item"));
@@ -27830,7 +29541,7 @@ function useSortableItem() {
   const [handle, setHandle] = _react.useState.call(void 0, null);
   const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
   const itemRef = _react.useCallback.call(void 0, (node) => {
-    _optionalChain([node, 'optionalAccess', _686 => _686.setAttribute, 'call', _687 => _687(SORTABLE_ITEM_ATTRIBUTE, "")]);
+    _optionalChain([node, 'optionalAccess', _689 => _689.setAttribute, 'call', _690 => _690(SORTABLE_ITEM_ATTRIBUTE, "")]);
     setItem(node);
   }, []);
   _react.useEffect.call(void 0, () => {
@@ -27860,7 +29571,7 @@ function useSortableItem() {
       if (from < 0 || to < 0 || to >= items.length) return;
       event.preventDefault();
       reorder(from, to);
-      requestAnimationFrame(() => _optionalChain([handle, 'optionalAccess', _688 => _688.focus, 'call', _689 => _689()]));
+      requestAnimationFrame(() => _optionalChain([handle, 'optionalAccess', _691 => _691.focus, 'call', _692 => _692()]));
     },
     [inert, readItems, reorder, handle]
   );
@@ -27882,7 +29593,7 @@ function TicketStatusConfigList({
       onReorder,
       getItemLabel,
       className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex w-full flex-col gap-[var(--spacing-system-xs)]", className),
-      children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortableRow, { index, count: items.length, label: _optionalChain([getItemLabel, 'optionalCall', _690 => _690(index)]), children: (args) => renderRow(item, args) }, item.id))
+      children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortableRow, { index, count: items.length, label: _optionalChain([getItemLabel, 'optionalCall', _693 => _693(index)]), children: (args) => renderRow(item, args) }, item.id))
     }
   );
 }
@@ -28471,5 +30182,52 @@ function SortableRow({
 
 
 
-exports.AllowedDomainsInput = AllowedDomainsInput; exports.AnnouncementBarView = AnnouncementBarView; exports.HiddenTagsPopup = HiddenTagsPopup; exports.TruncateText = TruncateText; exports.Autocomplete = Autocomplete; exports.CheckboxBlock = CheckboxBlock; exports.CheckboxWithDescription = CheckboxWithDescription; exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator; exports.DatePickerCalendar = DatePickerCalendar; exports.DatePicker = DatePicker; exports.DatePickerInput = DatePickerInput; exports.DatePickerInputSimple = DatePickerInputSimple; exports.DateFilterPanel = DateFilterPanel; exports.DateFilterMenu = DateFilterMenu; exports.DurationInput = DurationInput; exports.InfoHint = InfoHint; exports.Field = Field; exports.HoneypotField = HoneypotField; exports.JsonDetailList = JsonDetailList; exports.ProgressBar = ProgressBar; exports.InfoCard = InfoCard; exports.InfoRow = InfoRow; exports.DeletedUserAvatar = DeletedUserAvatar; exports.SearchableSelect = SearchableSelect; exports.AssigneeDropdown = AssigneeDropdown; exports.InfoSection = InfoSection; exports.InputTrigger = InputTrigger; exports.MediaTypeSelector = MediaTypeSelector; exports.noDataIconClasses = noDataIconClasses; exports.noDataActionsVariants = noDataActionsVariants; exports.NoDataAction = NoDataAction; exports.NoDataActions = NoDataActions; exports.NoDataMessage = NoDataMessage; exports.NoData = NoData; exports.PageLoader = PageLoader; exports.CompactPageLoader = CompactPageLoader; exports.RadioGroup = RadioGroup; exports.RadioGroupItem = RadioGroupItem; exports.RadioGroupBlock = RadioGroupBlock; exports.Switch = Switch; exports.TagSelectDropdown = TagSelectDropdown; exports.badgeVariants = badgeVariants; exports.Badge = Badge; exports.TagsInput = TagsInput; exports.TagsManager = TagsManager; exports.Textarea = Textarea; exports.AlertDialog = AlertDialog; exports.AlertDialogTrigger = AlertDialogTrigger; exports.AlertDialogPortal = AlertDialogPortal; exports.AlertDialogOverlay = AlertDialogOverlay; exports.AlertDialogContent = AlertDialogContent; exports.AlertDialogHeader = AlertDialogHeader; exports.AlertDialogFooter = AlertDialogFooter; exports.AlertDialogTitle = AlertDialogTitle; exports.AlertDialogDescription = AlertDialogDescription; exports.AlertDialogAction = AlertDialogAction; exports.AlertDialogCancel = AlertDialogCancel; exports.AspectRatio = AspectRatio; exports.Dialog = Dialog; exports.DialogTrigger = DialogTrigger; exports.DialogPortal = DialogPortal; exports.DialogClose = DialogClose; exports.DialogOverlay = DialogOverlay; exports.DialogContent = DialogContent; exports.DialogHeader = DialogHeader; exports.DialogFooter = DialogFooter; exports.DialogTitle = DialogTitle; exports.DialogDescription = DialogDescription; exports.useConfirm = useConfirm; exports.useGuardedClose = useGuardedClose; exports.UnsavedChangesChip = UnsavedChangesChip; exports.AdminFormModal = AdminFormModal; exports.Separator = Separator2; exports.Sheet = Sheet; exports.SheetTrigger = SheetTrigger; exports.SheetClose = SheetClose; exports.SheetPortal = SheetPortal; exports.SheetOverlay = SheetOverlay; exports.SheetContent = SheetContent; exports.SheetHeader = SheetHeader; exports.SheetFooter = SheetFooter; exports.SheetTitle = SheetTitle; exports.SheetDescription = SheetDescription; exports.Accordion = Accordion; exports.AccordionItem = AccordionItem; exports.AccordionTrigger = AccordionTrigger; exports.AccordionContent = AccordionContent; exports.Breadcrumb = Breadcrumb; exports.BreadcrumbList = BreadcrumbList; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbLink = BreadcrumbLink; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbSeparator = BreadcrumbSeparator; exports.BreadcrumbEllipsis = BreadcrumbEllipsis; exports.MenubarMenu = MenubarMenu; exports.MenubarGroup = MenubarGroup; exports.MenubarPortal = MenubarPortal; exports.MenubarSub = MenubarSub; exports.MenubarRadioGroup = MenubarRadioGroup; exports.Menubar = Menubar; exports.MenubarTrigger = MenubarTrigger; exports.MenubarSubTrigger = MenubarSubTrigger; exports.MenubarSubContent = MenubarSubContent; exports.MenubarContent = MenubarContent; exports.MenubarItem = MenubarItem; exports.MenubarCheckboxItem = MenubarCheckboxItem; exports.MenubarRadioItem = MenubarRadioItem; exports.MenubarLabel = MenubarLabel; exports.MenubarSeparator = MenubarSeparator; exports.MenubarShortcut = MenubarShortcut; exports.NavigationMenuViewport = NavigationMenuViewport; exports.NavigationMenu = NavigationMenu; exports.NavigationMenuList = NavigationMenuList; exports.NavigationMenuItem = NavigationMenuItem; exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle; exports.NavigationMenuTrigger = NavigationMenuTrigger; exports.NavigationMenuContent = NavigationMenuContent; exports.NavigationMenuLink = NavigationMenuLink; exports.NavigationMenuIndicator = NavigationMenuIndicator; exports.CrossfadePanels = CrossfadePanels; exports.TabContent = TabContent; exports.TabNavigation = TabNavigation; exports.getTabById = getTabById; exports.getTabComponent = getTabComponent; exports.Alert = Alert; exports.AlertTitle = AlertTitle; exports.AlertDescription = AlertDescription; exports.AIGeneratedBadge = AIGeneratedBadge; exports.FadePreview = FadePreview; exports.Progress = Progress; exports.RichMarkdownRuntimeProvider = RichMarkdownRuntimeProvider; exports.useRichMarkdownRuntime = useRichMarkdownRuntime; exports.FullscreenSwitchController = FullscreenSwitchController; exports.EmbedIframe = EmbedIframe; exports.EmbedViewerFrame = EmbedViewerFrame; exports.ClaudeEmbed = ClaudeEmbed; exports.FigmaEmbed = FigmaEmbed; exports.EMBED_SIZES = EMBED_SIZES; exports.EmbedContainer = EmbedContainer; exports.YouTubeContainer = YouTubeContainer; exports.TwitterContainer = TwitterContainer; exports.RedditContainer = RedditContainer; exports.LinkPreviewContainer = LinkPreviewContainer; exports.LinkedInContainer = LinkedInContainer; exports.LinkedInEmbedClient = LinkedInEmbedClient; exports.MarkdownImage = MarkdownImage; exports.OGLinkErrorBoundary = OGLinkErrorBoundary; exports.OGLinkPreview = OGLinkPreview; exports.MediaCarousel = MediaCarousel; exports.RedditEmbedClient = RedditEmbedClient; exports.TwitterEmbedClient = TwitterEmbedClient; exports.processShortcodes = processShortcodes; exports.RichMarkdownRenderer = RichMarkdownRenderer; exports.ReleaseChangelogSection = ReleaseChangelogSection; exports.StackedRowsPanel = StackedRowsPanel; exports.SlackChannelChip = SlackChannelChip; exports.StatusIndicator = StatusIndicator; exports.BackButton = BackButton; exports.ErrorState = ErrorState; exports.PageError = PageError; exports.LoadError = LoadError; exports.NotFoundError = NotFoundError; exports.FilterCheckboxItem = FilterCheckboxItem; exports.TagKeyValueFilter = TagKeyValueFilter; exports.FilterModal = FilterModal; exports.PageActions = PageActions; exports.usePageActionsBottomPadding = usePageActionsBottomPadding; exports.PageContainer = PageContainer; exports.ListPageContainer = ListPageContainer; exports.DetailPageContainer = DetailPageContainer; exports.FormPageContainer = FormPageContainer; exports.ContentPageContainer = ContentPageContainer; exports.ListPageLayout = ListPageLayout; exports.EntityImage = EntityImage; exports.TITLE_BLOCK_MIN_HEIGHT = TITLE_BLOCK_MIN_HEIGHT; exports.TitleBlock = TitleBlock; exports.PageLayout = PageLayout; exports.PageShell = PageShell; exports.ArticleDetailLayout = ArticleDetailLayout; exports.toggleVariants = toggleVariants; exports.Toggle = Toggle; exports.ToggleGroup = ToggleGroup; exports.ToggleGroupItem = ToggleGroupItem; exports.SEO_TITLE_MAX_LENGTH = SEO_TITLE_MAX_LENGTH; exports.SEO_DESCRIPTION_MAX_LENGTH = SEO_DESCRIPTION_MAX_LENGTH; exports.BRAND_MARK_SVGS = BRAND_MARK_SVGS; exports.brandMarkDataUri = brandMarkDataUri; exports.OS_PLATFORMS = OS_PLATFORMS; exports.DEFAULT_OS_PLATFORM = DEFAULT_OS_PLATFORM; exports.isValidEmailDomain = isValidEmailDomain; exports.validateEmailDomain = validateEmailDomain; exports.validateEmailDomainList = validateEmailDomainList; exports.cleanEmailDomain = cleanEmailDomain; exports.getConfidenceColorClass = getConfidenceColorClass; exports.getConfidenceLevel = getConfidenceLevel; exports.getConfidenceBorderClass = getConfidenceBorderClass; exports.getConfidenceTextClass = getConfidenceTextClass; exports.getConfidenceBgClass = getConfidenceBgClass; exports.getConfidenceLabel = getConfidenceLabel; exports.DEV_SECTION_PARAM_KEYS = DEV_SECTION_PARAM_KEYS; exports.devSectionAnchorId = devSectionAnchorId; exports.TICKET_OPEN_PARAM = TICKET_OPEN_PARAM; exports.buildTicketOpenHref = buildTicketOpenHref; exports.normalizeToolType = normalizeToolType; exports.normalizeToolTypeWithFallback = normalizeToolTypeWithFallback; exports.toToolLabel = toToolLabel; exports.isValidToolType = isValidToolType; exports.getToolTypeAliases = getToolTypeAliases; exports.getToolLabel = getToolLabel; exports.ShellTypeValues = ShellTypeValues; exports.SHELL_TYPES = SHELL_TYPES; exports.shellLabels = shellLabels; exports.getShellLabel = getShellLabel; exports.getShellIcon = getShellIcon; exports.BITE_ID_RE = BITE_ID_RE; exports.generateBiteId = generateBiteId; exports.ensureBiteIds = ensureBiteIds; exports.matchBiteElement = matchBiteElement; exports.OSTypeValues = OSTypeValues; exports.OS_TYPES = OS_TYPES; exports.osLabels = osLabels; exports.normalizeOSType = normalizeOSType; exports.getOSLabel = getOSLabel; exports.getOSIcon = getOSIcon; exports.getOSTypeDefinition = getOSTypeDefinition; exports.getOSPlatformId = getOSPlatformId; exports.isOSPlatform = isOSPlatform; exports.getCountryPhoneData = getCountryPhoneData; exports.getCountryByCode = getCountryByCode; exports.validatePhoneNumber = validatePhoneNumber; exports.formatPhoneE164 = formatPhoneE164; exports.GENERIC_EMAIL_DOMAINS = GENERIC_EMAIL_DOMAINS; exports.extractDomainFromEmail = extractDomainFromEmail; exports.normalizeDomain = normalizeDomain; exports.isGenericDomain = isGenericDomain; exports.hasGenericEmailDomain = hasGenericEmailDomain; exports.isGenericWebsiteDomain = isGenericWebsiteDomain; exports.isDismissedCookieValue = isDismissedCookieValue; exports.readDismissCookie = readDismissCookie; exports.writeDismissCookie = writeDismissCookie; exports.clearDismissCookie = clearDismissCookie; exports.announcementDismissCookieName = announcementDismissCookieName; exports.dismissAnnouncement = dismissAnnouncement; exports.isAnnouncementDismissed = isAnnouncementDismissed; exports.clearAnnouncementDismissals = clearAnnouncementDismissals; exports.clearLegacyAnnouncementCache = clearLegacyAnnouncementCache; exports.WALKTHROUGH_VIDEO_DISMISS_KEY = WALKTHROUGH_VIDEO_DISMISS_KEY; exports.walkthroughDismissCookieName = walkthroughDismissCookieName; exports.isWalkthroughDismissed = isWalkthroughDismissed; exports.dismissWalkthrough = dismissWalkthrough; exports.clearWalkthroughDismissal = clearWalkthroughDismissal; exports.WALKTHROUGH_OPEN_QUERY_PARAM = WALKTHROUGH_OPEN_QUERY_PARAM; exports.withWalkthroughOpenParam = withWalkthroughOpenParam; exports.createSseSubscription = createSseSubscription; exports.readLeadingDecisionFrame = readLeadingDecisionFrame; exports.ANNOUNCEMENT_CTA_DEFAULTS = ANNOUNCEMENT_CTA_DEFAULTS; exports.AVAILABLE_SVG_ICONS = AVAILABLE_SVG_ICONS; exports.releaseTypeOptions = releaseTypeOptions; exports.releaseStatusOptions = releaseStatusOptions; exports.changelogLabels = changelogLabels; exports.SEMVER_REGEX = SEMVER_REGEX; exports.TASK_TYPE_LABELS = TASK_TYPE_LABELS; exports.TASK_TYPE_TEXT_COLORS = TASK_TYPE_TEXT_COLORS; exports.TMCG_ROLES = TMCG_ROLES; exports.TMCG_ROLE_DISPLAY_NAMES = TMCG_ROLE_DISPLAY_NAMES; exports.TMCG_SOCIAL_PLATFORMS = TMCG_SOCIAL_PLATFORMS; exports.ROADMAP_STATUS_OPTIONS = ROADMAP_STATUS_OPTIONS; exports.DELIVERY_TASK_TYPE_OPTIONS = DELIVERY_TASK_TYPE_OPTIONS; exports.TICKET_STATUS_OPTIONS = TICKET_STATUS_OPTIONS; exports.OPENFRAME_DEV_SECTIONS = OPENFRAME_DEV_SECTIONS; exports.DEFAULT_CONTENT_SUFFIXES = DEFAULT_CONTENT_SUFFIXES; exports.makeComposeContentUrl = makeComposeContentUrl; exports.buildDefaultHref = buildDefaultHref; exports.resolveContentHref = resolveContentHref; exports.DEFAULT_FOLDER_INDEX_FILE = DEFAULT_FOLDER_INDEX_FILE; exports.stripFolderIndexFromPath = stripFolderIndexFromPath; exports.findDocNodeByPath = findDocNodeByPath; exports.getDocAncestorNodeIds = getDocAncestorNodeIds; exports.resolveContentFetchPath = resolveContentFetchPath; exports.getInitialExpandedNodeIds = getInitialExpandedNodeIds; exports.getDocSourceDefaultPath = getDocSourceDefaultPath; exports.toDocSlug = toDocSlug; exports.pathToNodeId = pathToNodeId; exports.normalizeDocPath = normalizeDocPath; exports.formatDocName = formatDocName; exports.sortTreeChildren = sortTreeChildren; exports.buildDocumentTree = buildDocumentTree; exports.extractSections = extractSections; exports.SCHEDULING_SLUG_SHAPE = SCHEDULING_SLUG_SHAPE; exports.MAX_MONTH_OFFSET = MAX_MONTH_OFFSET; exports.isValidSchedulingSlug = isValidSchedulingSlug; exports.parseSchedulingLinkName = parseSchedulingLinkName; exports.isListedSchedulingName = isListedSchedulingName; exports.schedulingAudienceKey = schedulingAudienceKey; exports.SECTION_HERO_ICON_CLASS = SECTION_HERO_ICON_CLASS; exports.FIRST_TOUCH_ATTRIBUTION_KEY = FIRST_TOUCH_ATTRIBUTION_KEY; exports.sanitizeLandingUrl = sanitizeLandingUrl; exports.parseAttributionFromUrl = parseAttributionFromUrl; exports.captureFirstTouchAttribution = captureFirstTouchAttribution; exports.getFirstTouchAttribution = getFirstTouchAttribution; exports.withFirstTouchAttribution = withFirstTouchAttribution; exports.clearFirstTouchAttribution = clearFirstTouchAttribution; exports.BenefitCard = BenefitCard; exports.BenefitCardGrid = BenefitCardGrid; exports.BrandAssociationCard = BrandAssociationCard; exports.BrandAssociationGrid = BrandAssociationGrid; exports.BulletList = BulletList; exports.ChevronButton = ChevronButton; exports.CircularProgress = CircularProgress; exports.CheckIcon = CheckIcon2; exports.XIcon = XIcon2; exports.MinusIcon = MinusIcon; exports.CheckCircleIcon = CheckCircleIcon2; exports.XCircleIcon = XCircleIcon; exports.DashboardInfoCard = DashboardInfoCard; exports.InfoCardRow = InfoCardRow; exports.OSTypeBadge = OSTypeBadge; exports.OSTypeIcon = OSTypeIcon; exports.OSTypeLabel = OSTypeLabel; exports.DeviceCard = DeviceCard; exports.DeviceCardCompact = DeviceCardCompact; exports.FeatureCardGrid = FeatureCardGrid; exports.FeatureList = FeatureList; exports.SourceTooltip = SourceTooltip; exports.HighlightCard = HighlightCard; exports.HighlightCardGrid = HighlightCardGrid; exports.IconsBlock = IconsBlock; exports.DropdownButton = DropdownButton; exports.MoreActionsMenu = MoreActionsMenu; exports.OrganizationCard = OrganizationCard; exports.ServiceCard = ServiceCard; exports.Slider = Slider; exports.TitleContentBlock = TitleContentBlock; exports.TouchFriendlyTooltip = TouchFriendlyTooltip; exports.ContentLoader = ContentLoader; exports.CardLoader = CardLoader; exports.FormLoader = FormLoader; exports.DetailLoader = DetailLoader; exports.ListLoader = ListLoader; exports.CursorPagination = CursorPagination; exports.CursorPaginationSimple = CursorPaginationSimple; exports.TableEmptyState = TableEmptyState; exports.DynamicThemeProvider = DynamicThemeProvider; exports.useDynamicTheme = useDynamicTheme; exports.THEME_STORAGE_KEY = THEME_STORAGE_KEY; exports.THEME_ATTRIBUTE = THEME_ATTRIBUTE; exports.DEFAULT_THEME = DEFAULT_THEME; exports.ThemeProvider = ThemeProvider; exports.useTheme = useTheme; exports.useThemeToggle = useThemeToggle; exports.ArrayEntryManager = ArrayEntryManager; exports.AuthBenefitsPanel = AuthBenefitsPanel; exports.OpenFrameWordmark = OpenFrameWordmark; exports.PoweredByFlamingo = PoweredByFlamingo; exports.AuthShell = AuthShell; exports.BackToLoginLink = BackToLoginLink; exports.PasswordInput = PasswordInput; exports.PROVIDER_META = PROVIDER_META; exports.SsoProviderButtons = SsoProviderButtons; exports.CompleteAccountForm = CompleteAccountForm; exports.TermsAgreementLabel = TermsAgreementLabel; exports.CreateOrganizationForm = CreateOrganizationForm; exports.InviteLinkInvalidModal = InviteLinkInvalidModal; exports.LoginForm = LoginForm; exports.OpenFrameSsoLoginForm = OpenFrameSsoLoginForm; exports.OpenFrameSsoSignUpForm = OpenFrameSsoSignUpForm; exports.PasswordResetForm = PasswordResetForm; exports.SsoAuthShell = SsoAuthShell; exports.ProviderButton = ProviderButton; exports.AuthProvidersList = AuthProvidersList; exports.ChangelogManager = ChangelogManager; exports.ChangelogSectionsManager = ChangelogSectionsManager; exports.ClickUpTasksManager = ClickUpTasksManager; exports.CommandBox = CommandBox; exports.TAG_BADGE_CLASS = TAG_BADGE_CLASS; exports.EntityTagBadges = EntityTagBadges; exports.ErrorBoundary = ErrorBoundary; exports.SectionSelector = SectionSelector; exports.FigmaPrototypeViewer = FigmaPrototypeViewer; exports.FiltersDropdown = FiltersDropdown; exports.useFiltersDropdown = useFiltersDropdown; exports.GitHubReleasesManager = GitHubReleasesManager; exports.KnowledgeBaseLinksManager = KnowledgeBaseLinksManager; exports.LoadingProvider = LoadingProvider; exports.useLoading = useLoading; exports.MediaGalleryManager = MediaGalleryManager; exports.MoreAboutButton = MoreAboutButton; exports.OSTypeBadgeGroup = OSTypeBadgeGroup; exports.ParallaxImageShowcase = ParallaxImageShowcase; exports.PathsDisplay = PathsDisplay; exports.OPENFRAME_PATHS = OPENFRAME_PATHS; exports.getOpenFramePaths = getOpenFramePaths; exports.OPENFRAME_DOCTOR_COMMANDS = OPENFRAME_DOCTOR_COMMANDS; exports.getOpenFrameDoctorCommand = getOpenFrameDoctorCommand; exports.PlatformFilterComponent = PlatformFilterComponent; exports.PushButtonSelector = PushButtonSelector; exports.ReleaseMediaManager = ReleaseMediaManager; exports.SelectButton = SelectButton; exports.ConfidenceBadge = ConfidenceBadge; exports.SEOEditorPreview = SEOEditorPreview; exports.SocialLinksManager = SocialLinksManager; exports.StartWithOpenFrameButton = StartWithOpenFrameButton; exports.StatusFilterComponent = StatusFilterComponent; exports.TagsSelector = TagsSelector; exports.WarningBlock = WarningBlock; exports.VideoBitesDisplay = VideoBitesDisplay; exports.FloatingWalkthroughVideo = FloatingWalkthroughVideo; exports.InlineWalkthroughVideo = InlineWalkthroughVideo; exports.useWalkthroughVideo = useWalkthroughVideo; exports.VideoSourceSelector = VideoSourceSelector; exports.SubtitlesEditor = SubtitlesEditor; exports.TranscriptSummaryEditor = TranscriptSummaryEditor; exports.AIEnrichButton = AIEnrichButton; exports.AIWarningsSection = AIWarningsSection; exports.AIEnrichSection = AIEnrichSection; exports.HighlightVideoSection = HighlightVideoSection; exports.HighlightConfigSection = HighlightConfigSection; exports.EntitySummaryEditor = EntitySummaryEditor; exports.AIStatusIndicator = AIStatusIndicator; exports.AIRequiredBadge = AIRequiredBadge; exports.TranscribeSummarizeSection = TranscribeSummarizeSection; exports.VideoClipsSection = VideoClipsSection; exports.HighlightGenerationSection = HighlightGenerationSection; exports.HighlightVideoPreview = HighlightVideoPreview; exports.TranscribeAndSummarizeCombinedSection = TranscribeAndSummarizeCombinedSection; exports.HighlightVideoCombinedSection = HighlightVideoCombinedSection; exports.ViewToggle = ViewToggle; exports.PolicyConfigurationPanel = PolicyConfigurationPanel; exports.PhoneInput = PhoneInput; exports.WaitlistForm = WaitlistForm; exports.NotificationsProvider = NotificationsProvider; exports.useNotifications = useNotifications; exports.useOptionalNotifications = useOptionalNotifications; exports.AppLayoutDrawerContainerContext = AppLayoutDrawerContainerContext; exports.useAppLayoutDrawerContainer = useAppLayoutDrawerContainer; exports.AppLayoutDrawerCoordinationContext = AppLayoutDrawerCoordinationContext; exports.AppLayoutDrawerRoot = AppLayoutDrawerRoot; exports.AppLayoutDrawerTrigger = AppLayoutDrawerTrigger; exports.AppLayoutDrawerClose = AppLayoutDrawerClose; exports.AppLayoutDrawerContent = AppLayoutDrawerContent; exports.AppLayoutDrawerHeader = AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = AppLayoutDrawerTitle; exports.AppLayoutDrawerDescription = AppLayoutDrawerDescription; exports.AppLayoutDrawerBody = AppLayoutDrawerBody; exports.AppLayoutDrawerFooter = AppLayoutDrawerFooter; exports.NotificationTile = NotificationTile; exports.NotificationDrawer = NotificationDrawer; exports.NotificationPopups = NotificationPopups; exports.ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE = ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE; exports.isApprovalNotification = isApprovalNotification; exports.getApprovalMeta = getApprovalMeta; exports.resolutionToStatus = resolutionToStatus; exports.approvalMetaToBatchData = approvalMetaToBatchData; exports.ApprovalRequestNotificationTile = ApprovalRequestNotificationTile; exports.TimeTrackerProvider = TimeTrackerProvider; exports.useTimeTracker = useTimeTracker; exports.useOptionalTimeTracker = useOptionalTimeTracker; exports.useTrackerClock = useTrackerClock; exports.TimeTrackerPanel = TimeTrackerPanel; exports.UnreadDot = UnreadDot; exports.UnreadCountBadge = UnreadCountBadge; exports.HeaderButton = HeaderButton; exports.TimeTrackerHeaderButton = TimeTrackerHeaderButton; exports.BoardColumnHeader = BoardColumnHeader; exports.tintOnDark = tintOnDark; exports.BoardTicketApproval = BoardTicketApproval; exports.TicketCardBody = TicketCardBody; exports.TicketCardView = TicketCardView; exports.TicketCard = TicketCard; exports.TicketCardSkeleton = TicketCardSkeleton; exports.BoardColumn = BoardColumn; exports.useBoardCollapse = useBoardCollapse; exports.Board = Board; exports.columnFromTicketStatus = columnFromTicketStatus; exports.groupTicketsByStatus = groupTicketsByStatus; exports.SLOT_STICKINESS = SLOT_STICKINESS; exports.SortableList = SortableList; exports.SortableMoveButtons = SortableMoveButtons; exports.useSortableItem = useSortableItem; exports.TicketStatusConfigList = TicketStatusConfigList; exports.TableHeader = TableHeader; exports.TableCell = TableCell; exports.COMPACT_ROW_MIN_HEIGHT_PX = COMPACT_ROW_MIN_HEIGHT_PX; exports.TableCardSkeleton = TableCardSkeleton; exports.TableRow = TableRow; exports.Table = Table; exports.TableDescriptionCell = TableDescriptionCell; exports.TableTimestampCell = TableTimestampCell; exports.QueryReportTableHeader = QueryReportTableHeader; exports.QueryReportTableRow = QueryReportTableRow; exports.QueryReportTableSkeleton = QueryReportTableSkeleton; exports.deriveColumns = deriveColumns; exports.exportToCSV = exportToCSV; exports.QueryReportTable = QueryReportTable; exports.useDataTableContext = useDataTableContext; exports.DataTableRoot = DataTableRoot; exports.DataTableEmpty = DataTableEmpty; exports.getHideClasses = getHideClasses2; exports.alignJustify = alignJustify; exports.multiSelectFilterFn = multiSelectFilterFn; exports.ROW_HEIGHT_DESKTOP = ROW_HEIGHT_DESKTOP2; exports.ROW_HEIGHT_MOBILE = ROW_HEIGHT_MOBILE2; exports.ROW_SHELL_CLASSES = ROW_SHELL_CLASSES; exports.DataTableSkeleton = DataTableSkeleton; exports.DataTableRow = DataTableRow; exports.DataTableBody = DataTableBody; exports.DataTableCursorFooter = DataTableCursorFooter; exports.DataTableHeader = DataTableHeader; exports.DataTableInfiniteFooter = DataTableInfiniteFooter; exports.DataTableRowCount = DataTableRowCount; exports.useDataTable = useDataTable; exports.DataTable = DataTable; exports.flexRender = _reacttable.flexRender; exports.createColumnHelper = _reacttable.createColumnHelper; exports.getCoreRowModel = _reacttable.getCoreRowModel; exports.getExpandedRowModel = _reacttable.getExpandedRowModel; exports.getFacetedRowModel = _reacttable.getFacetedRowModel; exports.getFacetedUniqueValues = _reacttable.getFacetedUniqueValues; exports.getFilteredRowModel = _reacttable.getFilteredRowModel; exports.getGroupedRowModel = _reacttable.getGroupedRowModel; exports.getPaginationRowModel = _reacttable.getPaginationRowModel; exports.getSortedRowModel = _reacttable.getSortedRowModel; exports.SearchInput = SearchInput; exports.FilterListItem = FilterListItem; exports.FilterList = FilterList; exports.TagSearchInput = TagSearchInput; exports.MarkdownEditor = MarkdownEditor; exports.FileUpload = FileUpload; exports.ImageUploader = ImageUploader; exports.TICKET_STATUS_COLOR_PRESETS = TICKET_STATUS_COLOR_PRESETS; exports.CUSTOM_PRESET_KEY = CUSTOM_PRESET_KEY; exports.DEFAULT_CUSTOM_STATUS_COLOR = DEFAULT_CUSTOM_STATUS_COLOR; exports.ColorPresetSelect = ColorPresetSelect; exports.ColorPickerInput = ColorPickerInput; exports.TicketStatusConfigRow = TicketStatusConfigRow; exports.formatTestRunDuration = formatTestRunDuration; exports.TestResultsSkeleton = TestResultsSkeleton; exports.TestResultsTable = TestResultsTable; exports.TestRunErrorBanner = TestRunErrorBanner; exports.TestRunResults = TestRunResults; exports.TimingStat = TimingStat; exports.TestRunStatusStat = TestRunStatusStat; exports.useTestRunState = useTestRunState; exports.TicketAttachmentsList = TicketAttachmentsList; exports.TicketDetailSection = TicketDetailSection; exports.TicketNoteCard = TicketNoteCard; exports.TicketNotesSection = TicketNotesSection; exports.TicketInfoSection = TicketInfoSection; exports.renderTicketStatusOption = renderTicketStatusOption; exports.renderTicketAssigneeOption = renderTicketAssigneeOption; exports.TakeOverTicketModal = TakeOverTicketModal; exports.ReopenTicketModal = ReopenTicketModal; exports.ReopenTicketRequestModal = ReopenTicketRequestModal; exports.FilterPillRow = FilterPillRow;
-//# sourceMappingURL=chunk-U3W2ZVN4.cjs.map
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.AllowedDomainsInput = AllowedDomainsInput; exports.AnnouncementBarView = AnnouncementBarView; exports.HiddenTagsPopup = HiddenTagsPopup; exports.TruncateText = TruncateText; exports.Autocomplete = Autocomplete; exports.CheckboxBlock = CheckboxBlock; exports.CheckboxWithDescription = CheckboxWithDescription; exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator; exports.DatePickerCalendar = DatePickerCalendar; exports.DatePicker = DatePicker; exports.DatePickerInput = DatePickerInput; exports.DatePickerInputSimple = DatePickerInputSimple; exports.DateFilterPanel = DateFilterPanel; exports.DateFilterMenu = DateFilterMenu; exports.DurationInput = DurationInput; exports.InfoHint = InfoHint; exports.Field = Field; exports.HoneypotField = HoneypotField; exports.JsonDetailList = JsonDetailList; exports.ProgressBar = ProgressBar; exports.InfoCard = InfoCard; exports.InfoRow = InfoRow; exports.DeletedUserAvatar = DeletedUserAvatar; exports.SearchableSelect = SearchableSelect; exports.AssigneeDropdown = AssigneeDropdown; exports.InfoSection = InfoSection; exports.InputTrigger = InputTrigger; exports.MediaTypeSelector = MediaTypeSelector; exports.noDataIconClasses = noDataIconClasses; exports.noDataActionsVariants = noDataActionsVariants; exports.NoDataAction = NoDataAction; exports.NoDataActions = NoDataActions; exports.NoDataMessage = NoDataMessage; exports.NoData = NoData; exports.PageLoader = PageLoader; exports.CompactPageLoader = CompactPageLoader; exports.RadioGroup = RadioGroup; exports.RadioGroupItem = RadioGroupItem; exports.RadioGroupBlock = RadioGroupBlock; exports.Switch = Switch; exports.TagSelectDropdown = TagSelectDropdown; exports.badgeVariants = badgeVariants; exports.Badge = Badge; exports.TagsInput = TagsInput; exports.TagsManager = TagsManager; exports.Textarea = Textarea; exports.AlertDialog = AlertDialog; exports.AlertDialogTrigger = AlertDialogTrigger; exports.AlertDialogPortal = AlertDialogPortal; exports.AlertDialogOverlay = AlertDialogOverlay; exports.AlertDialogContent = AlertDialogContent; exports.AlertDialogHeader = AlertDialogHeader; exports.AlertDialogFooter = AlertDialogFooter; exports.AlertDialogTitle = AlertDialogTitle; exports.AlertDialogDescription = AlertDialogDescription; exports.AlertDialogAction = AlertDialogAction; exports.AlertDialogCancel = AlertDialogCancel; exports.AspectRatio = AspectRatio; exports.Dialog = Dialog; exports.DialogTrigger = DialogTrigger; exports.DialogPortal = DialogPortal; exports.DialogClose = DialogClose; exports.DialogOverlay = DialogOverlay; exports.DialogContent = DialogContent; exports.DialogHeader = DialogHeader; exports.DialogFooter = DialogFooter; exports.DialogTitle = DialogTitle; exports.DialogDescription = DialogDescription; exports.useConfirm = useConfirm; exports.useGuardedClose = useGuardedClose; exports.UnsavedChangesChip = UnsavedChangesChip; exports.AdminFormModal = AdminFormModal; exports.Separator = Separator2; exports.Sheet = Sheet; exports.SheetTrigger = SheetTrigger; exports.SheetClose = SheetClose; exports.SheetPortal = SheetPortal; exports.SheetOverlay = SheetOverlay; exports.SheetContent = SheetContent; exports.SheetHeader = SheetHeader; exports.SheetFooter = SheetFooter; exports.SheetTitle = SheetTitle; exports.SheetDescription = SheetDescription; exports.Accordion = Accordion; exports.AccordionItem = AccordionItem; exports.AccordionTrigger = AccordionTrigger; exports.AccordionContent = AccordionContent; exports.Breadcrumb = Breadcrumb; exports.BreadcrumbList = BreadcrumbList; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbLink = BreadcrumbLink; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbSeparator = BreadcrumbSeparator; exports.BreadcrumbEllipsis = BreadcrumbEllipsis; exports.MenubarMenu = MenubarMenu; exports.MenubarGroup = MenubarGroup; exports.MenubarPortal = MenubarPortal; exports.MenubarSub = MenubarSub; exports.MenubarRadioGroup = MenubarRadioGroup; exports.Menubar = Menubar; exports.MenubarTrigger = MenubarTrigger; exports.MenubarSubTrigger = MenubarSubTrigger; exports.MenubarSubContent = MenubarSubContent; exports.MenubarContent = MenubarContent; exports.MenubarItem = MenubarItem; exports.MenubarCheckboxItem = MenubarCheckboxItem; exports.MenubarRadioItem = MenubarRadioItem; exports.MenubarLabel = MenubarLabel; exports.MenubarSeparator = MenubarSeparator; exports.MenubarShortcut = MenubarShortcut; exports.NavigationMenuViewport = NavigationMenuViewport; exports.NavigationMenu = NavigationMenu; exports.NavigationMenuList = NavigationMenuList; exports.NavigationMenuItem = NavigationMenuItem; exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle; exports.NavigationMenuTrigger = NavigationMenuTrigger; exports.NavigationMenuContent = NavigationMenuContent; exports.NavigationMenuLink = NavigationMenuLink; exports.NavigationMenuIndicator = NavigationMenuIndicator; exports.CrossfadePanels = CrossfadePanels; exports.TabContent = TabContent; exports.TabNavigation = TabNavigation; exports.getTabById = getTabById; exports.getTabComponent = getTabComponent; exports.Alert = Alert; exports.AlertTitle = AlertTitle; exports.AlertDescription = AlertDescription; exports.AIGeneratedBadge = AIGeneratedBadge; exports.FadePreview = FadePreview; exports.Progress = Progress; exports.RichMarkdownRuntimeProvider = RichMarkdownRuntimeProvider; exports.useRichMarkdownRuntime = useRichMarkdownRuntime; exports.FullscreenSwitchController = FullscreenSwitchController; exports.EmbedIframe = EmbedIframe; exports.EmbedViewerFrame = EmbedViewerFrame; exports.ClaudeEmbed = ClaudeEmbed; exports.FigmaEmbed = FigmaEmbed; exports.EMBED_SIZES = EMBED_SIZES; exports.EmbedContainer = EmbedContainer; exports.YouTubeContainer = YouTubeContainer; exports.TwitterContainer = TwitterContainer; exports.RedditContainer = RedditContainer; exports.LinkPreviewContainer = LinkPreviewContainer; exports.LinkedInContainer = LinkedInContainer; exports.LinkedInEmbedClient = LinkedInEmbedClient; exports.MarkdownImage = MarkdownImage; exports.OGLinkErrorBoundary = OGLinkErrorBoundary; exports.OGLinkPreview = OGLinkPreview; exports.MediaCarousel = MediaCarousel; exports.RedditEmbedClient = RedditEmbedClient; exports.TwitterEmbedClient = TwitterEmbedClient; exports.processShortcodes = processShortcodes; exports.RichMarkdownRenderer = RichMarkdownRenderer; exports.ReleaseChangelogSection = ReleaseChangelogSection; exports.StackedRowsPanel = StackedRowsPanel; exports.SlackChannelChip = SlackChannelChip; exports.StatusIndicator = StatusIndicator; exports.BackButton = BackButton; exports.ErrorState = ErrorState; exports.PageError = PageError; exports.LoadError = LoadError; exports.NotFoundError = NotFoundError; exports.FilterCheckboxItem = FilterCheckboxItem; exports.TagKeyValueFilter = TagKeyValueFilter; exports.FilterModal = FilterModal; exports.PageActions = PageActions; exports.usePageActionsBottomPadding = usePageActionsBottomPadding; exports.PageContainer = PageContainer; exports.ListPageContainer = ListPageContainer; exports.DetailPageContainer = DetailPageContainer; exports.FormPageContainer = FormPageContainer; exports.ContentPageContainer = ContentPageContainer; exports.ListPageLayout = ListPageLayout; exports.EntityImage = EntityImage; exports.TITLE_BLOCK_MIN_HEIGHT = TITLE_BLOCK_MIN_HEIGHT; exports.TitleBlock = TitleBlock; exports.PageLayout = PageLayout; exports.PageShell = PageShell; exports.ArticleDetailLayout = ArticleDetailLayout; exports.toggleVariants = toggleVariants; exports.Toggle = Toggle; exports.ToggleGroup = ToggleGroup; exports.ToggleGroupItem = ToggleGroupItem; exports.SEO_TITLE_MAX_LENGTH = SEO_TITLE_MAX_LENGTH; exports.SEO_DESCRIPTION_MAX_LENGTH = SEO_DESCRIPTION_MAX_LENGTH; exports.BRAND_MARK_SVGS = BRAND_MARK_SVGS; exports.brandMarkDataUri = brandMarkDataUri; exports.OS_PLATFORMS = OS_PLATFORMS; exports.DEFAULT_OS_PLATFORM = DEFAULT_OS_PLATFORM; exports.isValidEmailDomain = isValidEmailDomain; exports.validateEmailDomain = validateEmailDomain; exports.validateEmailDomainList = validateEmailDomainList; exports.cleanEmailDomain = cleanEmailDomain; exports.getConfidenceColorClass = getConfidenceColorClass; exports.getConfidenceLevel = getConfidenceLevel; exports.getConfidenceBorderClass = getConfidenceBorderClass; exports.getConfidenceTextClass = getConfidenceTextClass; exports.getConfidenceBgClass = getConfidenceBgClass; exports.getConfidenceLabel = getConfidenceLabel; exports.DEV_SECTION_PARAM_KEYS = DEV_SECTION_PARAM_KEYS; exports.devSectionAnchorId = devSectionAnchorId; exports.TICKET_OPEN_PARAM = TICKET_OPEN_PARAM; exports.buildTicketOpenHref = buildTicketOpenHref; exports.normalizeToolType = normalizeToolType; exports.normalizeToolTypeWithFallback = normalizeToolTypeWithFallback; exports.toToolLabel = toToolLabel; exports.isValidToolType = isValidToolType; exports.getToolTypeAliases = getToolTypeAliases; exports.getToolLabel = getToolLabel; exports.ShellTypeValues = ShellTypeValues; exports.SHELL_TYPES = SHELL_TYPES; exports.shellLabels = shellLabels; exports.getShellLabel = getShellLabel; exports.getShellIcon = getShellIcon; exports.BITE_ID_RE = BITE_ID_RE; exports.generateBiteId = generateBiteId; exports.ensureBiteIds = ensureBiteIds; exports.matchBiteElement = matchBiteElement; exports.OSTypeValues = OSTypeValues; exports.OS_TYPES = OS_TYPES; exports.osLabels = osLabels; exports.normalizeOSType = normalizeOSType; exports.getOSLabel = getOSLabel; exports.getOSIcon = getOSIcon; exports.getOSTypeDefinition = getOSTypeDefinition; exports.getOSPlatformId = getOSPlatformId; exports.isOSPlatform = isOSPlatform; exports.getCountryPhoneData = getCountryPhoneData; exports.getCountryByCode = getCountryByCode; exports.validatePhoneNumber = validatePhoneNumber; exports.formatPhoneE164 = formatPhoneE164; exports.GENERIC_EMAIL_DOMAINS = GENERIC_EMAIL_DOMAINS; exports.extractDomainFromEmail = extractDomainFromEmail; exports.normalizeDomain = normalizeDomain; exports.isGenericDomain = isGenericDomain; exports.hasGenericEmailDomain = hasGenericEmailDomain; exports.isGenericWebsiteDomain = isGenericWebsiteDomain; exports.isDismissedCookieValue = isDismissedCookieValue; exports.readDismissCookie = readDismissCookie; exports.writeDismissCookie = writeDismissCookie; exports.clearDismissCookie = clearDismissCookie; exports.announcementDismissCookieName = announcementDismissCookieName; exports.dismissAnnouncement = dismissAnnouncement; exports.isAnnouncementDismissed = isAnnouncementDismissed; exports.clearAnnouncementDismissals = clearAnnouncementDismissals; exports.clearLegacyAnnouncementCache = clearLegacyAnnouncementCache; exports.WALKTHROUGH_VIDEO_DISMISS_KEY = WALKTHROUGH_VIDEO_DISMISS_KEY; exports.walkthroughDismissCookieName = walkthroughDismissCookieName; exports.isWalkthroughDismissed = isWalkthroughDismissed; exports.dismissWalkthrough = dismissWalkthrough; exports.clearWalkthroughDismissal = clearWalkthroughDismissal; exports.WALKTHROUGH_OPEN_QUERY_PARAM = WALKTHROUGH_OPEN_QUERY_PARAM; exports.withWalkthroughOpenParam = withWalkthroughOpenParam; exports.createSseSubscription = createSseSubscription; exports.readLeadingDecisionFrame = readLeadingDecisionFrame; exports.ANNOUNCEMENT_CTA_DEFAULTS = ANNOUNCEMENT_CTA_DEFAULTS; exports.AVAILABLE_SVG_ICONS = AVAILABLE_SVG_ICONS; exports.releaseTypeOptions = releaseTypeOptions; exports.releaseStatusOptions = releaseStatusOptions; exports.changelogLabels = changelogLabels; exports.SEMVER_REGEX = SEMVER_REGEX; exports.TASK_TYPE_LABELS = TASK_TYPE_LABELS; exports.TASK_TYPE_TEXT_COLORS = TASK_TYPE_TEXT_COLORS; exports.TMCG_ROLES = TMCG_ROLES; exports.TMCG_ROLE_DISPLAY_NAMES = TMCG_ROLE_DISPLAY_NAMES; exports.TMCG_SOCIAL_PLATFORMS = TMCG_SOCIAL_PLATFORMS; exports.ROADMAP_STATUS_OPTIONS = ROADMAP_STATUS_OPTIONS; exports.DELIVERY_TASK_TYPE_OPTIONS = DELIVERY_TASK_TYPE_OPTIONS; exports.TICKET_STATUS_OPTIONS = TICKET_STATUS_OPTIONS; exports.OPENFRAME_DEV_SECTIONS = OPENFRAME_DEV_SECTIONS; exports.DEFAULT_CONTENT_SUFFIXES = DEFAULT_CONTENT_SUFFIXES; exports.makeComposeContentUrl = makeComposeContentUrl; exports.buildDefaultHref = buildDefaultHref; exports.resolveContentHref = resolveContentHref; exports.DEFAULT_FOLDER_INDEX_FILE = DEFAULT_FOLDER_INDEX_FILE; exports.stripFolderIndexFromPath = stripFolderIndexFromPath; exports.findDocNodeByPath = findDocNodeByPath; exports.getDocAncestorNodeIds = getDocAncestorNodeIds; exports.resolveContentFetchPath = resolveContentFetchPath; exports.getInitialExpandedNodeIds = getInitialExpandedNodeIds; exports.getDocSourceDefaultPath = getDocSourceDefaultPath; exports.toDocSlug = toDocSlug; exports.pathToNodeId = pathToNodeId; exports.normalizeDocPath = normalizeDocPath; exports.formatDocName = formatDocName; exports.sortTreeChildren = sortTreeChildren; exports.buildDocumentTree = buildDocumentTree; exports.extractSections = extractSections; exports.SCHEDULING_SLUG_SHAPE = SCHEDULING_SLUG_SHAPE; exports.MAX_MONTH_OFFSET = MAX_MONTH_OFFSET; exports.isValidSchedulingSlug = isValidSchedulingSlug; exports.parseSchedulingLinkName = parseSchedulingLinkName; exports.isListedSchedulingName = isListedSchedulingName; exports.schedulingAudienceKey = schedulingAudienceKey; exports.SECTION_HERO_ICON_CLASS = SECTION_HERO_ICON_CLASS; exports.FIRST_TOUCH_ATTRIBUTION_KEY = FIRST_TOUCH_ATTRIBUTION_KEY; exports.sanitizeLandingUrl = sanitizeLandingUrl; exports.parseAttributionFromUrl = parseAttributionFromUrl; exports.captureFirstTouchAttribution = captureFirstTouchAttribution; exports.getFirstTouchAttribution = getFirstTouchAttribution; exports.withFirstTouchAttribution = withFirstTouchAttribution; exports.clearFirstTouchAttribution = clearFirstTouchAttribution; exports.BenefitCard = BenefitCard; exports.BenefitCardGrid = BenefitCardGrid; exports.BrandAssociationCard = BrandAssociationCard; exports.BrandAssociationGrid = BrandAssociationGrid; exports.BulletList = BulletList; exports.ChevronButton = ChevronButton; exports.CircularProgress = CircularProgress; exports.CheckIcon = CheckIcon2; exports.XIcon = XIcon2; exports.MinusIcon = MinusIcon; exports.CheckCircleIcon = CheckCircleIcon2; exports.XCircleIcon = XCircleIcon; exports.DashboardInfoCard = DashboardInfoCard; exports.InfoCardRow = InfoCardRow; exports.OSTypeBadge = OSTypeBadge; exports.OSTypeIcon = OSTypeIcon; exports.OSTypeLabel = OSTypeLabel; exports.DeviceCard = DeviceCard; exports.DeviceCardCompact = DeviceCardCompact; exports.FeatureCardGrid = FeatureCardGrid; exports.FeatureList = FeatureList; exports.SourceTooltip = SourceTooltip; exports.HighlightCard = HighlightCard; exports.HighlightCardGrid = HighlightCardGrid; exports.IconsBlock = IconsBlock; exports.DropdownButton = DropdownButton; exports.MoreActionsMenu = MoreActionsMenu; exports.OrganizationCard = OrganizationCard; exports.ServiceCard = ServiceCard; exports.Slider = Slider; exports.TitleContentBlock = TitleContentBlock; exports.TouchFriendlyTooltip = TouchFriendlyTooltip; exports.ContentLoader = ContentLoader; exports.CardLoader = CardLoader; exports.FormLoader = FormLoader; exports.DetailLoader = DetailLoader; exports.ListLoader = ListLoader; exports.CursorPagination = CursorPagination; exports.CursorPaginationSimple = CursorPaginationSimple; exports.TableEmptyState = TableEmptyState; exports.DynamicThemeProvider = DynamicThemeProvider; exports.useDynamicTheme = useDynamicTheme; exports.THEME_STORAGE_KEY = THEME_STORAGE_KEY; exports.THEME_ATTRIBUTE = THEME_ATTRIBUTE; exports.DEFAULT_THEME = DEFAULT_THEME; exports.ThemeProvider = ThemeProvider; exports.useTheme = useTheme; exports.useThemeToggle = useThemeToggle; exports.ArrayEntryManager = ArrayEntryManager; exports.AuthBenefitsPanel = AuthBenefitsPanel; exports.OpenFrameWordmark = OpenFrameWordmark; exports.PoweredByFlamingo = PoweredByFlamingo; exports.AuthShell = AuthShell; exports.BackToLoginLink = BackToLoginLink; exports.PasswordInput = PasswordInput; exports.PROVIDER_META = PROVIDER_META; exports.SsoProviderButtons = SsoProviderButtons; exports.CompleteAccountForm = CompleteAccountForm; exports.TermsAgreementLabel = TermsAgreementLabel; exports.CreateOrganizationForm = CreateOrganizationForm; exports.InviteLinkInvalidModal = InviteLinkInvalidModal; exports.LoginForm = LoginForm; exports.OpenFrameSsoLoginForm = OpenFrameSsoLoginForm; exports.OpenFrameSsoSignUpForm = OpenFrameSsoSignUpForm; exports.PasswordResetForm = PasswordResetForm; exports.SsoAuthShell = SsoAuthShell; exports.ProviderButton = ProviderButton; exports.AuthProvidersList = AuthProvidersList; exports.ChangelogManager = ChangelogManager; exports.ChangelogSectionsManager = ChangelogSectionsManager; exports.ClickUpTasksManager = ClickUpTasksManager; exports.CommandBox = CommandBox; exports.TAG_BADGE_CLASS = TAG_BADGE_CLASS; exports.EntityTagBadges = EntityTagBadges; exports.ErrorBoundary = ErrorBoundary; exports.SectionSelector = SectionSelector; exports.FigmaPrototypeViewer = FigmaPrototypeViewer; exports.FiltersDropdown = FiltersDropdown; exports.useFiltersDropdown = useFiltersDropdown; exports.GitHubReleasesManager = GitHubReleasesManager; exports.KnowledgeBaseLinksManager = KnowledgeBaseLinksManager; exports.LoadingProvider = LoadingProvider; exports.useLoading = useLoading; exports.MediaGalleryManager = MediaGalleryManager; exports.MoreAboutButton = MoreAboutButton; exports.OSTypeBadgeGroup = OSTypeBadgeGroup; exports.ParallaxImageShowcase = ParallaxImageShowcase; exports.PathsDisplay = PathsDisplay; exports.OPENFRAME_PATHS = OPENFRAME_PATHS; exports.getOpenFramePaths = getOpenFramePaths; exports.OPENFRAME_DOCTOR_COMMANDS = OPENFRAME_DOCTOR_COMMANDS; exports.getOpenFrameDoctorCommand = getOpenFrameDoctorCommand; exports.PlatformFilterComponent = PlatformFilterComponent; exports.UnifiedSkeleton = UnifiedSkeleton; exports.TextSkeleton = TextSkeleton; exports.InteractiveSkeleton = InteractiveSkeleton; exports.MediaSkeleton = MediaSkeleton; exports.CardSkeleton = CardSkeleton; exports.CardSkeletonGrid = CardSkeletonGrid; exports.AnnouncementBarSkeleton = AnnouncementBarSkeleton; exports.HeroSkeleton = HeroSkeleton; exports.SearchContainerSkeleton = SearchContainerSkeleton; exports.CategorySidebarSkeleton = CategorySidebarSkeleton; exports.BreadcrumbSkeleton = BreadcrumbSkeleton; exports.ResultsHeaderSkeleton = ResultsHeaderSkeleton; exports.TwoColumnLayoutSkeleton = TwoColumnLayoutSkeleton; exports.ArticleLayoutSkeleton = ArticleLayoutSkeleton; exports.VendorDetailLayoutSkeleton = VendorDetailLayoutSkeleton; exports.StatsSectionSkeleton = StatsSectionSkeleton; exports.BlogCardGridSkeleton = BlogCardGridSkeleton; exports.VendorGridSkeleton = VendorGridSkeleton; exports.SlackCommunitySkeleton = SlackCommunitySkeleton; exports.ContentLoadingContainer = ContentLoadingContainer; exports.useContentLoading = useContentLoading; exports.ParagraphSkeleton = ParagraphSkeleton; exports.ListSkeleton = ListSkeleton; exports.TableSkeleton = TableSkeleton; exports.FormSkeleton = FormSkeleton; exports.NavigationSkeleton = NavigationSkeleton; exports.ProfileSkeleton = ProfileSkeleton; exports.CommentSkeleton = CommentSkeleton; exports.FeatureListSkeleton = FeatureListSkeleton; exports.TimelineSkeleton = TimelineSkeleton; exports.PricingSkeleton = PricingSkeleton; exports.ProfileLoadingSkeleton = ProfileLoadingSkeleton; exports.MspProfileFormSkeleton = MspProfileFormSkeleton; exports.CategoryCardSkeleton = CategoryCardSkeleton; exports.CategoryVendorSelectorSkeleton = CategoryVendorSelectorSkeleton; exports.WizardLayoutSkeleton = WizardLayoutSkeleton; exports.MarginReportSkeleton = MarginReportSkeleton; exports.UsersGridSkeleton = UsersGridSkeleton; exports.DynamicSkeleton = DynamicSkeleton; exports.SkeletonPresets = SkeletonPresets; exports.PlatformSkeletonContainer = PlatformSkeletonContainer; exports.ProgressiveSkeleton = ProgressiveSkeleton; exports.OrganizationIconSkeleton = OrganizationIconSkeleton; exports.OrganizationCardSkeleton = OrganizationCardSkeleton; exports.OrganizationCardSkeletonGrid = OrganizationCardSkeletonGrid; exports.DeviceCardSkeleton = DeviceCardSkeleton; exports.DeviceCardSkeletonGrid = DeviceCardSkeletonGrid; exports.PushButtonSelector = PushButtonSelector; exports.ReleaseMediaManager = ReleaseMediaManager; exports.SelectButton = SelectButton; exports.ConfidenceBadge = ConfidenceBadge; exports.SEOEditorPreview = SEOEditorPreview; exports.SocialLinksManager = SocialLinksManager; exports.StartWithOpenFrameButton = StartWithOpenFrameButton; exports.StatusFilterComponent = StatusFilterComponent; exports.TagsSelector = TagsSelector; exports.WarningBlock = WarningBlock; exports.VideoBitesDisplay = VideoBitesDisplay; exports.FloatingWalkthroughVideo = FloatingWalkthroughVideo; exports.InlineWalkthroughVideo = InlineWalkthroughVideo; exports.useWalkthroughVideo = useWalkthroughVideo; exports.VideoSourceSelector = VideoSourceSelector; exports.SubtitlesEditor = SubtitlesEditor; exports.TranscriptSummaryEditor = TranscriptSummaryEditor; exports.AIEnrichButton = AIEnrichButton; exports.AIWarningsSection = AIWarningsSection; exports.AIEnrichSection = AIEnrichSection; exports.HighlightVideoSection = HighlightVideoSection; exports.HighlightConfigSection = HighlightConfigSection; exports.EntitySummaryEditor = EntitySummaryEditor; exports.AIStatusIndicator = AIStatusIndicator; exports.AIRequiredBadge = AIRequiredBadge; exports.TranscribeSummarizeSection = TranscribeSummarizeSection; exports.VideoClipsSection = VideoClipsSection; exports.HighlightGenerationSection = HighlightGenerationSection; exports.HighlightVideoPreview = HighlightVideoPreview; exports.TranscribeAndSummarizeCombinedSection = TranscribeAndSummarizeCombinedSection; exports.HighlightVideoCombinedSection = HighlightVideoCombinedSection; exports.ViewToggle = ViewToggle; exports.PolicyConfigurationPanel = PolicyConfigurationPanel; exports.PhoneInput = PhoneInput; exports.WaitlistForm = WaitlistForm; exports.NotificationsProvider = NotificationsProvider; exports.useNotifications = useNotifications; exports.useOptionalNotifications = useOptionalNotifications; exports.AppLayoutDrawerContainerContext = AppLayoutDrawerContainerContext; exports.useAppLayoutDrawerContainer = useAppLayoutDrawerContainer; exports.AppLayoutDrawerCoordinationContext = AppLayoutDrawerCoordinationContext; exports.AppLayoutDrawerRoot = AppLayoutDrawerRoot; exports.AppLayoutDrawerTrigger = AppLayoutDrawerTrigger; exports.AppLayoutDrawerClose = AppLayoutDrawerClose; exports.AppLayoutDrawerContent = AppLayoutDrawerContent; exports.AppLayoutDrawerHeader = AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = AppLayoutDrawerTitle; exports.AppLayoutDrawerDescription = AppLayoutDrawerDescription; exports.AppLayoutDrawerBody = AppLayoutDrawerBody; exports.AppLayoutDrawerFooter = AppLayoutDrawerFooter; exports.NotificationTile = NotificationTile; exports.NotificationDrawer = NotificationDrawer; exports.NotificationPopups = NotificationPopups; exports.ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE = ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE; exports.isApprovalNotification = isApprovalNotification; exports.getApprovalMeta = getApprovalMeta; exports.resolutionToStatus = resolutionToStatus; exports.approvalMetaToBatchData = approvalMetaToBatchData; exports.ApprovalRequestNotificationTile = ApprovalRequestNotificationTile; exports.TimeTrackerProvider = TimeTrackerProvider; exports.useTimeTracker = useTimeTracker; exports.useOptionalTimeTracker = useOptionalTimeTracker; exports.useTrackerClock = useTrackerClock; exports.TimeTrackerPanel = TimeTrackerPanel; exports.UnreadDot = UnreadDot; exports.UnreadCountBadge = UnreadCountBadge; exports.HeaderButton = HeaderButton; exports.TimeTrackerHeaderButton = TimeTrackerHeaderButton; exports.BoardColumnHeader = BoardColumnHeader; exports.tintOnDark = tintOnDark; exports.BoardTicketApproval = BoardTicketApproval; exports.TicketCardBody = TicketCardBody; exports.TicketCardView = TicketCardView; exports.TicketCard = TicketCard; exports.TicketCardSkeleton = TicketCardSkeleton; exports.BoardColumn = BoardColumn; exports.useBoardCollapse = useBoardCollapse; exports.Board = Board; exports.columnFromTicketStatus = columnFromTicketStatus; exports.groupTicketsByStatus = groupTicketsByStatus; exports.SLOT_STICKINESS = SLOT_STICKINESS; exports.SortableList = SortableList; exports.SortableMoveButtons = SortableMoveButtons; exports.useSortableItem = useSortableItem; exports.TicketStatusConfigList = TicketStatusConfigList; exports.TableHeader = TableHeader; exports.TableCell = TableCell; exports.COMPACT_ROW_MIN_HEIGHT_PX = COMPACT_ROW_MIN_HEIGHT_PX; exports.TableCardSkeleton = TableCardSkeleton; exports.TableRow = TableRow; exports.Table = Table; exports.TableDescriptionCell = TableDescriptionCell; exports.TableTimestampCell = TableTimestampCell; exports.QueryReportTableHeader = QueryReportTableHeader; exports.QueryReportTableRow = QueryReportTableRow; exports.QueryReportTableSkeleton = QueryReportTableSkeleton; exports.deriveColumns = deriveColumns; exports.exportToCSV = exportToCSV; exports.QueryReportTable = QueryReportTable; exports.useDataTableContext = useDataTableContext; exports.DataTableRoot = DataTableRoot; exports.DataTableEmpty = DataTableEmpty; exports.getHideClasses = getHideClasses2; exports.alignJustify = alignJustify; exports.multiSelectFilterFn = multiSelectFilterFn; exports.ROW_HEIGHT_DESKTOP = ROW_HEIGHT_DESKTOP2; exports.ROW_HEIGHT_MOBILE = ROW_HEIGHT_MOBILE2; exports.ROW_SHELL_CLASSES = ROW_SHELL_CLASSES; exports.DataTableSkeleton = DataTableSkeleton; exports.DataTableRow = DataTableRow; exports.DataTableBody = DataTableBody; exports.DataTableCursorFooter = DataTableCursorFooter; exports.DataTableHeader = DataTableHeader; exports.DataTableInfiniteFooter = DataTableInfiniteFooter; exports.DataTableRowCount = DataTableRowCount; exports.useDataTable = useDataTable; exports.DataTable = DataTable; exports.flexRender = _reacttable.flexRender; exports.createColumnHelper = _reacttable.createColumnHelper; exports.getCoreRowModel = _reacttable.getCoreRowModel; exports.getExpandedRowModel = _reacttable.getExpandedRowModel; exports.getFacetedRowModel = _reacttable.getFacetedRowModel; exports.getFacetedUniqueValues = _reacttable.getFacetedUniqueValues; exports.getFilteredRowModel = _reacttable.getFilteredRowModel; exports.getGroupedRowModel = _reacttable.getGroupedRowModel; exports.getPaginationRowModel = _reacttable.getPaginationRowModel; exports.getSortedRowModel = _reacttable.getSortedRowModel; exports.SearchInput = SearchInput; exports.FilterListItem = FilterListItem; exports.FilterList = FilterList; exports.TagSearchInput = TagSearchInput; exports.MarkdownEditor = MarkdownEditor; exports.FileUpload = FileUpload; exports.ImageUploader = ImageUploader; exports.TICKET_STATUS_COLOR_PRESETS = TICKET_STATUS_COLOR_PRESETS; exports.CUSTOM_PRESET_KEY = CUSTOM_PRESET_KEY; exports.DEFAULT_CUSTOM_STATUS_COLOR = DEFAULT_CUSTOM_STATUS_COLOR; exports.ColorPresetSelect = ColorPresetSelect; exports.ColorPickerInput = ColorPickerInput; exports.TicketStatusConfigRow = TicketStatusConfigRow; exports.formatTestRunDuration = formatTestRunDuration; exports.TestResultsSkeleton = TestResultsSkeleton; exports.TestResultsTable = TestResultsTable; exports.TestRunErrorBanner = TestRunErrorBanner; exports.TestRunResults = TestRunResults; exports.TimingStat = TimingStat; exports.TestRunStatusStat = TestRunStatusStat; exports.useTestRunState = useTestRunState; exports.TicketAttachmentsList = TicketAttachmentsList; exports.TicketDetailSection = TicketDetailSection; exports.TicketNoteCard = TicketNoteCard; exports.TicketNotesSection = TicketNotesSection; exports.TicketInfoSection = TicketInfoSection; exports.renderTicketStatusOption = renderTicketStatusOption; exports.renderTicketAssigneeOption = renderTicketAssigneeOption; exports.TakeOverTicketModal = TakeOverTicketModal; exports.ReopenTicketModal = ReopenTicketModal; exports.ReopenTicketRequestModal = ReopenTicketRequestModal; exports.FilterPillRow = FilterPillRow;
+//# sourceMappingURL=chunk-HMEEW73F.cjs.map