@flamingo-stack/openframe-frontend-core 0.0.579 → 0.0.580-1958.5358.1

package/dist/{chunk-CP5EYMNL.js → chunk-V5RWTIRS.js}

@@ -89,7 +89,7 @@ import {
   useCollapsible,
   useIsHydrated,
   useScrollFade
-} from "./chunk-3AX3ZEY3.js";
+} from "./chunk-QZSNH7XU.js";
 import {
   ToolIcon,
   createHeadingIdDeduper,
@@ -20592,7 +20592,8 @@ function PlatformFilterComponent({
 
 // src/components/features/push-button-selector.tsx
 import { Check as Check2 } from "lucide-react";
-import { jsx as jsx190, jsxs as jsxs151 } from "react/jsx-runtime";
+import { useEffect as useEffect29, useRef as useRef31 } from "react";
+import { Fragment as Fragment30, jsx as jsx190, jsxs as jsxs151 } from "react/jsx-runtime";
 function PushButtonSelectorSkeleton({ count = 3, hasTitle }) {
   return /* @__PURE__ */ jsxs151("div", { className: "space-y-3", children: [
     hasTitle && /* @__PURE__ */ jsx190("div", { className: "h-5 w-20 animate-pulse rounded bg-ods-skeleton" }),
@@ -20630,13 +20631,57 @@ function PushButtonSelector({
   isLoading = false,
   error = null,
   skeletonCount = 3,
-  sections
+  sections,
+  search,
+  lazyLoad,
+  emptyMessage,
+  footer
 }) {
+  const scrollRef = useRef31(null);
+  const sentinelRef = useRef31(null);
+  const lazyHasMore = lazyLoad?.hasMore ?? false;
+  const lazyFetching = lazyLoad?.isFetchingMore ?? false;
+  const onLoadMore = lazyLoad?.onLoadMore;
+  const optionCount = options.length;
+  useEffect29(() => {
+    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__ */ jsx190(
+    Input,
+    {
+      value: search.value,
+      onChange: (e) => search.onChange(e.target.value),
+      placeholder: search.placeholder,
+      "aria-label": search.ariaLabel ?? search.placeholder ?? "Search"
+    }
+  ) : null;
   if (isLoading) {
-    return /* @__PURE__ */ jsx190("div", { className, children: /* @__PURE__ */ jsx190(PushButtonSelectorSkeleton, { count: skeletonCount, hasTitle: !!title }) });
+    return /* @__PURE__ */ jsx190("div", { className, children: search ? /* @__PURE__ */ jsxs151("div", { className: "space-y-4", children: [
+      title && /* @__PURE__ */ jsx190("h3", { className: "text-ods-text-primary text-h5", children: title }),
+      searchInput,
+      /* @__PURE__ */ jsx190(PushButtonSelectorSkeleton, { count: skeletonCount })
+    ] }) : /* @__PURE__ */ jsx190(PushButtonSelectorSkeleton, { count: skeletonCount, hasTitle: !!title }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx190("div", { className, children: /* @__PURE__ */ jsx190(PushButtonSelectorError, { message: error, title }) });
+    return /* @__PURE__ */ jsx190("div", { className, children: search ? /* @__PURE__ */ jsxs151("div", { className: "space-y-4", children: [
+      title && /* @__PURE__ */ jsx190("h3", { className: "text-ods-text-primary text-h5", children: title }),
+      searchInput,
+      /* @__PURE__ */ jsx190(PushButtonSelectorError, { message: error })
+    ] }) : /* @__PURE__ */ jsx190(PushButtonSelectorError, { message: error, title }) });
   }
   const validSelectedIds = options.length > 0 ? selectedIds.filter((id) => options.some((option) => option.id === id)) : selectedIds;
   if (process.env.NODE_ENV === "development" && options.length > 0 && validSelectedIds.length !== selectedIds.length) {
@@ -20728,9 +20773,26 @@ function PushButtonSelector({
       ungroupedOptions.length > 0 && /* @__PURE__ */ jsx190("div", { className: "space-y-2", children: ungroupedOptions.map(renderOption) })
     ] });
   };
+  const listContent = /* @__PURE__ */ jsxs151(Fragment30, { children: [
+    options.length === 0 && emptyMessage !== void 0 ? /* @__PURE__ */ jsx190("div", { className: "text-ods-text-secondary text-h6", children: emptyMessage }) : renderOptionsContent(),
+    lazyLoad ? /* @__PURE__ */ jsxs151(Fragment30, { children: [
+      /* @__PURE__ */ jsx190("div", { ref: sentinelRef }),
+      lazyLoad.isFetchingMore ? /* @__PURE__ */ jsx190("div", { className: "py-2 text-center text-ods-text-secondary text-h6", children: "Loading more\u2026" }) : null
+    ] }) : null
+  ] });
   return /* @__PURE__ */ jsx190(TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ jsxs151("div", { className: `space-y-4 ${className}`, children: [
     title && /* @__PURE__ */ jsx190("h3", { className: "text-ods-text-primary text-h5", children: title }),
-    renderOptionsContent(),
+    searchInput,
+    lazyLoad ? /* @__PURE__ */ jsx190(
+      "div",
+      {
+        ref: scrollRef,
+        className: "space-y-4 overflow-y-auto rounded-lg border border-ods-border p-2",
+        style: { height: lazyLoad.maxHeight ?? "336px" },
+        children: listContent
+      }
+    ) : listContent,
+    footer,
     selectionSummary && validSelectedIds.length > 0 && /* @__PURE__ */ jsxs151("div", { className: "rounded-lg border border-ods-success bg-ods-success-secondary p-4", children: [
       /* @__PURE__ */ jsxs151("div", { className: "mb-2 flex items-center gap-2", children: [
         /* @__PURE__ */ jsx190("div", { className: "h-2 w-2 rounded-full bg-ods-success" }),
@@ -20750,10 +20812,10 @@ function PushButtonSelector({
 
 // src/components/features/release-media-manager.tsx
 import { Trash2 as Trash24, Plus as Plus5, Image as ImageIcon3, Video as VideoIcon2, Upload as Upload3, Loader2 as Loader27, GripVertical as GripVertical2 } from "lucide-react";
-import { useState as useState55, useRef as useRef31 } from "react";
+import { useState as useState55, useRef as useRef32 } from "react";
 import { jsx as jsx191, jsxs as jsxs152 } from "react/jsx-runtime";
 function ReleaseMediaManager({ media, onChange, onUpload, className = "" }) {
-  const fileInputRef = useRef31(null);
+  const fileInputRef = useRef32(null);
   const [uploadingIndex, setUploadingIndex] = useState55(null);
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
@@ -21083,7 +21145,7 @@ var ConfidenceBadge = ({
 };
 
 // src/components/features/seo-editor-preview.tsx
-import { Fragment as Fragment30, jsx as jsx194, jsxs as jsxs155 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx194, jsxs as jsxs155 } from "react/jsx-runtime";
 var SEO_MEDIA_BOX_HEIGHT = "h-[280px]";
 function SEOEditorPreview({
   seoTitle,
@@ -21140,7 +21202,7 @@ function SEOEditorPreview({
           {
             label: "SEO Title",
             error: seoTitleTooLong ? `Too long: search engines may truncate this title (keep it under ${SEO_TITLE_MAX_LENGTH})` : null,
-            labelExtras: aiConfidenceSeoTitle !== void 0 ? /* @__PURE__ */ jsxs155(Fragment30, { children: [
+            labelExtras: aiConfidenceSeoTitle !== void 0 ? /* @__PURE__ */ jsxs155(Fragment31, { children: [
               /* @__PURE__ */ jsx194(AIGeneratedBadge, {}),
               /* @__PURE__ */ jsx194(ConfidenceBadge, { confidence: aiConfidenceSeoTitle, showLabel: true, showPercentage: true, size: "sm" })
             ] }) : void 0,
@@ -21179,7 +21241,7 @@ function SEOEditorPreview({
         Field,
         {
           label: "SEO Keywords",
-          labelExtras: aiConfidenceSeoKeywords !== void 0 ? /* @__PURE__ */ jsxs155(Fragment30, { children: [
+          labelExtras: aiConfidenceSeoKeywords !== void 0 ? /* @__PURE__ */ jsxs155(Fragment31, { children: [
             /* @__PURE__ */ jsx194(AIGeneratedBadge, {}),
             /* @__PURE__ */ jsx194(
               ConfidenceBadge,
@@ -21212,7 +21274,7 @@ function SEOEditorPreview({
           {
             label: "SEO Description",
             error: seoDescriptionTooLong ? `Too long: search engines may truncate this description (keep it under ${SEO_DESCRIPTION_MAX_LENGTH})` : null,
-            labelExtras: aiConfidenceSeoDescription !== void 0 ? /* @__PURE__ */ jsxs155(Fragment30, { children: [
+            labelExtras: aiConfidenceSeoDescription !== void 0 ? /* @__PURE__ */ jsxs155(Fragment31, { children: [
               /* @__PURE__ */ jsx194(AIGeneratedBadge, {}),
               /* @__PURE__ */ jsx194(
                 ConfidenceBadge,
@@ -21303,7 +21365,7 @@ function SEOEditorPreview({
                 "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 && fileInputRef?.click(),
-              children: isUploading ? /* @__PURE__ */ jsx194(Loader28, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs155(Fragment30, { children: [
+              children: isUploading ? /* @__PURE__ */ jsx194(Loader28, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs155(Fragment31, { children: [
                 /* @__PURE__ */ jsx194(Upload4, { className: "mb-2 h-8 w-8 text-ods-text-secondary" }),
                 /* @__PURE__ */ jsx194("span", { className: "text-ods-text-secondary text-h6", children: onOgImageUpload ? "Click to upload OG image" : "No image" })
               ] })
@@ -21815,8 +21877,8 @@ function VideoBitesDisplay({
 
 // src/components/features/walkthrough-video.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
-import { useCallback as useCallback20, useEffect as useEffect29, useLayoutEffect as useLayoutEffect2, useMemo as useMemo19, useRef as useRef32, useState as useState58 } from "react";
-import { Fragment as Fragment31, jsx as jsx201, jsxs as jsxs160 } from "react/jsx-runtime";
+import { useCallback as useCallback20, useEffect as useEffect30, useLayoutEffect as useLayoutEffect2, useMemo as useMemo19, useRef as useRef33, useState as useState58 } from "react";
+import { Fragment as Fragment32, jsx as jsx201, jsxs as jsxs160 } from "react/jsx-runtime";
 var isAtEnd = (duration, time) => duration > 0 && duration - time < 1;
 function theaterSeedFromLive(live, fallbackTime, fallbackMuted) {
   const time = live?.getCurrentTime() ?? 0;
@@ -21857,7 +21919,7 @@ function WalkthroughVideo({
   const [dismissed, setDismissed] = useState58(false);
   const hasVideo = video != null;
   const videoId = video?.id;
-  useEffect29(() => {
+  useEffect30(() => {
     let idleHandle = null;
     if (!hasVideo) return void 0;
     const timer = setTimeout(() => {
@@ -21902,13 +21964,13 @@ function WalkthroughVideo({
   const [openState, setOpenState] = useState58(Boolean(defaultOpen) || deepLinkHit);
   const open = openProp !== void 0 ? openProp : openState;
   const [pausedOpenSession, setPausedOpenSession] = useState58(Boolean(defaultOpen && defaultOpenPaused) || deepLinkHit);
-  const previewHandleRef = useRef32(null);
-  const theaterHandleRef = useRef32(null);
-  const theaterForcedMuteRef = useRef32(false);
-  const resumeHandleRef = useRef32(null);
-  const closeButtonRef = useRef32(null);
-  const userMutedRef = useRef32(false);
-  const endedLatchRef = useRef32(false);
+  const previewHandleRef = useRef33(null);
+  const theaterHandleRef = useRef33(null);
+  const theaterForcedMuteRef = useRef33(false);
+  const resumeHandleRef = useRef33(null);
+  const closeButtonRef = useRef33(null);
+  const userMutedRef = useRef33(false);
+  const endedLatchRef = useRef33(false);
   const [hovered, setHovered] = useState58(false);
   const [handoff, setHandoff] = useState58(null);
   const [suspended, setSuspended] = useState58(false);
@@ -21923,7 +21985,7 @@ function WalkthroughVideo({
   const previewAllowed = !previewSuppressed && !isYouTube;
   const footerFadeKey = `${mounted ? 1 : 0}|${inline ? 1 : 0}|${hideNearSelector}|${pathname}`;
   const footerHidden = footerObservation?.key === footerFadeKey && footerObservation.hidden;
-  useEffect29(() => {
+  useEffect30(() => {
     if (!mounted) return void 0;
     if (inline) return void 0;
     const el = typeof document !== "undefined" ? document.querySelector(hideNearSelector) : null;
@@ -21935,7 +21997,7 @@ function WalkthroughVideo({
     io.observe(el);
     return () => io.disconnect();
   }, [mounted, inline, hideNearSelector, pathname, footerFadeKey]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!resumeMode) return void 0;
     const onVis = () => {
       if (document.visibilityState === "hidden") {
@@ -21951,7 +22013,7 @@ function WalkthroughVideo({
   }, [resumeMode]);
   if (footerHidden && !cardPaused) setCardPaused(true);
   if (footerHidden && hovered) setHovered(false);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!footerHidden) return;
     const h = resumeHandleRef.current ?? previewHandleRef.current;
     try {
@@ -21959,10 +22021,10 @@ function WalkthroughVideo({
     } catch {
     }
   }, [footerHidden, resumeMode, hovered]);
-  const cardModeRef = useRef32("poster");
+  const cardModeRef = useRef33("poster");
   const [selfDrivenFor, setSelfDrivenFor] = useState58(null);
-  const justClosedRef = useRef32(false);
-  const justClosedTimerRef = useRef32(null);
+  const justClosedRef = useRef33(false);
+  const justClosedTimerRef = useRef33(null);
   const commitOpen = useCallback20(
     (next) => {
       if (!next) {
@@ -22034,7 +22096,7 @@ function WalkthroughVideo({
       }
     }
   }
-  const prevOpenCommittedRef = useRef32(open);
+  const prevOpenCommittedRef = useRef33(open);
   useLayoutEffect2(() => {
     if (prevOpenCommittedRef.current === open) return;
     prevOpenCommittedRef.current = open;
@@ -22105,11 +22167,11 @@ function WalkthroughVideo({
     },
     [setCardFallback, setCardMuted]
   );
-  const handoffRef = useRef32(handoff);
-  useEffect29(() => {
+  const handoffRef = useRef33(handoff);
+  useEffect30(() => {
     handoffRef.current = handoff;
   });
-  useEffect29(() => {
+  useEffect30(() => {
     if (resumeMode) {
       setCardMuted(handoffRef.current?.muted ?? false);
       setCardPaused(handoffRef.current?.playing === false);
@@ -22202,7 +22264,7 @@ function WalkthroughVideo({
   );
   const cardActive = !open && previewAllowed && hovered && !resumeMode;
   const cardMode = resumeMode ? "resume" : cardActive ? "preview" : "poster";
-  useEffect29(() => {
+  useEffect30(() => {
     cardModeRef.current = cardMode;
   });
   if (!video || !video.mainVideoUrl && !video.youtubeUrl) return null;
@@ -22366,7 +22428,7 @@ function WalkthroughVideo({
       ]
     }
   );
-  return /* @__PURE__ */ jsxs160(Fragment31, { children: [
+  return /* @__PURE__ */ jsxs160(Fragment32, { children: [
     showCard && (inline ? (
       // No wrapper: a positioning / z-index / safe-area shell around an
       // in-flow block is exactly what stops it sizing to its container.
@@ -23859,7 +23921,7 @@ function ViewToggle({
 // src/components/features/policy-configuration-panel.tsx
 import { ChevronDown as ChevronDown8, Shield } from "lucide-react";
 import { useState as useState61 } from "react";
-import { Fragment as Fragment32, jsx as jsx220, jsxs as jsxs175 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx220, jsxs as jsxs175 } from "react/jsx-runtime";
 var approvalLevelLabels = {
   ALLOW: "Allow",
   ASK_USER: "Ask User",
@@ -23925,7 +23987,7 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
 var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, onBulkLevelChange, onPolicyPermissionChange }) => {
   const { innerRef, containerStyle } = useCollapsible({ expanded: isExpanded, durationMs: 300 });
   const handleBulkChange = (level) => onBulkLevelChange(category.id, level);
-  return /* @__PURE__ */ jsxs175(Fragment32, { children: [
+  return /* @__PURE__ */ jsxs175(Fragment33, { children: [
     /* @__PURE__ */ jsxs175(
       "div",
       {
@@ -24065,8 +24127,8 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 
 // src/components/features/waitlist-form.tsx
 import { getCountries as getCountries2 } from "libphonenumber-js";
-import { useEffect as useEffect30, useState as useState62 } from "react";
-import { Fragment as Fragment33, jsx as jsx221, jsxs as jsxs176 } from "react/jsx-runtime";
+import { useEffect as useEffect31, useState as useState62 } from "react";
+import { Fragment as Fragment34, jsx as jsx221, jsxs as jsxs176 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
   className,
@@ -24102,7 +24164,7 @@ function WaitlistForm({
       setEmail(defaultEmail);
     }
   }
-  useEffect30(() => {
+  useEffect31(() => {
     if (!geoApiUrl) return;
     const supportedCountries = new Set(getCountries2());
     const isSupportedCountry = (value) => supportedCountries.has(value);
@@ -24227,7 +24289,7 @@ function WaitlistForm({
               error: showConsentError ? "Please agree to SMS notifications to continue." : void 0,
               disabled: isSubmitting,
               label: smsCheckboxLabel,
-              description: /* @__PURE__ */ jsxs176(Fragment33, { children: [
+              description: /* @__PURE__ */ jsxs176(Fragment34, { children: [
                 consentText,
                 " View our ",
                 /* @__PURE__ */ jsx221(
@@ -24280,10 +24342,10 @@ import {
   createContext as createContext6,
   useCallback as useCallback22,
   useContext as useContext6,
-  useEffect as useEffect31,
+  useEffect as useEffect32,
   useMemo as useMemo20,
   useReducer,
-  useRef as useRef33,
+  useRef as useRef34,
   useState as useState63
 } from "react";
 import { jsx as jsx222 } from "react/jsx-runtime";
@@ -24371,8 +24433,8 @@ function NotificationsProvider({
   const [showPopups, setShowPopupsState] = useState63(defaultShowPopups);
   const [showDesktopPopups, setShowDesktopPopupsState] = useState63(defaultShowDesktopPopups);
   const desktopPopupsConfigured = onShowDesktopPopupsChange !== void 0;
-  const actionsRef = useRef33(actions);
-  useEffect31(() => {
+  const actionsRef = useRef34(actions);
+  useEffect32(() => {
     actionsRef.current = actions;
   }, [actions]);
   const addNotification = useCallback22(
@@ -24510,7 +24572,7 @@ function useOptionalNotifications() {
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { useEffect as useEffect34, useRef as useRef35 } from "react";
+import { useEffect as useEffect35, useRef as useRef36 } from "react";
 
 // src/components/navigation/app-layout-context.ts
 import { createContext as createContext7, useContext as useContext7 } from "react";
@@ -24531,8 +24593,8 @@ import {
   forwardRef as forwardRef30,
   useCallback as useCallback23,
   useContext as useContext8,
-  useEffect as useEffect32,
-  useRef as useRef34,
+  useEffect as useEffect33,
+  useRef as useRef35,
   useState as useState64
 } from "react";
 import { jsx as jsx223, jsxs as jsxs177 } from "react/jsx-runtime";
@@ -24556,9 +24618,9 @@ var AppLayoutDrawerRoot = ({
     [isControlled, onOpenChange]
   );
   const coordination = useAppLayoutDrawerCoordination();
-  const openRef = useRef34(open);
-  const handleOpenChangeRef = useRef34(handleOpenChange);
-  useEffect32(() => {
+  const openRef = useRef35(open);
+  const handleOpenChangeRef = useRef35(handleOpenChange);
+  useEffect33(() => {
     openRef.current = open;
     handleOpenChangeRef.current = handleOpenChange;
   });
@@ -24567,10 +24629,10 @@ var AppLayoutDrawerRoot = ({
       if (openRef.current) handleOpenChangeRef.current(false);
     }
   }));
-  useEffect32(() => {
+  useEffect33(() => {
     if (open) coordination?.notifyDrawerDidOpen(selfHandle);
   }, [open, coordination, selfHandle]);
-  useEffect32(() => coordination?.registerDrawer(selfHandle), [coordination, selfHandle]);
+  useEffect33(() => coordination?.registerDrawer(selfHandle), [coordination, selfHandle]);
   return /* @__PURE__ */ jsx223(DrawerOpenContext.Provider, { value: open, children: /* @__PURE__ */ jsx223(DialogPrimitive3.Root, { ...rest, open, onOpenChange: handleOpenChange, modal, children }) });
 };
 AppLayoutDrawerRoot.displayName = "AppLayoutDrawer";
@@ -24650,7 +24712,7 @@ function useContainedResizableSize({
   container
 }) {
   const [available, setAvailable] = useState64(0);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!enabled || !container) return void 0;
     const update = () => {
       setAvailable(isHorizontal ? container.clientWidth : container.clientHeight);
@@ -24684,7 +24746,7 @@ function useContainedResizableSize({
   const [rawSize, setSizeRaw] = useState64(readInitial);
   const size = enabled ? clampToContainer(rawSize) : rawSize;
   const setSize = useCallback23((next) => setSizeRaw(clampToContainer(next)), [clampToContainer]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (!enabled || !storageKey || typeof window === "undefined") return;
     try {
       window.localStorage.setItem(storageKey, String(Math.round(size)));
@@ -24702,7 +24764,7 @@ function AppLayoutDrawerResizeHandle({
   ariaLabel
 }) {
   const isHorizontal = HORIZONTAL_SIDES.has(side);
-  const startRef = useRef34(null);
+  const startRef = useRef35(null);
   const direction = side === "right" || side === "bottom" ? -1 : 1;
   const handlePointerDown = (e) => {
     if (e.button !== 0 && e.pointerType === "mouse") return;
@@ -24815,7 +24877,7 @@ var AppLayoutDrawerContent = forwardRef30(
     const [hasOpened, setHasOpened] = useState64(Boolean(open));
     if (open && !hasOpened) setHasOpened(true);
     const persist = keepMounted && hasOpened;
-    useEffect32(() => {
+    useEffect33(() => {
       if (!debugLayoutShift) return void 0;
       if (!open) return void 0;
       if (typeof window === "undefined") return void 0;
@@ -24867,7 +24929,7 @@ var AppLayoutDrawerContent = forwardRef30(
     const isHorizontal = HORIZONTAL_SIDES.has(resolvedSide);
     const initialSize = defaultSize ?? (isHorizontal ? 560 : 480);
     const [isMobile, setIsMobile] = useState64(false);
-    useEffect32(() => {
+    useEffect33(() => {
       if (typeof window === "undefined") return void 0;
       const mq = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
       const update = () => setIsMobile(mq.matches);
@@ -24978,7 +25040,7 @@ var AppLayoutDrawerBody = DrawerBody;
 var AppLayoutDrawerFooter = DrawerFooter;
 
 // src/components/features/notifications/notification-tile.tsx
-import { useEffect as useEffect33, useState as useState65 } from "react";
+import { useEffect as useEffect34, useState as useState65 } from "react";
 import { jsx as jsx224, jsxs as jsxs178 } from "react/jsx-runtime";
 var variantBySeverity = {
   INFO: "info",
@@ -25025,7 +25087,7 @@ function NotificationTile({
   const [initialElapsed] = useState65(() => Date.now() - createdAt);
   const isLive = !read && !settled && initialElapsed < liveDurationMs;
   const counting = isLive && !paused;
-  useEffect33(() => {
+  useEffect34(() => {
     if (!counting) return void 0;
     const remaining = Math.max(0, liveDurationMs - initialElapsed);
     const timer = window.setTimeout(() => {
@@ -25125,7 +25187,7 @@ function NotificationTile({
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { Fragment as Fragment34, jsx as jsx225, jsxs as jsxs179 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx225, jsxs as jsxs179 } from "react/jsx-runtime";
 function NotificationDrawer({
   className,
   liveDurationMs,
@@ -25158,7 +25220,7 @@ function NotificationDrawer({
   } = ctx;
   const renderTile = renderTileProp ?? ctxRenderTile;
   const unreadNotifications = notifications.filter((n) => !n.read);
-  const content = /* @__PURE__ */ jsxs179(Fragment34, { children: [
+  const content = /* @__PURE__ */ jsxs179(Fragment35, { children: [
     /* @__PURE__ */ jsx225("div", { className: "px-[var(--spacing-system-m)] pt-[var(--spacing-system-m)]", children: /* @__PURE__ */ jsx225(
       DrawerTitle,
       {
@@ -25244,13 +25306,13 @@ function DrawerScrollList({
   loadMoreRootMargin,
   renderTile
 }) {
-  const scrollRef = useRef35(null);
-  const sentinelRef = useRef35(null);
-  const loadMoreRef = useRef35(loadMore);
-  useEffect34(() => {
+  const scrollRef = useRef36(null);
+  const sentinelRef = useRef36(null);
+  const loadMoreRef = useRef36(loadMore);
+  useEffect35(() => {
     loadMoreRef.current = loadMore;
   });
-  useEffect34(() => {
+  useEffect35(() => {
     if (!loadMore || !hasMore || isLoadingMore) return void 0;
     const sentinel = sentinelRef.current;
     const root = scrollRef.current;
@@ -25270,7 +25332,7 @@ function DrawerScrollList({
     {
       ref: scrollRef,
       className: "flex flex-1 flex-col gap-[var(--spacing-system-xs)] overflow-y-auto px-[var(--spacing-system-m)]",
-      children: isEmpty && !isLoadingMore ? /* @__PURE__ */ jsx225(EmptyState, {}) : /* @__PURE__ */ jsxs179(Fragment34, { children: [
+      children: isEmpty && !isLoadingMore ? /* @__PURE__ */ jsx225(EmptyState, {}) : /* @__PURE__ */ jsxs179(Fragment35, { children: [
         unreadNotifications.map((n) => {
           const custom = renderTile?.(n, { onComplete, onSettle, liveDurationMs });
           if (custom) return /* @__PURE__ */ jsx225("div", { children: custom }, n.id);
@@ -25292,7 +25354,7 @@ function DrawerScrollList({
   );
 }
 function DrawerLoadingTiles() {
-  return /* @__PURE__ */ jsxs179(Fragment34, { children: [
+  return /* @__PURE__ */ jsxs179(Fragment35, { children: [
     /* @__PURE__ */ jsx225(
       "div",
       {
@@ -25374,7 +25436,7 @@ function NotificationsHistoryButton({ onClick, historyHref }) {
 }
 
 // src/components/features/notifications/notification-popups.tsx
-import { useEffect as useEffect35, useState as useState66 } from "react";
+import { useEffect as useEffect36, useState as useState66 } from "react";
 import { jsx as jsx226 } from "react/jsx-runtime";
 var positionClasses = {
   "top-right": "top-4 right-4",
@@ -25393,7 +25455,7 @@ function NotificationPopups({
   const ctx = useOptionalNotifications();
   const [now, setNow] = useState66(() => Date.now());
   const hasAgeingNotifications = Boolean(ctx?.notifications.some((n) => !n.read && !n.settled));
-  useEffect35(() => {
+  useEffect36(() => {
     if (!hasAgeingNotifications) return void 0;
     const id = setInterval(() => setNow(Date.now()), 500);
     return () => clearInterval(id);
@@ -25522,7 +25584,7 @@ function approvalMetaToBatchData(approval) {
 }
 
 // src/components/features/notifications/approval-request-notification-tile.tsx
-import { Fragment as Fragment35, jsx as jsx227, jsxs as jsxs180 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx227, jsxs as jsxs180 } from "react/jsx-runtime";
 function ApprovalRequestNotificationTile({
   notification,
   onApprove,
@@ -25572,7 +25634,7 @@ function ApprovalRequestNotificationTile({
       className,
       paused: pinned || processing,
       actions: /* @__PURE__ */ jsxs180("div", { className: "flex w-full items-center gap-[var(--spacing-system-xs)]", children: [
-        status === "pending" ? /* @__PURE__ */ jsxs180(Fragment35, { children: [
+        status === "pending" ? /* @__PURE__ */ jsxs180(Fragment36, { children: [
           /* @__PURE__ */ jsx227(
             Button,
             {
@@ -25657,7 +25719,7 @@ function useOptionalTimeTracker() {
 import { useState as useState70 } from "react";
 
 // src/components/features/time-tracker/use-tracker-clock.ts
-import { useEffect as useEffect36, useState as useState69 } from "react";
+import { useEffect as useEffect37, useState as useState69 } from "react";
 function formatElapsed(totalMs) {
   const totalSeconds = Math.max(0, Math.floor(totalMs / 1e3));
   const hours = Math.floor(totalSeconds / 3600);
@@ -25668,7 +25730,7 @@ function formatElapsed(totalMs) {
 }
 function useTrackerClock({ status, runningSince, accumulatedMs = 0 }) {
   const [now, setNow] = useState69(() => Date.now());
-  useEffect36(() => {
+  useEffect37(() => {
     if (status !== "tracking") return void 0;
     const tick = () => setNow(Date.now());
     tick();
@@ -25989,7 +26051,7 @@ function LastEntryRow({ entry, onClick }) {
 
 // src/components/features/time-tracker/time-tracker-header-button.tsx
 import * as PopoverPrimitive7 from "@radix-ui/react-popover";
-import { useEffect as useEffect37, useRef as useRef36, useState as useState71 } from "react";
+import { useEffect as useEffect38, useRef as useRef37, useState as useState71 } from "react";
 
 // src/components/navigation/unread-dot.tsx
 import { jsx as jsx230 } from "react/jsx-runtime";
@@ -26057,7 +26119,7 @@ function HeaderButton({
 }
 
 // src/components/features/time-tracker/time-tracker-header-button.tsx
-import { Fragment as Fragment36, jsx as jsx232, jsxs as jsxs183 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx232, jsxs as jsxs183 } from "react/jsx-runtime";
 function TimeTrackerHeaderButton({ className, disabled }) {
   const ctx = useOptionalTimeTracker();
   const elapsedLabel = useTrackerClock({
@@ -26068,9 +26130,9 @@ function TimeTrackerHeaderButton({ className, disabled }) {
   const layoutContainer = useAppLayoutDrawerContainer();
   const coordination = useAppLayoutDrawerCoordination();
   const isOpen = ctx?.isOpen ?? false;
-  const isOpenRef = useRef36(isOpen);
-  const closeRef = useRef36(ctx?.close);
-  useEffect37(() => {
+  const isOpenRef = useRef37(isOpen);
+  const closeRef = useRef37(ctx?.close);
+  useEffect38(() => {
     isOpenRef.current = isOpen;
     closeRef.current = ctx?.close;
   });
@@ -26079,10 +26141,10 @@ function TimeTrackerHeaderButton({ className, disabled }) {
       if (isOpenRef.current) closeRef.current?.();
     }
   }));
-  useEffect37(() => {
+  useEffect38(() => {
     if (isOpen) coordination?.notifyDrawerDidOpen(selfHandle);
   }, [isOpen, coordination, selfHandle]);
-  useEffect37(() => coordination?.registerDrawer(selfHandle), [coordination, selfHandle]);
+  useEffect38(() => coordination?.registerDrawer(selfHandle), [coordination, selfHandle]);
   if (!ctx) return null;
   const { open, close, status } = ctx;
   const isPaused = status === "paused";
@@ -26102,7 +26164,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
           isActive && "md:w-auto md:min-w-[144px] md:justify-center md:gap-[var(--spacing-system-xsf)] md:px-[var(--spacing-system-sf)]",
           className
         ),
-        icon: /* @__PURE__ */ jsxs183(Fragment36, { children: [
+        icon: /* @__PURE__ */ jsxs183(Fragment37, { children: [
           /* @__PURE__ */ jsx232(
             ClockHistoryIcon,
             {
@@ -26157,7 +26219,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
 import { combine as combine3 } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { monitorForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { preventUnhandled } from "@atlaskit/pragmatic-drag-and-drop/utils/prevent-unhandled";
-import { Fragment as Fragment39, useCallback as useCallback27, useEffect as useEffect41, useMemo as useMemo23, useRef as useRef41, useState as useState76 } from "react";
+import { Fragment as Fragment40, useCallback as useCallback27, useEffect as useEffect42, useMemo as useMemo23, useRef as useRef42, useState as useState76 } from "react";
 import { createPortal } from "react-dom";
 
 // src/utils/auto-scroll-ancestors.ts
@@ -26270,7 +26332,7 @@ function aimToChange(columns, ticketId, aim) {
 // src/components/features/board/board-column.tsx
 import { attachClosestEdge as attachClosestEdge2 } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
 import { dropTargetForElements as dropTargetForElements2 } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
-import { memo as memo6, useCallback as useCallback25, useEffect as useEffect39, useRef as useRef39, useState as useState74 } from "react";
+import { memo as memo6, useCallback as useCallback25, useEffect as useEffect40, useRef as useRef40, useState as useState74 } from "react";
 
 // src/components/features/board/board-column-header.tsx
 import { jsx as jsx233, jsxs as jsxs184 } from "react/jsx-runtime";
@@ -26381,7 +26443,7 @@ function isSameAim(a, b) {
 }
 
 // src/components/features/board/use-lane-scroll-anchor.ts
-import { useRef as useRef37 } from "react";
+import { useRef as useRef38 } from "react";
 var TICKET_ID_ATTRIBUTE = "data-ticket-id";
 function cardPositions(root) {
   return Array.from(root.querySelectorAll(`[${TICKET_ID_ATTRIBUTE}]`)).map((element) => ({
@@ -26390,7 +26452,7 @@ function cardPositions(root) {
   }));
 }
 function useLaneScrollAnchor(scrollRef, tickets) {
-  const positionsRef = useRef37([]);
+  const positionsRef = useRef38([]);
   useIsomorphicLayoutEffect(() => {
     const root = scrollRef.current;
     if (!root) return;
@@ -26441,9 +26503,9 @@ import { preserveOffsetOnSource } from "@atlaskit/pragmatic-drag-and-drop/elemen
 import { setCustomNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview";
 import {
   memo as memo5,
-  useEffect as useEffect38,
+  useEffect as useEffect39,
   useMemo as useMemo22,
-  useRef as useRef38,
+  useRef as useRef39,
   useState as useState73
 } from "react";
 
@@ -26543,7 +26605,7 @@ function hasMoveSettled(columns, move) {
 }
 
 // src/components/features/board/ticket-card.tsx
-import { Fragment as Fragment37, jsx as jsx235, jsxs as jsxs186 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx235, jsxs as jsxs186 } from "react/jsx-runtime";
 var PRIORITY_COLOR_CLASS = {
   low: "text-ods-text-secondary",
   medium: "text-ods-info",
@@ -26604,7 +26666,7 @@ function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onRe
   ] }) : null;
   const timestampLabel = ticket.createdAt ? formatTicketRelativeTime(ticket.createdAt) : null;
   const tooltipLabel = ticket.createdAt ? formatTicketFullTimestamp(ticket.createdAt) : null;
-  return /* @__PURE__ */ jsxs186(Fragment37, { children: [
+  return /* @__PURE__ */ jsxs186(Fragment38, { children: [
     /* @__PURE__ */ jsxs186("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
       /* @__PURE__ */ jsxs186("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", title: ticket.title, children: [
         /* @__PURE__ */ jsx235("p", { className: "truncate text-ods-text-primary text-h3", children: ticket.title }),
@@ -26673,9 +26735,9 @@ var TicketCard = memo5(function TicketCardImpl({
   onApprove,
   onReject
 }) {
-  const ref = useRef38(null);
-  const ticketRef = useRef38(ticket);
-  useEffect38(() => {
+  const ref = useRef39(null);
+  const ticketRef = useRef39(ticket);
+  useEffect39(() => {
     ticketRef.current = ticket;
   });
   const [isDragging, setIsDragging] = useState73(false);
@@ -26689,7 +26751,7 @@ var TicketCard = memo5(function TicketCardImpl({
     e.preventDefault();
     lift(ticket.id);
   };
-  useEffect38(() => {
+  useEffect39(() => {
     const element = ref.current;
     if (!element || dragDisabled) return void 0;
     const identity = { type: "ticket", ticketId: ticket.id, columnId };
@@ -26895,7 +26957,7 @@ var TicketCardSkeleton = forwardRef31(
 TicketCardSkeleton.displayName = "TicketCardSkeleton";
 
 // src/components/features/board/board-column.tsx
-import { Fragment as Fragment38, jsx as jsx237, jsxs as jsxs188 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx237, jsxs as jsxs188 } from "react/jsx-runtime";
 var BoardColumn = memo6(function BoardColumnImpl({
   column,
   collapsed = false,
@@ -26911,9 +26973,9 @@ var BoardColumn = memo6(function BoardColumnImpl({
   joinLeft = false,
   joinRight = false
 }) {
-  const laneRef = useRef39(null);
+  const laneRef = useRef40(null);
   const [isOver, setIsOver] = useState74(false);
-  useEffect39(() => {
+  useEffect40(() => {
     const element = laneRef.current;
     if (!element || collapsed || column.dropDisabled) return void 0;
     return dropTargetForElements2({
@@ -26970,7 +27032,7 @@ var BoardColumn = memo6(function BoardColumnImpl({
             onArchive: !collapsed && column.archivable && onArchive ? () => onArchive(column.id) : void 0
           }
         ),
-        !collapsed && /* @__PURE__ */ jsxs188(Fragment38, { children: [
+        !collapsed && /* @__PURE__ */ jsxs188(Fragment39, { children: [
           /* @__PURE__ */ jsx237("div", { "aria-hidden": true, className: "-mx-[var(--spacing-system-sf)] h-px shrink-0 bg-ods-border" }),
           /* @__PURE__ */ jsx237(
             ColumnBody,
@@ -26998,21 +27060,21 @@ function ColumnBody({
   onLoadMore,
   loadMoreRootMargin
 }) {
-  const scrollRef = useRef39(null);
-  const sentinelRef = useRef39(null);
+  const scrollRef = useRef40(null);
+  const sentinelRef = useRef40(null);
   useLaneScrollAnchor(scrollRef, column.tickets);
-  useEffect39(() => {
+  useEffect40(() => {
     const element = scrollRef.current;
     if (!element) return void 0;
     return autoScrollColumn(element);
   }, []);
-  const loadMoreRef = useRef39(onLoadMore);
-  const columnIdRef = useRef39(column.id);
-  useEffect39(() => {
+  const loadMoreRef = useRef40(onLoadMore);
+  const columnIdRef = useRef40(column.id);
+  useEffect40(() => {
     loadMoreRef.current = onLoadMore;
     columnIdRef.current = column.id;
   });
-  useEffect39(() => {
+  useEffect40(() => {
     if (!column.hasMore || column.isLoadingMore) return void 0;
     const sentinel = sentinelRef.current;
     const root = scrollRef.current;
@@ -27063,7 +27125,7 @@ function ColumnBody({
   );
 }
 function SkeletonStack({ count = 4 }) {
-  return /* @__PURE__ */ jsx237(Fragment38, { children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx237(TicketCardSkeleton, {}, `skeleton-${i}`)) });
+  return /* @__PURE__ */ jsx237(Fragment39, { children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx237(TicketCardSkeleton, {}, `skeleton-${i}`)) });
 }
 function EmptyState2({ columnId }) {
   const aim = useDropAim();
@@ -27088,14 +27150,14 @@ function resolveBoardDrop(columns, { source, target }) {
 }
 
 // src/components/features/board/use-board-collapse.ts
-import { useCallback as useCallback26, useEffect as useEffect40, useRef as useRef40, useState as useState75 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect41, useRef as useRef41, useState as useState75 } from "react";
 function useBoardCollapse(storageKey) {
   const [persisted, setPersisted] = useLocalStorage(storageKey ?? "__board_collapse_unused__", {});
   const [memory, setMemory] = useState75({});
   const collapsed = storageKey ? persisted : memory;
   const setMap = storageKey ? setPersisted : setMemory;
-  const setMapRef = useRef40(setMap);
-  useEffect40(() => {
+  const setMapRef = useRef41(setMap);
+  useEffect41(() => {
     setMapRef.current = setMap;
   });
   const toggle = useCallback26((columnId) => {
@@ -27141,10 +27203,10 @@ function Board({
     onThumbPointerMove,
     onThumbPointerUp
   } = useHorizontalScrollbar();
-  const columnsRef = useRef41(columns);
-  const onChangeRef = useRef41(onChange);
-  const boardRef = useRef41(null);
-  const scrollerRef = useRef41(null);
+  const columnsRef = useRef42(columns);
+  const onChangeRef = useRef42(onChange);
+  const boardRef = useRef42(null);
+  const scrollerRef = useRef42(null);
   const setScroller = useCallback27(
     (node) => {
       scrollerRef.current = node;
@@ -27155,9 +27217,9 @@ function Board({
   const [aim, setAim] = useState76(null);
   const [lifted, setLifted] = useState76(null);
   const [announcement, setAnnouncement] = useState76("");
-  const dragGeometry = useRef41(null);
+  const dragGeometry = useRef42(null);
   const [landingPreview, setLandingPreview] = useState76(null);
-  const previewRef = useRef41(null);
+  const previewRef = useRef42(null);
   const [reportedMove, setPendingMove] = useState76(null);
   const pendingMove = reportedMove && !hasMoveSettled(columns, reportedMove) ? reportedMove : null;
   const dragAndDropEnabled = useDragAndDropEnabled();
@@ -27166,13 +27228,13 @@ function Board({
     if (dragAndDropEnabled) return base;
     return base.map((column) => ({ ...column, dragDisabled: true, dropDisabled: true }));
   }, [columns, pendingMove, dragAndDropEnabled]);
-  useEffect41(() => {
+  useEffect42(() => {
     columnsRef.current = view;
     onChangeRef.current = onChange;
   });
   const [landing, setLanding] = useState76(null);
-  const landingTimer = useRef41(null);
-  const pointRef = useRef41({ x: 0, y: 0 });
+  const landingTimer = useRef42(null);
+  const pointRef = useRef42({ x: 0, y: 0 });
   const laneLabel = useCallback27((columnId) => view.find((c) => c.id === columnId)?.label ?? columnId, [view]);
   const acceptsLifted = useCallback27(
     (fromColumnId) => (column) => {
@@ -27223,7 +27285,7 @@ function Board({
     },
     [lifted, view, acceptsLifted, laneLabel]
   );
-  useEffect41(() => {
+  useEffect42(() => {
     if (!lifted) return void 0;
     const onKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -27241,7 +27303,7 @@ function Board({
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [lifted, drop, walk]);
-  useEffect41(() => {
+  useEffect42(() => {
     if (!lifted) return;
     boardRef.current?.querySelector(`[${DROP_LINE_ATTRIBUTE}]`)?.scrollIntoView({ block: "nearest", inline: "nearest" });
   }, [lifted]);
@@ -27252,12 +27314,12 @@ function Board({
     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 };
   }, [lifted, view]);
-  useEffect41(() => {
+  useEffect42(() => {
     if (!pendingMove) return void 0;
     const timer = setTimeout(() => setPendingMove(null), PENDING_MOVE_TIMEOUT_MS);
     return () => clearTimeout(timer);
   }, [pendingMove]);
-  useEffect41(() => {
+  useEffect42(() => {
     const scroller = scrollerRef.current;
     const readAim = (source, target) => {
       const ticket = source.data.ticket;
@@ -27410,7 +27472,7 @@ function Board({
             const joinLeft = !!(column.system && prev?.system);
             const joinRight = !!(column.system && next?.system);
             const showGap = i > 0 && !joinLeft;
-            return /* @__PURE__ */ jsxs189(Fragment39, { children: [
+            return /* @__PURE__ */ jsxs189(Fragment40, { children: [
               showGap && /* @__PURE__ */ jsx238("div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
               /* @__PURE__ */ jsx238(
                 BoardColumn,
@@ -27556,10 +27618,10 @@ import {
   createContext as createContext12,
   useCallback as useCallback28,
   useContext as useContext12,
-  useEffect as useEffect42,
+  useEffect as useEffect43,
   useId as useId6,
   useMemo as useMemo24,
-  useRef as useRef42,
+  useRef as useRef43,
   useState as useState77
 } from "react";
 import { jsx as jsx239, jsxs as jsxs190 } from "react/jsx-runtime";
@@ -27574,19 +27636,19 @@ function useSortableListContext() {
   return context;
 }
 function SortableList({ onReorder, getItemLabel, disabled = false, className, children }) {
-  const listRef = useRef42(null);
+  const listRef = useRef43(null);
   const dragAndDropEnabled = useDragAndDropEnabled();
   const dragType = useId6();
   const [announcement, setAnnouncement] = useState77("");
-  const onReorderRef = useRef42(onReorder);
-  const getItemLabelRef = useRef42(getItemLabel);
-  useEffect42(() => {
+  const onReorderRef = useRef43(onReorder);
+  const getItemLabelRef = useRef43(getItemLabel);
+  useEffect43(() => {
     onReorderRef.current = onReorder;
     getItemLabelRef.current = getItemLabel;
   });
-  const flipFrom = useRef42(null);
+  const flipFrom = useRef43(null);
   const [flipTick, setFlipTick] = useState77(0);
-  const flipTimer = useRef42(null);
+  const flipTimer = useRef43(null);
   const readItems = useCallback28(
     () => [...listRef.current?.querySelectorAll(`[${SORTABLE_ITEM_ATTRIBUTE}]`) ?? []],
     []
@@ -27600,7 +27662,7 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
     },
     [readItems]
   );
-  useEffect42(() => {
+  useEffect43(() => {
     const list = listRef.current;
     if (!list || disabled || !dragAndDropEnabled) return void 0;
     let drag = null;
@@ -27691,7 +27753,7 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
       for (const item of moving) item.style.transition = "";
     }, DROP_MS2);
   }, [flipTick, readItems]);
-  useEffect42(
+  useEffect43(
     () => () => {
       if (flipTimer.current) clearTimeout(flipTimer.current);
     },
@@ -27708,12 +27770,12 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
 }
 
 // src/components/features/sortable-list/sortable-move-buttons.tsx
-import { useRef as useRef43 } from "react";
+import { useRef as useRef44 } from "react";
 import { jsx as jsx240, jsxs as jsxs191 } from "react/jsx-runtime";
 function SortableMoveButtons({ index, count, label, className }) {
   const { disabled, reorder } = useSortableListContext();
-  const upRef = useRef43(null);
-  const downRef = useRef43(null);
+  const upRef = useRef44(null);
+  const downRef = useRef44(null);
   const move = (step) => {
     const to = index + step;
     if (to < 0 || to >= count) return;
@@ -27760,7 +27822,7 @@ function SortableMoveButtons({ index, count, label, className }) {
 import { combine as combine5 } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { draggable as draggable2 } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { disableNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview";
-import { useCallback as useCallback29, useEffect as useEffect43, useState as useState78 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect44, useState as useState78 } from "react";
 function useSortableItem() {
   const { dragType, disabled, dragAndDropEnabled, reorder, readItems } = useSortableListContext();
   const inert = disabled || !dragAndDropEnabled;
@@ -27771,7 +27833,7 @@ function useSortableItem() {
     node?.setAttribute(SORTABLE_ITEM_ATTRIBUTE, "");
     setItem(node);
   }, []);
-  useEffect43(() => {
+  useEffect44(() => {
     if (!item || !handle || inert) return void 0;
     return combine5(
       // The drag has to start as a "move", or its first frame is drawn with the
@@ -28410,4 +28472,4 @@ export {
   ReopenTicketRequestModal,
   FilterPillRow
 };
-//# sourceMappingURL=chunk-CP5EYMNL.js.map
+//# sourceMappingURL=chunk-V5RWTIRS.js.map