@flamingo-stack/openframe-frontend-core 0.0.195 → 0.0.197

package/dist/{chunk-U6AJSRJP.js → chunk-GIQZAYY5.js}

@@ -16,7 +16,7 @@ import {
   useNearViewport,
   useOnboardingState,
   useToast
-} from "./chunk-PJ5KFD2V.js";
+} from "./chunk-4ML3NA2L.js";
 import {
   Button,
   Checkbox,
@@ -407,7 +407,7 @@ function useDynamicTheme() {
 }
 
 // src/components/features/array-entry-manager.tsx
-import { useState as useState56, useEffect as useEffect42 } from "react";
+import { useState as useState57, useEffect as useEffect43 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -7245,13 +7245,17 @@ function useChunkCatchup({
   };
 }
 
-// src/components/chat/hooks/use-nats-dialog-subscription.ts
+// src/components/chat/hooks/use-jetstream-dialog-subscription.ts
 import { useCallback as useCallback6, useEffect as useEffect9, useRef as useRef10, useState as useState16 } from "react";
 var shared = null;
-function useNatsDialogSubscription({
+var DEFAULT_INACTIVE_THRESHOLD_MS = 5 * 6e4;
+var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
+function useJetStreamDialogSubscription({
   enabled,
   dialogId,
-  topics = ["message"],
+  streamName = DEFAULT_STREAM_NAME,
+  topic,
+  optStartSeq,
   onEvent,
   onConnect,
   onDisconnect,
@@ -7259,13 +7263,16 @@ function useNatsDialogSubscription({
   onBeforeReconnect,
   getNatsWsUrl,
   clientConfig = {},
-  reconnectionBackoff
+  reconnectionBackoff,
+  inactiveThresholdMs
 }) {
   const [isConnected, setIsConnected] = useState16(false);
   const [isSubscribed, setIsSubscribed] = useState16(false);
   const [reconnectionCount, setReconnectionCount] = useState16(0);
+  const [currentStreamSeq, setCurrentStreamSeq] = useState16(null);
   const clientRef = useRef10(null);
-  const subscriptionRefs = useRef10(/* @__PURE__ */ new Map());
+  const subscriptionRef = useRef10(null);
+  const highestStreamSeqRef = useRef10(null);
   const onEventRef = useRef10(onEvent);
   useEffect9(() => {
     onEventRef.current = onEvent;
@@ -7286,7 +7293,6 @@ function useNatsDialogSubscription({
   useEffect9(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const hadConnectionBeforeRef = useRef10(false);
   const getNatsWsUrlRef = useRef10(getNatsWsUrl);
   useEffect9(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
@@ -7295,33 +7301,54 @@ function useNatsDialogSubscription({
   useEffect9(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const acquireClient = useCallback6((url) => {
-    if (shared?.wsUrl !== url) {
-      if (shared) {
-        shared.closeTimer && clearTimeout(shared.closeTimer);
-        const old = shared;
-        shared = null;
-        void old.client.close().catch(() => {
+  const optStartSeqRef = useRef10(optStartSeq);
+  useEffect9(() => {
+    optStartSeqRef.current = optStartSeq;
+  }, [optStartSeq]);
+  const inactiveThresholdRef = useRef10(inactiveThresholdMs);
+  useEffect9(() => {
+    inactiveThresholdRef.current = inactiveThresholdMs;
+  }, [inactiveThresholdMs]);
+  const hadConnectionBeforeRef = useRef10(false);
+  const acquireClient = useCallback6(
+    (url) => {
+      if (shared?.wsUrl !== url) {
+        if (shared) {
+          if (shared.closeTimer) clearTimeout(shared.closeTimer);
+          const old = shared;
+          shared = null;
+          void old.client.close().catch(() => {
+          });
+        }
+        const { name = "openframe-frontend-jetstream", user = "machine", pass = "" } = clientConfig;
+        const client = createNatsClient({
+          servers: url,
+          name,
+          user,
+          pass,
+          connectTimeoutMs: NETWORK_CONFIG.CONNECT_TIMEOUT_MS,
+          reconnect: false,
+          pingIntervalMs: NETWORK_CONFIG.PING_INTERVAL_MS,
+          maxPingOut: NETWORK_CONFIG.MAX_PING_OUT
         });
+        shared = {
+          wsUrl: url,
+          client,
+          connectPromise: null,
+          refCount: 0,
+          closeTimer: null,
+          retryTimer: null
+        };
       }
-      const { name = "openframe-frontend", user = "machine", pass = "" } = clientConfig;
-      const client = createNatsClient({
-        servers: url,
-        name,
-        user,
-        pass,
-        connectTimeoutMs: NETWORK_CONFIG.CONNECT_TIMEOUT_MS,
-        reconnect: false,
-        pingIntervalMs: NETWORK_CONFIG.PING_INTERVAL_MS,
-        maxPingOut: NETWORK_CONFIG.MAX_PING_OUT
-      });
-      shared = { wsUrl: url, client, connectPromise: null, refCount: 0, closeTimer: null, retryTimer: null };
-    }
-    shared.refCount += 1;
-    shared.closeTimer && clearTimeout(shared.closeTimer);
-    shared.closeTimer = null;
-    return shared;
-  }, [clientConfig]);
+      shared.refCount += 1;
+      if (shared.closeTimer) {
+        clearTimeout(shared.closeTimer);
+        shared.closeTimer = null;
+      }
+      return shared;
+    },
+    [clientConfig]
+  );
   const releaseClient = useCallback6((url) => {
     if (!shared || shared.wsUrl !== url) return;
     shared.refCount = Math.max(0, shared.refCount - 1);
@@ -7410,6 +7437,331 @@ function useNatsDialogSubscription({
         }
       }, jitteredDelay);
     }
+    const unsubscribeStatus = client.onStatus((event) => {
+      const connected = event.status === "connected";
+      const disconnected = event.status === "closed" || event.status === "disconnected";
+      if (connected) {
+        setIsConnected(true);
+        if (hadConnectionBeforeRef.current) {
+          setReconnectionCount((c) => c + 1);
+        }
+        hadConnectionBeforeRef.current = true;
+        retryAttempt = 0;
+        onConnectRef.current?.();
+      }
+      if (event.status === "error") {
+        console.warn("[JetStream] NATS protocol error:", event.data);
+        return;
+      }
+      if (disconnected) {
+        setIsConnected(false);
+        setIsSubscribed(false);
+        if (subscriptionRef.current) {
+          try {
+            subscriptionRef.current.unsubscribe();
+          } catch {
+          }
+          subscriptionRef.current = null;
+        }
+        onDisconnectRef.current?.();
+        scheduleRetry();
+      }
+    });
+    (async () => {
+      try {
+        sharedConn.connectPromise || (sharedConn.connectPromise = client.connect());
+        await sharedConn.connectPromise;
+        if (!closed) {
+          setIsConnected(true);
+          hadConnectionBeforeRef.current = true;
+        }
+      } catch {
+        sharedConn.connectPromise = null;
+        if (!closed) {
+          setIsConnected(false);
+          onDisconnectRef.current?.();
+          scheduleRetry();
+        }
+      }
+    })();
+    return () => {
+      closed = true;
+      setIsConnected(false);
+      setIsSubscribed(false);
+      unsubscribeStatus();
+      if (sharedConn.retryTimer) {
+        clearTimeout(sharedConn.retryTimer);
+        sharedConn.retryTimer = null;
+      }
+      if (subscriptionRef.current) {
+        try {
+          subscriptionRef.current.unsubscribe();
+        } catch {
+        }
+        subscriptionRef.current = null;
+      }
+      if (clientRef.current && currentWsUrlRef.current) {
+        releaseClient(currentWsUrlRef.current);
+        clientRef.current = null;
+        currentWsUrlRef.current = "";
+      }
+    };
+  }, [enabled, getNatsWsUrl, acquireClient, releaseClient]);
+  useEffect9(() => {
+    if (!enabled || !dialogId || !isConnected) {
+      if (subscriptionRef.current) {
+        try {
+          subscriptionRef.current.unsubscribe();
+        } catch {
+        }
+        subscriptionRef.current = null;
+      }
+      setIsSubscribed(false);
+      return;
+    }
+    const client = clientRef.current;
+    if (!client) return;
+    const abortController = new AbortController();
+    const decoder = new TextDecoder();
+    const filterSubject = `chat.${dialogId}.${topic}`;
+    const resumeSeq = highestStreamSeqRef.current;
+    const initialOptStart = optStartSeqRef.current;
+    const startSeq = resumeSeq != null ? resumeSeq + 1 : initialOptStart != null ? initialOptStart + 1 : void 0;
+    let cancelled = false;
+    void (async () => {
+      try {
+        const handle = await client.subscribeJetStreamOrdered(
+          (msg) => {
+            if (cancelled) return;
+            const streamSeq = msg.info.streamSequence;
+            if (typeof streamSeq === "number") {
+              if (highestStreamSeqRef.current == null || streamSeq > highestStreamSeqRef.current) {
+                highestStreamSeqRef.current = streamSeq;
+                setCurrentStreamSeq(streamSeq);
+              }
+            }
+            const cb = onEventRef.current;
+            if (!cb) return;
+            try {
+              const parsed = JSON.parse(decoder.decode(msg.data));
+              if (typeof streamSeq === "number") {
+                ;
+                parsed.streamSeq = streamSeq;
+              }
+              cb(parsed, topic);
+            } catch {
+            }
+          },
+          {
+            streamName,
+            filterSubject,
+            deliverPolicy: startSeq != null ? "byStartSequence" : "new",
+            optStartSeq: startSeq,
+            inactiveThresholdMs: inactiveThresholdRef.current ?? DEFAULT_INACTIVE_THRESHOLD_MS,
+            signal: abortController.signal
+          }
+        );
+        if (cancelled) {
+          try {
+            handle.unsubscribe();
+          } catch {
+          }
+          return;
+        }
+        subscriptionRef.current = handle;
+        setIsSubscribed(true);
+        onSubscribedRef.current?.();
+      } catch {
+        if (!cancelled) {
+          setIsSubscribed(false);
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+      abortController.abort();
+      if (subscriptionRef.current) {
+        try {
+          subscriptionRef.current.unsubscribe();
+        } catch {
+        }
+        subscriptionRef.current = null;
+      }
+      setIsSubscribed(false);
+    };
+  }, [enabled, dialogId, isConnected, streamName, topic, reconnectionCount]);
+  useEffect9(() => {
+    highestStreamSeqRef.current = null;
+    setCurrentStreamSeq(null);
+  }, [dialogId]);
+  return { isConnected, isSubscribed, reconnectionCount, currentStreamSeq };
+}
+
+// src/components/chat/hooks/use-nats-dialog-subscription.ts
+import { useCallback as useCallback7, useEffect as useEffect10, useRef as useRef11, useState as useState17 } from "react";
+var shared2 = null;
+function useNatsDialogSubscription({
+  enabled,
+  dialogId,
+  topics = ["message"],
+  onEvent,
+  onConnect,
+  onDisconnect,
+  onSubscribed,
+  onBeforeReconnect,
+  getNatsWsUrl,
+  clientConfig = {},
+  reconnectionBackoff
+}) {
+  const [isConnected, setIsConnected] = useState17(false);
+  const [isSubscribed, setIsSubscribed] = useState17(false);
+  const [reconnectionCount, setReconnectionCount] = useState17(0);
+  const clientRef = useRef11(null);
+  const subscriptionRefs = useRef11(/* @__PURE__ */ new Map());
+  const onEventRef = useRef11(onEvent);
+  useEffect10(() => {
+    onEventRef.current = onEvent;
+  }, [onEvent]);
+  const onConnectRef = useRef11(onConnect);
+  useEffect10(() => {
+    onConnectRef.current = onConnect;
+  }, [onConnect]);
+  const onDisconnectRef = useRef11(onDisconnect);
+  useEffect10(() => {
+    onDisconnectRef.current = onDisconnect;
+  }, [onDisconnect]);
+  const onSubscribedRef = useRef11(onSubscribed);
+  useEffect10(() => {
+    onSubscribedRef.current = onSubscribed;
+  }, [onSubscribed]);
+  const onBeforeReconnectRef = useRef11(onBeforeReconnect);
+  useEffect10(() => {
+    onBeforeReconnectRef.current = onBeforeReconnect;
+  }, [onBeforeReconnect]);
+  const hadConnectionBeforeRef = useRef11(false);
+  const getNatsWsUrlRef = useRef11(getNatsWsUrl);
+  useEffect10(() => {
+    getNatsWsUrlRef.current = getNatsWsUrl;
+  }, [getNatsWsUrl]);
+  const reconnectionBackoffRef = useRef11(reconnectionBackoff);
+  useEffect10(() => {
+    reconnectionBackoffRef.current = reconnectionBackoff;
+  }, [reconnectionBackoff]);
+  const acquireClient = useCallback7((url) => {
+    if (shared2?.wsUrl !== url) {
+      if (shared2) {
+        shared2.closeTimer && clearTimeout(shared2.closeTimer);
+        const old = shared2;
+        shared2 = null;
+        void old.client.close().catch(() => {
+        });
+      }
+      const { name = "openframe-frontend", user = "machine", pass = "" } = clientConfig;
+      const client = createNatsClient({
+        servers: url,
+        name,
+        user,
+        pass,
+        connectTimeoutMs: NETWORK_CONFIG.CONNECT_TIMEOUT_MS,
+        reconnect: false,
+        pingIntervalMs: NETWORK_CONFIG.PING_INTERVAL_MS,
+        maxPingOut: NETWORK_CONFIG.MAX_PING_OUT
+      });
+      shared2 = { wsUrl: url, client, connectPromise: null, refCount: 0, closeTimer: null, retryTimer: null };
+    }
+    shared2.refCount += 1;
+    shared2.closeTimer && clearTimeout(shared2.closeTimer);
+    shared2.closeTimer = null;
+    return shared2;
+  }, [clientConfig]);
+  const releaseClient = useCallback7((url) => {
+    if (!shared2 || shared2.wsUrl !== url) return;
+    shared2.refCount = Math.max(0, shared2.refCount - 1);
+    if (shared2.refCount > 0) return;
+    shared2.closeTimer = setTimeout(() => {
+      const s = shared2;
+      shared2 = null;
+      if (s) {
+        if (s.retryTimer) {
+          clearTimeout(s.retryTimer);
+          s.retryTimer = null;
+        }
+        void s.client.close().catch(() => {
+        });
+      }
+    }, NETWORK_CONFIG.SHARED_CLOSE_DELAY_MS);
+  }, []);
+  const currentWsUrlRef = useRef11("");
+  useEffect10(() => {
+    const wsUrl = getNatsWsUrl();
+    if (!enabled || !wsUrl) {
+      if (currentWsUrlRef.current && clientRef.current) {
+        releaseClient(currentWsUrlRef.current);
+        clientRef.current = null;
+        currentWsUrlRef.current = "";
+        setIsConnected(false);
+      }
+      return;
+    }
+    if (wsUrl === currentWsUrlRef.current && clientRef.current && clientRef.current.isConnected()) {
+      return;
+    }
+    if (currentWsUrlRef.current && currentWsUrlRef.current !== wsUrl && clientRef.current) {
+      releaseClient(currentWsUrlRef.current);
+      clientRef.current = null;
+      setIsConnected(false);
+    }
+    currentWsUrlRef.current = wsUrl;
+    const sharedConn = acquireClient(wsUrl);
+    const client = sharedConn.client;
+    clientRef.current = client;
+    setIsConnected(false);
+    let closed = false;
+    let retryAttempt = 0;
+    function scheduleRetry() {
+      if (closed) return;
+      if (shared2 !== sharedConn) return;
+      if (sharedConn.retryTimer) {
+        clearTimeout(sharedConn.retryTimer);
+        sharedConn.retryTimer = null;
+      }
+      const cfg = reconnectionBackoffRef.current ?? {};
+      const fastRetries = cfg.fastRetries ?? 0;
+      const fastDelay = cfg.fastRetryDelayMs ?? NETWORK_CONFIG.RETRY_INITIAL_DELAY_MS;
+      const baseDelay = cfg.initialDelayMs ?? NETWORK_CONFIG.RETRY_INITIAL_DELAY_MS;
+      const maxDelay = cfg.maxDelayMs ?? NETWORK_CONFIG.RETRY_MAX_DELAY_MS;
+      const multiplier = cfg.multiplier ?? NETWORK_CONFIG.RETRY_BACKOFF_MULTIPLIER;
+      const delay2 = retryAttempt < fastRetries ? fastDelay : Math.min(baseDelay * multiplier ** (retryAttempt - fastRetries), maxDelay);
+      const jitteredDelay = delay2 * (0.5 + Math.random() * 0.5);
+      retryAttempt++;
+      sharedConn.retryTimer = setTimeout(async () => {
+        sharedConn.retryTimer = null;
+        if (closed) return;
+        if (shared2 !== sharedConn) return;
+        try {
+          await onBeforeReconnectRef.current?.();
+        } catch {
+        }
+        if (closed) return;
+        if (shared2 !== sharedConn) return;
+        const freshUrl = getNatsWsUrlRef.current();
+        if (freshUrl !== wsUrl) return;
+        try {
+          sharedConn.connectPromise = null;
+          sharedConn.connectPromise = client.connect();
+          await sharedConn.connectPromise;
+          if (!closed && shared2 === sharedConn) {
+            retryAttempt = 0;
+            setIsConnected(true);
+          }
+        } catch {
+          sharedConn.connectPromise = null;
+          if (!closed && shared2 === sharedConn) {
+            scheduleRetry();
+          }
+        }
+      }, jitteredDelay);
+    }
     const unsubscribeStatus = client.onStatus((event) => {
       const connected = event.status === "connected";
       const disconnected = ["closed", "disconnected", "error"].includes(event.status);
@@ -7481,14 +7833,14 @@ function useNatsDialogSubscription({
     };
   }, [enabled, getNatsWsUrl, acquireClient, releaseClient]);
   const topicsKey = topics.join(",");
-  const lastSubscribedDialogIdRef = useRef10(null);
-  const isConnectedRef = useRef10(isConnected);
-  useEffect9(() => {
+  const lastSubscribedDialogIdRef = useRef11(null);
+  const isConnectedRef = useRef11(isConnected);
+  useEffect10(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
-  const currentDialogIdRef = useRef10(null);
-  const abortControllerRef = useRef10(null);
-  useEffect9(() => {
+  const currentDialogIdRef = useRef11(null);
+  const abortControllerRef = useRef11(null);
+  useEffect10(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
       if (subscriptionRefs.current.size > 0) {
@@ -7569,7 +7921,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey, topics]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -7619,7 +7971,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-realtime-chunk-processor.ts
-import { useCallback as useCallback7, useRef as useRef11, useEffect as useEffect10 } from "react";
+import { useCallback as useCallback8, useRef as useRef12, useEffect as useEffect11 } from "react";
 
 // src/components/chat/utils/chunk-parser.ts
 function normalizeToolCalls(raw) {
@@ -8252,14 +8604,14 @@ function useRealtimeChunkProcessor(options) {
     // get the new batch UI; pass `false` explicitly to fall back to legacy.
     batchApprovalsEnabled = true
   } = options;
-  const accumulatorRef = useRef11(
+  const accumulatorRef = useRef12(
     createMessageSegmentAccumulator({
       onApprove: callbacks.onApprove,
       onReject: callbacks.onReject
     })
   );
-  const hasInitializedWithData = useRef11(false);
-  useEffect10(() => {
+  const hasInitializedWithData = useRef12(false);
+  useEffect11(() => {
     if (initialState && !hasInitializedWithData.current) {
       accumulatorRef.current.initializeWithState(initialState);
       if (initialState.escalatedApprovals) {
@@ -8271,9 +8623,9 @@ function useRealtimeChunkProcessor(options) {
       hasInitializedWithData.current = true;
     }
   }, [initialState, callbacks]);
-  const isInStreamRef = useRef11(false);
-  const pendingEscalatedRef = useRef11(/* @__PURE__ */ new Map());
-  const processChunk = useCallback7(
+  const isInStreamRef = useRef12(false);
+  const pendingEscalatedRef = useRef12(/* @__PURE__ */ new Map());
+  const processChunk = useCallback8(
     (chunk) => {
       if (!enableThinking && chunk && typeof chunk === "object" && chunk.type === MESSAGE_TYPE.THINKING) {
         return;
@@ -8472,21 +8824,21 @@ function useRealtimeChunkProcessor(options) {
     },
     [callbacks, displayApprovalTypes, approvalStatuses, initialState, enableThinking]
   );
-  const getSegments = useCallback7(() => {
+  const getSegments = useCallback8(() => {
     return accumulatorRef.current.getSegments();
   }, []);
-  const reset = useCallback7(() => {
+  const reset = useCallback8(() => {
     accumulatorRef.current.reset();
     pendingEscalatedRef.current.clear();
     hasInitializedWithData.current = false;
   }, []);
-  const updateApprovalStatus = useCallback7(
+  const updateApprovalStatus = useCallback8(
     (requestId, status) => {
       return accumulatorRef.current.updateApprovalStatus(requestId, status);
     },
     []
   );
-  const getPendingApprovals = useCallback7(() => {
+  const getPendingApprovals = useCallback8(() => {
     return new Map(pendingEscalatedRef.current);
   }, []);
   return {
@@ -8962,16 +9314,16 @@ function extractIncompleteMessageState(lastMessage) {
 
 // src/components/navigation/header.tsx
 import Link from "next/link";
-import React24, { useEffect as useEffect11, useRef as useRef12, useState as useState17 } from "react";
+import React24, { useEffect as useEffect12, useRef as useRef13, useState as useState18 } from "react";
 init_button2();
 import { Fragment as Fragment6, jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 function Header({ config, platform }) {
-  const [show, setShow] = useState17(true);
-  const [lastScrollY, setLastScrollY] = useState17(0);
-  const [openDropdowns, setOpenDropdowns] = useState17({});
-  const dropdownRefs = useRef12({});
-  const triggerRefs = useRef12({});
-  useEffect11(() => {
+  const [show, setShow] = useState18(true);
+  const [lastScrollY, setLastScrollY] = useState18(0);
+  const [openDropdowns, setOpenDropdowns] = useState18({});
+  const dropdownRefs = useRef13({});
+  const triggerRefs = useRef13({});
+  useEffect12(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (!target) return;
@@ -9000,14 +9352,14 @@ function Header({ config, platform }) {
       document.removeEventListener("keydown", handleEscapeKey);
     };
   }, [openDropdowns]);
-  useEffect11(() => {
+  useEffect12(() => {
     return () => {
       setOpenDropdowns({});
       dropdownRefs.current = {};
       triggerRefs.current = {};
     };
   }, []);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!config.autoHide) {
       setShow(true);
       return;
@@ -9230,7 +9582,7 @@ function Header({ config, platform }) {
 }
 
 // src/components/navigation/client-only-header.tsx
-import { useState as useState18, useEffect as useEffect12 } from "react";
+import { useState as useState19, useEffect as useEffect13 } from "react";
 
 // src/components/navigation/header-skeleton.tsx
 import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
@@ -9278,8 +9630,8 @@ function HeaderSkeleton({ config }) {
 // src/components/navigation/client-only-header.tsx
 import { jsx as jsx49 } from "react/jsx-runtime";
 function ClientOnlyHeader({ config, skeleton }) {
-  const [isClient, setIsClient] = useState18(false);
-  useEffect12(() => {
+  const [isClient, setIsClient] = useState19(false);
+  useEffect13(() => {
     setIsClient(true);
   }, []);
   if (!isClient) {
@@ -9289,13 +9641,13 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/mobile-nav-panel.tsx
-import { useEffect as useEffect13, useRef as useRef13 } from "react";
+import { useEffect as useEffect14, useRef as useRef14 } from "react";
 init_button2();
 import { X as X2 } from "lucide-react";
 import { Fragment as Fragment7, jsx as jsx50, jsxs as jsxs41 } from "react/jsx-runtime";
 function MobileNavPanel({ isOpen, config }) {
-  const panelRef = useRef13(null);
-  useEffect13(() => {
+  const panelRef = useRef14(null);
+  useEffect14(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -9305,7 +9657,7 @@ function MobileNavPanel({ isOpen, config }) {
       document.body.style.overflow = "unset";
     };
   }, [isOpen]);
-  useEffect13(() => {
+  useEffect14(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && isOpen) {
         config.onClose?.();
@@ -9413,15 +9765,15 @@ function MobileNavPanel({ isOpen, config }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState19, useEffect as useEffect14 } from "react";
+import { useState as useState20, useEffect as useEffect15 } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 init_button2();
 import { Fragment as Fragment8, jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
 function SlidingSidebar({ config }) {
-  const [expandedItems, setExpandedItems] = useState19(/* @__PURE__ */ new Set());
-  const [mounted, setMounted] = useState19(false);
-  const [headerHeight, setHeaderHeight] = useState19(64);
-  useEffect14(() => {
+  const [expandedItems, setExpandedItems] = useState20(/* @__PURE__ */ new Set());
+  const [mounted, setMounted] = useState20(false);
+  const [headerHeight, setHeaderHeight] = useState20(64);
+  useEffect15(() => {
     setMounted(true);
     const calculateHeaderHeight = () => {
       let totalHeight = 0;
@@ -9632,7 +9984,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect15, useState as useState20, useCallback as useCallback8, useRef as useRef14 } from "react";
+import { useEffect as useEffect16, useState as useState21, useCallback as useCallback9, useRef as useRef15 } from "react";
 import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -9693,10 +10045,10 @@ function StickySectionNav({
   ] });
 }
 function useSectionNavigation(sections, options) {
-  const [activeSection, setActiveSection] = useState20(sections[0]?.id || "");
-  const isScrollingFromClick = useRef14(false);
+  const [activeSection, setActiveSection] = useState21(sections[0]?.id || "");
+  const isScrollingFromClick = useRef15(false);
   const { offset: offset2 = 100 } = options || {};
-  const handleSectionClick = useCallback8((sectionId) => {
+  const handleSectionClick = useCallback9((sectionId) => {
     const targetElement = document.getElementById(sectionId);
     if (!targetElement) return;
     isScrollingFromClick.current = true;
@@ -9707,14 +10059,14 @@ function useSectionNavigation(sections, options) {
       isScrollingFromClick.current = false;
     }, 500);
   }, [offset2]);
-  useEffect15(() => {
+  useEffect16(() => {
     sections.forEach((section) => {
       if (section.ref.current && !section.ref.current.id) {
         section.ref.current.id = section.id;
       }
     });
   }, [sections]);
-  useEffect15(() => {
+  useEffect16(() => {
     const handleScroll = () => {
       if (isScrollingFromClick.current) return;
       const scrollPosition = window.scrollY + offset2 + 50;
@@ -9747,7 +10099,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback9, useLayoutEffect as useLayoutEffect4, useMemo as useMemo10, useState as useState21 } from "react";
+import { useCallback as useCallback10, useLayoutEffect as useLayoutEffect4, useMemo as useMemo10, useState as useState22 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
@@ -9897,14 +10249,14 @@ function NavigationSidebar({ config, disabled = false }) {
     STORAGE_KEY,
     !isLgUp || (config.minimized ?? false)
   );
-  const [transitionsEnabled, setTransitionsEnabled] = useState21(false);
+  const [transitionsEnabled, setTransitionsEnabled] = useState22(false);
   const isMinimized = !isLgUp || minimized;
   const showLabel = isLgUp && !minimized;
-  const handleToggle = useCallback9(() => {
+  const handleToggle = useCallback10(() => {
     setMinimized((prev) => !prev);
     config.onToggleMinimized?.();
   }, [setMinimized, config]);
-  const handleItemClick = useCallback9((item, event) => {
+  const handleItemClick = useCallback10((item, event) => {
     event?.stopPropagation();
     if (item.onClick) {
       item.onClick();
@@ -10427,7 +10779,7 @@ function NotificationsHeaderButton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { Suspense, useCallback as useCallback12, useState as useState24 } from "react";
+import { Suspense, useCallback as useCallback13, useState as useState25 } from "react";
 
 // src/components/features/notifications/notification-drawer.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
@@ -10617,7 +10969,7 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 init_cn();
 
 // src/components/features/notifications/notification-tile.tsx
-import { useMemo as useMemo12, useEffect as useEffect17 } from "react";
+import { useMemo as useMemo12, useEffect as useEffect18 } from "react";
 init_button();
 init_cn();
 import { jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
@@ -10631,7 +10983,7 @@ function NotificationTile({
   const { id, variant = "default", title, description, createdAt, read, settled } = notification;
   const initialElapsed = useMemo12(() => Date.now() - createdAt, [createdAt]);
   const isLive = !read && !settled && initialElapsed < liveDurationMs;
-  useEffect17(() => {
+  useEffect18(() => {
     if (!isLive) return;
     const remaining = Math.max(0, liveDurationMs - initialElapsed);
     const timer = window.setTimeout(() => {
@@ -10807,7 +11159,7 @@ function NotificationsHistoryButton({ onClick }) {
 }
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React33, { useCallback as useCallback11, useEffect as useEffect18 } from "react";
+import React33, { useCallback as useCallback12, useEffect as useEffect19 } from "react";
 import { Fragment as Fragment10, jsx as jsx66, jsxs as jsxs54 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
 var MobileBurgerMenu = React33.memo(function MobileBurgerMenu2({
@@ -10820,7 +11172,7 @@ var MobileBurgerMenu = React33.memo(function MobileBurgerMenu2({
   onLogout,
   disabled = false
 }) {
-  useEffect18(() => {
+  useEffect19(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -10830,7 +11182,7 @@ var MobileBurgerMenu = React33.memo(function MobileBurgerMenu2({
       document.body.style.overflow = "unset";
     };
   }, [isOpen]);
-  useEffect18(() => {
+  useEffect19(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && isOpen) {
         onClose();
@@ -10841,7 +11193,7 @@ var MobileBurgerMenu = React33.memo(function MobileBurgerMenu2({
       return () => document.removeEventListener("keydown", handleKeyDown);
     }
   }, [isOpen, onClose]);
-  const handleItemClick = useCallback11((item) => {
+  const handleItemClick = useCallback12((item) => {
     if (item.onClick) {
       item.onClick();
     } else if (item.path) {
@@ -11016,11 +11368,11 @@ function AppLayout({
   mobileBurgerMenuProps,
   disabled = false
 }) {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState24(false);
-  const handleToggleMobileMenu = useCallback12(() => {
+  const [mobileMenuOpen, setMobileMenuOpen] = useState25(false);
+  const handleToggleMobileMenu = useCallback13(() => {
     setMobileMenuOpen((prev) => !prev);
   }, []);
-  const handleCloseMobileMenu = useCallback12(() => {
+  const handleCloseMobileMenu = useCallback13(() => {
     setMobileMenuOpen(false);
   }, []);
   return /* @__PURE__ */ jsxs55("div", { className: cn("flex h-screen bg-ods-bg", className), children: [
@@ -11390,7 +11742,7 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/announcement-bar.tsx
 init_button2();
-import { useState as useState25, useEffect as useEffect19 } from "react";
+import { useState as useState26, useEffect as useEffect20 } from "react";
 import Image4 from "next/image";
 import { X as X4 } from "lucide-react";
 
@@ -11596,8 +11948,8 @@ var getSvgIcon = (name, size = "main", extra = {}) => {
   return renderSvgIcon(name, { className: cls, ...extra });
 };
 function AnnouncementBar() {
-  const [announcement, setAnnouncement] = useState25(null);
-  const [isVisible, setIsVisible] = useState25(false);
+  const [announcement, setAnnouncement] = useState26(null);
+  const [isVisible, setIsVisible] = useState26(false);
   const platform = getAppType();
   const getDismissKey = (id) => `${platform}-announcement-${id}-dismissed`;
   const getCacheKey = () => `${platform}-announcement-cache`;
@@ -11629,7 +11981,7 @@ function AnnouncementBar() {
       clearStoredAnnouncement(getCacheKey());
     }
   };
-  useEffect19(() => {
+  useEffect20(() => {
     const cached = getStoredAnnouncement(getCacheKey());
     if (cached) {
       const isDismissed = localStorage.getItem(getDismissKey(cached.id));
@@ -12736,7 +13088,7 @@ function EmptyState2({
 }
 
 // src/components/faq-accordion.tsx
-import { useRef as useRef15, useState as useState26, useEffect as useEffect20, useCallback as useCallback13 } from "react";
+import { useRef as useRef16, useState as useState27, useEffect as useEffect21, useCallback as useCallback14 } from "react";
 
 // src/components/ui/chevron-button.tsx
 init_cn();
@@ -12776,15 +13128,15 @@ ChevronButton.displayName = "ChevronButton";
 init_cn();
 import { jsx as jsx91, jsxs as jsxs74 } from "react/jsx-runtime";
 var useMeasuredHeight = (isOpen) => {
-  const ref = useRef15(null);
-  const [maxHeight, setMaxHeight] = useState26("0px");
-  const measure = useCallback13(() => {
+  const ref = useRef16(null);
+  const [maxHeight, setMaxHeight] = useState27("0px");
+  const measure = useCallback14(() => {
     if (ref.current) {
       const height = ref.current.scrollHeight;
       setMaxHeight(`${height}px`);
     }
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     if (isOpen) {
       measure();
     } else {
@@ -12794,7 +13146,7 @@ var useMeasuredHeight = (isOpen) => {
   return { ref, maxHeight };
 };
 function FaqAccordion({ items, defaultOpenIds = [] }) {
-  const [openSet, setOpenSet] = useState26(new Set(defaultOpenIds));
+  const [openSet, setOpenSet] = useState27(new Set(defaultOpenIds));
   const toggle = (id) => {
     setOpenSet((prev) => {
       const next = new Set(prev);
@@ -13364,13 +13716,13 @@ init_unified_pagination();
 
 // src/components/footer-waitlist-button.tsx
 import { usePathname as usePathname2, useRouter as useRouter4 } from "next/navigation";
-import { useCallback as useCallback14 } from "react";
+import { useCallback as useCallback15 } from "react";
 init_button2();
 import { jsx as jsx97 } from "react/jsx-runtime";
 function FooterWaitlistButton({ className }) {
   const router = useRouter4();
   const pathname = usePathname2();
-  const handleClick = useCallback14(() => {
+  const handleClick = useCallback15(() => {
     if (pathname?.startsWith("/waitlist")) {
       const anchor = document.getElementById("waitlist-form");
       if (anchor) {
@@ -13397,13 +13749,13 @@ function FooterWaitlistButton({ className }) {
 
 // src/components/hero-image-uploader.tsx
 init_button2();
-import { useRef as useRef16, useState as useState27 } from "react";
+import { useRef as useRef17, useState as useState28 } from "react";
 import { Loader2 as Loader22, Image as ImageIcon, Upload, X as X6 } from "lucide-react";
 import { Fragment as Fragment14, jsx as jsx98, jsxs as jsxs78 } from "react/jsx-runtime";
 function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, objectFit = "cover", showReplaceButton = true, deferUpload = false, onUpload, onDelete }) {
-  const inputRef = useRef16(null);
+  const inputRef = useRef17(null);
   const { toast } = useToast();
-  const [uploading, setUploading] = useState27(false);
+  const [uploading, setUploading] = useState28(false);
   const ALLOWED_TYPES = ["image/jpeg", "image/jpg", "image/png", "image/webp", "image/gif"];
   const MAX_SIZE = 5 * 1024 * 1024;
   const openDialog = () => inputRef.current?.click();
@@ -13519,7 +13871,7 @@ function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, o
 }
 
 // src/components/icons-block.tsx
-import { useState as useState28, useEffect as useEffect21, useRef as useRef17 } from "react";
+import { useState as useState29, useEffect as useEffect22, useRef as useRef18 } from "react";
 
 // src/components/icons-stub.tsx
 import { DollarSign, Code, Users, Building, GitCompare, MessageSquare } from "lucide-react";
@@ -13555,11 +13907,11 @@ var availableIcons = [
   OpenmspLogo2
 ];
 function ResponsiveIconsBlock({ loading = false }) {
-  const [columns, setColumns] = useState28(24);
-  const [iconGrid, setIconGrid] = useState28([]);
-  const [iconsLoaded, setIconsLoaded] = useState28(false);
-  const randomSeedRef = useRef17(0);
-  useEffect21(() => {
+  const [columns, setColumns] = useState29(24);
+  const [iconGrid, setIconGrid] = useState29([]);
+  const [iconsLoaded, setIconsLoaded] = useState29(false);
+  const randomSeedRef = useRef18(0);
+  useEffect22(() => {
     function calculateColumns() {
       const cols = Math.ceil(window.innerWidth / 56) + 4;
       setColumns(cols);
@@ -13569,7 +13921,7 @@ function ResponsiveIconsBlock({ loading = false }) {
     setIconsLoaded(true);
     return () => window.removeEventListener("resize", calculateColumns);
   }, []);
-  useEffect21(() => {
+  useEffect22(() => {
     if (randomSeedRef.current === 0) {
       randomSeedRef.current = Date.now();
     }
@@ -13674,7 +14026,7 @@ function ResponsiveIconsBlock({ loading = false }) {
 
 // src/components/image-cropper.tsx
 init_button2();
-import { useCallback as useCallback15, useState as useState29 } from "react";
+import { useCallback as useCallback16, useState as useState30 } from "react";
 import Cropper from "react-easy-crop";
 
 // src/components/ui/slider.tsx
@@ -13732,15 +14084,15 @@ var ImageCropper = ({
   maxSizePx = 512,
   className
 }) => {
-  const [crop, setCrop] = useState29({ x: 0, y: 0 });
-  const [zoom, setZoom] = useState29(1);
-  const [rotation, setRotation] = useState29(0);
-  const [croppedAreaPixels, setCroppedAreaPixels] = useState29(null);
-  const onCropComplete = useCallback15((_, area) => {
+  const [crop, setCrop] = useState30({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState30(1);
+  const [rotation, setRotation] = useState30(0);
+  const [croppedAreaPixels, setCroppedAreaPixels] = useState30(null);
+  const onCropComplete = useCallback16((_, area) => {
     setCroppedAreaPixels(area);
   }, []);
   const checkerBg = "bg-[length:16px_16px] bg-[linear-gradient(45deg,transparent_25%,#2a2a2a_25%,#2a2a2a_75%,transparent_75%,transparent),linear-gradient(45deg,#2a2a2a_25%,transparent_25%,transparent_75%,#2a2a2a_75%,#2a2a2a)]";
-  const exportCrop = useCallback15(async () => {
+  const exportCrop = useCallback16(async () => {
     if (!croppedAreaPixels) return void 0;
     const img = await loadImage(src);
     const canvas = document.createElement("canvas");
@@ -13903,7 +14255,7 @@ var ImageCropper = ({
 
 // src/components/media-carousel.tsx
 init_cn();
-import { useState as useState30, useRef as useRef19, useEffect as useEffect23, memo as memo3, useCallback as useCallback16 } from "react";
+import { useState as useState31, useRef as useRef20, useEffect as useEffect24, memo as memo3, useCallback as useCallback17 } from "react";
 import { Fragment as Fragment15, jsx as jsx102, jsxs as jsxs81 } from "react/jsx-runtime";
 var ChevronLeftIcon = () => /* @__PURE__ */ jsx102("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx102("polyline", { points: "15,18 9,12 15,6" }) });
 var ChevronRightIcon = () => /* @__PURE__ */ jsx102("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx102("polyline", { points: "9,18 15,12 9,6" }) });
@@ -13915,12 +14267,12 @@ var MediaCarousel = memo3(function MediaCarousel2({
   autoPlay = false,
   objectFit = "contain"
 }) {
-  const [currentIndex, setCurrentIndex] = useState30(0);
-  const [touchStart, setTouchStart] = useState30(null);
-  const [touchEnd, setTouchEnd] = useState30(null);
-  const carouselRef = useRef19(null);
-  const thumbnailsRef = useRef19(null);
-  useEffect23(() => {
+  const [currentIndex, setCurrentIndex] = useState31(0);
+  const [touchStart, setTouchStart] = useState31(null);
+  const [touchEnd, setTouchEnd] = useState31(null);
+  const carouselRef = useRef20(null);
+  const thumbnailsRef = useRef20(null);
+  useEffect24(() => {
     if (currentIndex >= media.length && media.length > 0) {
       setCurrentIndex(media.length - 1);
     }
@@ -13932,17 +14284,17 @@ var MediaCarousel = memo3(function MediaCarousel2({
   if (!currentItem) {
     return null;
   }
-  const nextSlide = useCallback16(() => {
+  const nextSlide = useCallback17(() => {
     setCurrentIndex((prev) => (prev + 1) % media.length);
   }, [media.length]);
-  const prevSlide = useCallback16(() => {
+  const prevSlide = useCallback17(() => {
     setCurrentIndex((prev) => (prev - 1 + media.length) % media.length);
   }, [media.length]);
-  const selectSlide = useCallback16((index) => {
+  const selectSlide = useCallback17((index) => {
     if (index === currentIndex) return;
     setCurrentIndex(index);
   }, [currentIndex]);
-  const handleKeyDown = useCallback16((e) => {
+  const handleKeyDown = useCallback17((e) => {
     if (media.length <= 1) return;
     if (e.key === "ArrowLeft") {
       e.preventDefault();
@@ -16299,16 +16651,16 @@ function evaluateFeatureValue(value, dataType) {
 }
 
 // src/components/made-with-love.tsx
-import { useState as useState31, useEffect as useEffect24 } from "react";
+import { useState as useState32, useEffect as useEffect25 } from "react";
 import { jsx as jsx132, jsxs as jsxs106 } from "react/jsx-runtime";
 function MadeWithLove({
   className = "",
   size = "md",
   showOnMobile = true
 }) {
-  const [isMobile, setIsMobile] = useState31(false);
-  const [isHovered, setIsHovered] = useState31(false);
-  useEffect24(() => {
+  const [isMobile, setIsMobile] = useState32(false);
+  const [isHovered, setIsHovered] = useState32(false);
+  useEffect25(() => {
     const checkMobile = () => {
       setIsMobile(window.innerWidth < 640);
     };
@@ -16556,7 +16908,7 @@ function DateTimePicker({
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React45, { useRef as useRef20, useCallback as useCallback17 } from "react";
+import React45, { useRef as useRef21, useCallback as useCallback18 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
 import React44 from "react";
@@ -16822,10 +17174,10 @@ function OnboardingWalkthrough({
     allStepsComplete,
     markMultipleComplete
   } = useOnboardingState(storageKey);
-  const hasAutoMarkedRef = useRef20(false);
-  const autoMarkingInProgressRef = useRef20(false);
-  const lastCompletionStatusRef = useRef20(null);
-  const actionInProgressRef = useRef20(/* @__PURE__ */ new Set());
+  const hasAutoMarkedRef = useRef21(false);
+  const autoMarkingInProgressRef = useRef21(false);
+  const lastCompletionStatusRef = useRef21(null);
+  const actionInProgressRef = useRef21(/* @__PURE__ */ new Set());
   React45.useEffect(() => {
     if (isLoadingCompletion) {
       hasAutoMarkedRef.current = false;
@@ -16851,7 +17203,7 @@ function OnboardingWalkthrough({
       lastCompletionStatusRef.current = statusKey;
     }
   }, [completionStatus, isLoadingCompletion, state.completedSteps, markMultipleComplete]);
-  const handleStepAction = useCallback17(async (step) => {
+  const handleStepAction = useCallback18(async (step) => {
     if (actionInProgressRef.current.has(step.id)) {
       console.log(`\u23F3 Action already in progress for "${step.id}", skipping`);
       return;
@@ -17128,7 +17480,7 @@ function ProductReleaseCardSkeleton({ className, size = "default" }) {
 }
 
 // src/components/shared/product-release/release-detail-page.tsx
-import { useState as useState35, useEffect as useEffect26 } from "react";
+import { useState as useState36, useEffect as useEffect27 } from "react";
 import Link4 from "next/link";
 
 // src/components/layout/article-detail-layout.tsx
@@ -17147,7 +17499,7 @@ function ArticleDetailLayout({ children, schemas }) {
 }
 
 // src/components/ui/release-changelog-section.tsx
-import { useState as useState32 } from "react";
+import { useState as useState33 } from "react";
 
 // src/components/ui/badge.tsx
 init_cn();
@@ -17187,7 +17539,7 @@ function ReleaseChangelogSection({
   defaultCollapsed = true,
   SimpleMarkdownRenderer: SimpleMarkdownRenderer2
 }) {
-  const [collapsed, setCollapsed] = useState32(collapsible ? defaultCollapsed : false);
+  const [collapsed, setCollapsed] = useState33(collapsible ? defaultCollapsed : false);
   if (!entries || entries.length === 0) return null;
   const showEntries = !collapsible || !collapsed;
   return /* @__PURE__ */ jsxs113("div", { className: "space-y-4", children: [
@@ -17222,7 +17574,7 @@ function ReleaseChangelogSection({
 }
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState33, useEffect as useEffect25 } from "react";
+import { useState as useState34, useEffect as useEffect26 } from "react";
 import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight7 } from "lucide-react";
 import Image8 from "next/image";
 import { Fragment as Fragment21, jsx as jsx143, jsxs as jsxs114 } from "react/jsx-runtime";
@@ -17232,8 +17584,8 @@ function ImageGalleryModal({
   onClose,
   initialIndex = 0
 }) {
-  const [selectedImageIndex, setSelectedImageIndex] = useState33(initialIndex);
-  useEffect25(() => {
+  const [selectedImageIndex, setSelectedImageIndex] = useState34(initialIndex);
+  useEffect26(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
     }
@@ -17248,7 +17600,7 @@ function ImageGalleryModal({
       setSelectedImageIndex(selectedImageIndex + 1);
     }
   };
-  useEffect25(() => {
+  useEffect26(() => {
     const handleKeyPress = (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -17357,7 +17709,7 @@ import React48 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check2 } from "lucide-react";
 import Link3 from "next/link";
-import React47, { useCallback as useCallback18, useState as useState34 } from "react";
+import React47, { useCallback as useCallback19, useState as useState35 } from "react";
 init_cn();
 init_button2();
 import { Fragment as Fragment22, jsx as jsx144, jsxs as jsxs115 } from "react/jsx-runtime";
@@ -17365,7 +17717,7 @@ var ROW_CLASSES = "flex flex-1 min-w-0 items-center gap-2 px-3 py-3 cursor-point
 var WRAPPER_CLASSES = "relative flex items-stretch border-b border-ods-border last:border-b-0";
 var SECONDARY_ACTION_CLASSES = "flex w-10 shrink-0 items-center justify-center self-stretch border-l border-ods-border transition-colors hover:bg-ods-bg-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus";
 var SecondaryAction = ({ action }) => {
-  const handleClick = useCallback18(
+  const handleClick = useCallback19(
     (e) => {
       e.stopPropagation();
       if (action.disabled) {
@@ -17410,7 +17762,7 @@ var SecondaryAction = ({ action }) => {
   );
 };
 var MenuItem = ({ item, onItemClick }) => {
-  const activate = useCallback18(() => {
+  const activate = useCallback19(() => {
     if (item.disabled) return;
     if (item.type === "checkbox") {
       item.onClick?.();
@@ -17421,7 +17773,7 @@ var MenuItem = ({ item, onItemClick }) => {
     item.onClick?.();
     onItemClick?.(item);
   }, [item, onItemClick]);
-  const handleClick = useCallback18(
+  const handleClick = useCallback19(
     (e) => {
       e.stopPropagation();
       e.preventDefault();
@@ -17429,7 +17781,7 @@ var MenuItem = ({ item, onItemClick }) => {
     },
     [activate]
   );
-  const handleKeyDown = useCallback18(
+  const handleKeyDown = useCallback19(
     (e) => {
       if (e.key !== "Enter" && e.key !== " ") return;
       e.preventDefault();
@@ -17438,7 +17790,7 @@ var MenuItem = ({ item, onItemClick }) => {
     },
     [activate]
   );
-  const handleLinkClick = useCallback18(
+  const handleLinkClick = useCallback19(
     (e) => {
       if (item.disabled) {
         e.preventDefault();
@@ -17598,8 +17950,8 @@ var ActionsMenuDropdown = ({
   side = "bottom",
   sideOffset = 6
 }) => {
-  const [open, setOpen] = useState34(false);
-  const handleItemClick = useCallback18(
+  const [open, setOpen] = useState35(false);
+  const handleItemClick = useCallback19(
     (item) => {
       onItemClick?.(item);
       if (item.type !== "checkbox" && item.type !== "submenu") {
@@ -18121,13 +18473,13 @@ function ReleaseDetailPage({
 }) {
   const { data: fetchedRelease, error, isLoading } = useRelease(initialData ? void 0 : slug);
   const release = initialData || fetchedRelease;
-  const [galleryOpen, setGalleryOpen] = useState35(false);
-  const [galleryIndex, setGalleryIndex] = useState35(0);
-  const [roadmapTasks, setRoadmapTasks] = useState35([]);
-  const [deliveryData, setDeliveryData] = useState35(null);
-  const [roadmapLoading, setRoadmapLoading] = useState35(false);
-  const [deliveryLoading, setDeliveryLoading] = useState35(false);
-  useEffect26(() => {
+  const [galleryOpen, setGalleryOpen] = useState36(false);
+  const [galleryIndex, setGalleryIndex] = useState36(0);
+  const [roadmapTasks, setRoadmapTasks] = useState36([]);
+  const [deliveryData, setDeliveryData] = useState36(null);
+  const [roadmapLoading, setRoadmapLoading] = useState36(false);
+  const [deliveryLoading, setDeliveryLoading] = useState36(false);
+  useEffect27(() => {
     async function fetchLinkedTasks() {
       if (!release) return;
       try {
@@ -18702,7 +19054,7 @@ function CompactPageLoader({
 }
 
 // src/components/ui/progress-bar.tsx
-import { useEffect as useEffect28, useRef as useRef21, useState as useState37 } from "react";
+import { useEffect as useEffect29, useRef as useRef22, useState as useState38 } from "react";
 import { jsx as jsx156 } from "react/jsx-runtime";
 var ProgressBar = ({
   progress,
@@ -18718,9 +19070,9 @@ var ProgressBar = ({
   const isMdUp = useMdUp() ?? true;
   const effectiveSegmentWidth = isMdUp ? segmentWidth : mobileSegmentWidth;
   const effectiveHeight = isMdUp ? height : mobileHeight;
-  const containerRef = useRef21(null);
-  const [segmentCount, setSegmentCount] = useState37(0);
-  useEffect28(() => {
+  const containerRef = useRef22(null);
+  const [segmentCount, setSegmentCount] = useState38(0);
+  useEffect29(() => {
     if (!containerRef.current) return;
     const resizeObserver = new ResizeObserver(() => {
       if (containerRef.current) {
@@ -19544,11 +19896,11 @@ DialogDescription.displayName = DialogPrimitive3.Description.displayName;
 // src/components/ui/modal.tsx
 init_cn();
 import * as React58 from "react";
-import { useEffect as useEffect29 } from "react";
+import { useEffect as useEffect30 } from "react";
 import { jsx as jsx162, jsxs as jsxs131 } from "react/jsx-runtime";
 var Modal = React58.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
-    useEffect29(() => {
+    useEffect30(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
           onClose();
@@ -19630,13 +19982,13 @@ ModalFooter.displayName = "ModalFooter";
 
 // src/components/ui/modal-v2.tsx
 import * as React59 from "react";
-import { useEffect as useEffect30 } from "react";
+import { useEffect as useEffect31 } from "react";
 init_cn();
 import { jsx as jsx163, jsxs as jsxs132 } from "react/jsx-runtime";
 var ModalContext = React59.createContext({});
 var Modal2 = React59.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
-    useEffect30(() => {
+    useEffect31(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
           onClose();
@@ -20267,7 +20619,7 @@ function TabContent({
 
 // src/components/ui/tab-navigation.tsx
 init_cn();
-import { useState as useState40, useEffect as useEffect31, useMemo as useMemo14, useRef as useRef23, useCallback as useCallback20 } from "react";
+import { useState as useState41, useEffect as useEffect32, useMemo as useMemo14, useRef as useRef24, useCallback as useCallback21 } from "react";
 import { useSearchParams as useSearchParams3, useRouter as useRouter5, usePathname as usePathname3 } from "next/navigation";
 import { Fragment as Fragment25, jsx as jsx171, jsxs as jsxs139 } from "react/jsx-runtime";
 function TabNavigation({
@@ -20298,9 +20650,9 @@ function TabNavigation({
     }
     return defaultTab || tabs[0]?.id || "";
   };
-  const [internalActiveTab, setInternalActiveTab] = useState40(getInitialTab);
+  const [internalActiveTab, setInternalActiveTab] = useState41(getInitialTab);
   const activeTab = isUrlSyncEnabled ? internalActiveTab : controlledActiveTab || "";
-  useEffect31(() => {
+  useEffect32(() => {
     if (!isUrlSyncEnabled) return;
     const fromUrl = searchParams?.get(paramName) || "";
     const nextTab = validTabIds.has(fromUrl) ? fromUrl : defaultTab || tabs[0]?.id || "";
@@ -20320,16 +20672,16 @@ function TabNavigation({
       controlledOnTabChange?.(tabId);
     }
   };
-  const scrollRef = useRef23(null);
-  const [canScrollLeft, setCanScrollLeft] = useState40(false);
-  const [canScrollRight, setCanScrollRight] = useState40(false);
-  const updateScrollShadows = useCallback20(() => {
+  const scrollRef = useRef24(null);
+  const [canScrollLeft, setCanScrollLeft] = useState41(false);
+  const [canScrollRight, setCanScrollRight] = useState41(false);
+  const updateScrollShadows = useCallback21(() => {
     const el = scrollRef.current;
     if (!el) return;
     setCanScrollLeft(el.scrollLeft > 0);
     setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
   }, []);
-  useEffect31(() => {
+  useEffect32(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollShadows();
@@ -20518,11 +20870,11 @@ function StatusIndicator({ status, label, href }) {
 
 // src/components/layout/list-page-layout.tsx
 init_cn();
-import { useEffect as useEffect33, useState as useState42 } from "react";
+import { useEffect as useEffect34, useState as useState43 } from "react";
 
 // src/components/ui/filter-modal.tsx
 init_cn();
-import { useEffect as useEffect32, useState as useState41 } from "react";
+import { useEffect as useEffect33, useState as useState42 } from "react";
 init_button2();
 
 // src/components/ui/filter-checkbox-item.tsx
@@ -20718,11 +21070,11 @@ function FilterModal({
   emptyStateTitle = "No filters available",
   emptyStateDescription = "There are no filter options to display at the moment"
 }) {
-  const [selectedFilters, setSelectedFilters] = useState41(() => {
+  const [selectedFilters, setSelectedFilters] = useState42(() => {
     return { ...currentFilters };
   });
-  const [pendingTags, setPendingTags] = useState41(selectedTags ?? []);
-  useEffect32(() => {
+  const [pendingTags, setPendingTags] = useState42(selectedTags ?? []);
+  useEffect33(() => {
     if (isOpen) {
       setSelectedFilters({ ...currentFilters });
       setPendingTags(selectedTags ?? []);
@@ -20865,13 +21217,13 @@ function ListPageLayout({
   mobileFilterTitle,
   stickyHeader = false
 }) {
-  const [mobileFilterOpen, setMobileFilterOpen] = useState42(false);
-  const [localSearchValue, setLocalSearchValue] = useState42(searchValue);
+  const [mobileFilterOpen, setMobileFilterOpen] = useState43(false);
+  const [localSearchValue, setLocalSearchValue] = useState43(searchValue);
   const debouncedSearchValue = useDebounce(localSearchValue, 500);
-  useEffect33(() => {
+  useEffect34(() => {
     setLocalSearchValue(searchValue);
   }, [searchValue]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (debouncedSearchValue !== searchValue) {
       onSearch(debouncedSearchValue);
     }
@@ -22409,7 +22761,7 @@ function OrganizationCard({
 
 // src/components/ui/service-card.tsx
 init_cn();
-import { useMemo as useMemo17, useState as useState44 } from "react";
+import { useMemo as useMemo17, useState as useState45 } from "react";
 import { ExternalLink as ExternalLink3 } from "lucide-react";
 
 // src/components/logs-list.tsx
@@ -22713,7 +23065,7 @@ function ServiceCard({ title, subtitle, icon, tag, rows, className }) {
   ] });
 }
 function ServiceCardRowItem({ row }) {
-  const [revealed, setRevealed] = useState44(false);
+  const [revealed, setRevealed] = useState45(false);
   const { copy, copied } = useCopyToClipboard();
   const actions = useMemo17(() => ({ copy: true, open: !!row.href, reveal: !!row.isSecret, ...row.actions }), [row]);
   const displayValue = row.isSecret ? /* @__PURE__ */ jsx204(MaskedValue, { value: row.value, isRevealed: revealed }) : /* @__PURE__ */ jsx204("span", { children: row.value });
@@ -23048,7 +23400,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx209(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect34, useRef as useRef26 } from "react";
+import { useEffect as useEffect35, useRef as useRef27 } from "react";
 init_pagination();
 init_button2();
 
@@ -23799,10 +24151,10 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef26(null);
-  const onLoadMoreRef = useRef26(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef27(null);
+  const onLoadMoreRef = useRef27(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect34(() => {
+  useEffect35(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -24014,7 +24366,7 @@ import { useMemo as useMemo18 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef27, useState as useState45, useCallback as useCallback21 } from "react";
+import { useRef as useRef28, useState as useState46, useCallback as useCallback22 } from "react";
 import { jsx as jsx220, jsxs as jsxs178 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -24043,9 +24395,9 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef27(null);
-  const [isTruncated, setIsTruncated] = useState45(false);
-  const checkTruncation = useCallback21(() => {
+  const textRef = useRef28(null);
+  const [isTruncated, setIsTruncated] = useState46(false);
+  const checkTruncation = useCallback22(() => {
     const el = textRef.current;
     if (el) {
       setIsTruncated(el.scrollWidth > el.clientWidth);
@@ -24073,7 +24425,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef28, useState as useState46, useCallback as useCallback22 } from "react";
+import { useRef as useRef29, useState as useState47, useCallback as useCallback23 } from "react";
 import { jsx as jsx221, jsxs as jsxs179 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -24119,9 +24471,9 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef28(null);
-  const [isTruncated, setIsTruncated] = useState46(false);
-  const checkTruncation = useCallback22(() => {
+  const textRef = useRef29(null);
+  const [isTruncated, setIsTruncated] = useState47(false);
+  const checkTruncation = useCallback23(() => {
     const el = textRef.current;
     if (el) {
       setIsTruncated(el.scrollWidth > el.clientWidth);
@@ -24384,7 +24736,7 @@ init_cn();
 
 // src/components/ui/data-table/data-table-column-filter.tsx
 init_cn();
-import { useCallback as useCallback23, useMemo as useMemo19 } from "react";
+import { useCallback as useCallback24, useMemo as useMemo19 } from "react";
 
 // src/components/ui/data-table/utils.ts
 function getHideClasses2(hideAt) {
@@ -24444,14 +24796,14 @@ function DataTableColumnFilter({
     () => ({ [column.id]: currentValue ?? EMPTY_ARRAY }),
     [column.id, currentValue]
   );
-  const handleApply = useCallback23(
+  const handleApply = useCallback24(
     (applied) => {
       const next = applied[column.id] ?? [];
       column.setFilterValue(next.length > 0 ? next : void 0);
     },
     [column]
   );
-  const handleReset = useCallback23(() => {
+  const handleReset = useCallback24(() => {
     column.setFilterValue(void 0);
   }, [column]);
   return /* @__PURE__ */ jsx225(
@@ -24638,7 +24990,7 @@ function DataTableEmpty({
 // src/components/ui/data-table/data-table-row.tsx
 init_cn();
 import Link10 from "next/link";
-import { memo as memo4, useCallback as useCallback24 } from "react";
+import { memo as memo4, useCallback as useCallback25 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
@@ -24719,7 +25071,7 @@ function DataTableRowImpl({
   className
 }) {
   const isLinkMode = Boolean(href) && !onClick;
-  const handleClick = useCallback24(
+  const handleClick = useCallback25(
     (e) => {
       const target = e.target;
       if (target.closest("[data-no-row-click]")) return;
@@ -24856,7 +25208,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect35, useRef as useRef29 } from "react";
+import { useEffect as useEffect36, useRef as useRef30 } from "react";
 import { Fragment as Fragment37, jsx as jsx231, jsxs as jsxs188 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -24865,10 +25217,10 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef29(null);
-  const onLoadMoreRef = useRef29(onLoadMore);
+  const sentinelRef = useRef30(null);
+  const onLoadMoreRef = useRef30(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect35(() => {
+  useEffect36(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -24993,7 +25345,7 @@ var DataTable = Object.assign(DataTableRoot, {
 });
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback25, useEffect as useEffect36, useMemo as useMemo20, useRef as useRef30, useState as useState47 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect37, useMemo as useMemo20, useRef as useRef31, useState as useState48 } from "react";
 import { jsx as jsx233, jsxs as jsxs190 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -25010,10 +25362,10 @@ function PhoneInput({
     () => [...priority, ...others].find((c) => c.code === countryCode),
     [countryCode, priority, others]
   );
-  const [isInvalid, setIsInvalid] = useState47(false);
-  const debounceRef = useRef30(null);
-  const digitCount = useCallback25((val) => val.replace(/[^0-9]/g, "").length, []);
-  const runValidation = useCallback25((phone) => {
+  const [isInvalid, setIsInvalid] = useState48(false);
+  const debounceRef = useRef31(null);
+  const digitCount = useCallback26((val) => val.replace(/[^0-9]/g, "").length, []);
+  const runValidation = useCallback26((phone) => {
     if (!phone || digitCount(phone) === 0) {
       setIsInvalid(false);
       onValidationChange?.(false);
@@ -25023,11 +25375,11 @@ function PhoneInput({
     setIsInvalid(invalid);
     onValidationChange?.(invalid);
   }, [countryCode, digitCount, onValidationChange]);
-  const debouncedValidation = useCallback25((phone) => {
+  const debouncedValidation = useCallback26((phone) => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => runValidation(phone), 300);
   }, [runValidation]);
-  useEffect36(() => {
+  useEffect37(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
@@ -25598,9 +25950,9 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect38,
-  useRef as useRef32,
-  useState as useState49
+  useEffect as useEffect39,
+  useRef as useRef33,
+  useState as useState50
 } from "react";
 init_cn();
 import { jsx as jsx236, jsxs as jsxs193 } from "react/jsx-runtime";
@@ -25634,11 +25986,11 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef32(null);
-  const hiddenTagsRef = useRef32(null);
-  const hiddenTagsPopupRef = useRef32(null);
-  const [showHiddenTags, setShowHiddenTags] = useState49(false);
-  useEffect38(() => {
+  const wrapperRef = useRef33(null);
+  const hiddenTagsRef = useRef33(null);
+  const hiddenTagsPopupRef = useRef33(null);
+  const [showHiddenTags, setShowHiddenTags] = useState50(false);
+  useEffect39(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -25794,7 +26146,7 @@ function TagSearchInput({
 
 // src/components/ui/markdown-editor.tsx
 init_cn();
-import { useRef as useRef33, useCallback as useCallback26, useState as useState50, useEffect as useEffect39 } from "react";
+import { useRef as useRef34, useCallback as useCallback27, useState as useState51, useEffect as useEffect40 } from "react";
 import dynamic from "next/dynamic";
 import { Loader2 as Loader23, Upload as Upload2 } from "lucide-react";
 import { jsx as jsx237, jsxs as jsxs194 } from "react/jsx-runtime";
@@ -25825,7 +26177,7 @@ body .w-md-editor .w-md-editor-bar::after { content: '' !important; display: blo
 body .w-md-editor .w-md-editor-bar:hover::after { border-color: var(--color-text-secondary) !important; }
 `;
 function MarkdownEditorStyles() {
-  useEffect39(() => {
+  useEffect40(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -25849,11 +26201,11 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef33(null);
-  const [isUploading, setIsUploading] = useState50(false);
-  const [uploadProgress, setUploadProgress] = useState50("");
-  const [defaultExtraCommands, setDefaultExtraCommands] = useState50([]);
-  useEffect39(() => {
+  const fileInputRef = useRef34(null);
+  const [isUploading, setIsUploading] = useState51(false);
+  const [uploadProgress, setUploadProgress] = useState51("");
+  const [defaultExtraCommands, setDefaultExtraCommands] = useState51([]);
+  useEffect40(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -25863,7 +26215,7 @@ function MarkdownEditor({
   const handleChange = (val) => {
     onChange(val || "");
   };
-  const insertTextAtCursor = useCallback26(
+  const insertTextAtCursor = useCallback27(
     (text) => {
       const textarea = document.querySelector(
         ".w-md-editor-text-textarea"
@@ -25879,7 +26231,7 @@ function MarkdownEditor({
     },
     [value, onChange]
   );
-  const handleFileUpload = useCallback26(
+  const handleFileUpload = useCallback27(
     async (file) => {
       if (!onUploadFile) return;
       setIsUploading(true);
@@ -25900,7 +26252,7 @@ function MarkdownEditor({
     },
     [onUploadFile, insertTextAtCursor, onFileUploaded]
   );
-  const handleFileInputChange = useCallback26(
+  const handleFileInputChange = useCallback27(
     (e) => {
       const file = e.target.files?.[0];
       if (file) {
@@ -25910,7 +26262,7 @@ function MarkdownEditor({
     },
     [handleFileUpload]
   );
-  const handlePaste = useCallback26(
+  const handlePaste = useCallback27(
     (e) => {
       if (!onUploadFile) return;
       const items = e.clipboardData?.items;
@@ -25942,14 +26294,14 @@ function MarkdownEditor({
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef33(null);
-  const isDraggingRef = useRef33(false);
-  const mouseYRef = useRef33(0);
-  const rafRef = useRef33(0);
-  const scrollParentRef = useRef33(window);
+  const wrapperRef = useRef34(null);
+  const isDraggingRef = useRef34(false);
+  const mouseYRef = useRef34(0);
+  const rafRef = useRef34(0);
+  const scrollParentRef = useRef34(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
-  const findScrollParent = useCallback26((el) => {
+  const findScrollParent = useCallback27((el) => {
     let node = el?.parentElement;
     while (node && node !== document.documentElement) {
       const { overflowY } = window.getComputedStyle(node);
@@ -25960,7 +26312,7 @@ function MarkdownEditor({
     }
     return window;
   }, []);
-  const scrollLoop = useCallback26(() => {
+  const scrollLoop = useCallback27(() => {
     if (!isDraggingRef.current) return;
     const parent = scrollParentRef.current;
     const isWindow = parent === window;
@@ -25976,7 +26328,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect39(() => {
+  useEffect40(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -27226,14 +27578,14 @@ function ArrayEntryManager({
   renderLabel,
   isSaving = false
 }) {
-  const [draftItems, setDraftItems] = useState56(items);
-  const [isDirty, setIsDirty] = useState56(false);
-  useEffect42(() => {
+  const [draftItems, setDraftItems] = useState57(items);
+  const [isDirty, setIsDirty] = useState57(false);
+  useEffect43(() => {
     if (!isDirty && !isSaving) {
       setDraftItems(items);
     }
   }, [items, isDirty, isSaving]);
-  useEffect42(() => {
+  useEffect43(() => {
     if (onDirtyChange) {
       onDirtyChange(isDirty);
     }
@@ -27343,7 +27695,7 @@ function ArrayEntryManager({
 
 // src/components/features/provider-button.tsx
 init_button2();
-import { useState as useState57 } from "react";
+import { useState as useState58 } from "react";
 import { jsx as jsx247 } from "react/jsx-runtime";
 var PROVIDER_CONFIG = {
   microsoft: {
@@ -27364,7 +27716,7 @@ var PROVIDER_CONFIG = {
   }
 };
 function ProviderButton({ provider, onClick, disabled = false, loading = false }) {
-  const [internalLoading, setInternalLoading] = useState57(false);
+  const [internalLoading, setInternalLoading] = useState58(false);
   const config = PROVIDER_CONFIG[provider];
   const IconComponent = config.icon;
   const isLoading = loading || internalLoading;
@@ -27448,7 +27800,7 @@ function AuthProvidersList({
 
 // src/components/features/changelog-manager.tsx
 import { Trash2 as Trash23, Plus as Plus3, ChevronDown as ChevronDown7, ChevronUp as ChevronUp3, Eye, EyeOff } from "lucide-react";
-import { useState as useState58, useEffect as useEffect43 } from "react";
+import { useState as useState59, useEffect as useEffect44 } from "react";
 import { jsx as jsx249, jsxs as jsxs205 } from "react/jsx-runtime";
 function ChangelogManager({
   title,
@@ -27458,8 +27810,8 @@ function ChangelogManager({
   expandAll = false,
   showVisibilityToggle = false
 }) {
-  const [expandedIndices, setExpandedIndices] = useState58(/* @__PURE__ */ new Set());
-  useEffect43(() => {
+  const [expandedIndices, setExpandedIndices] = useState59(/* @__PURE__ */ new Set());
+  useEffect44(() => {
     if (expandAll && entries.length > 0) {
       setExpandedIndices(new Set(entries.map((_, i) => i)));
     }
@@ -27771,7 +28123,7 @@ var ErrorBoundary = class extends Component {
 
 // src/components/features/figma-prototype-viewer.tsx
 init_cn();
-import { useState as useState59, useRef as useRef36, useEffect as useEffect44, useCallback as useCallback28, useMemo as useMemo24 } from "react";
+import { useState as useState60, useRef as useRef37, useEffect as useEffect45, useCallback as useCallback29, useMemo as useMemo24 } from "react";
 
 // src/components/features/section-selector.tsx
 init_cn();
@@ -28140,27 +28492,27 @@ var FigmaPrototypeViewer = ({
 }) => {
   const clientId = process.env.NEXT_PUBLIC_FIGMA_CLIENT_ID || "UTQPwZHR9OZp68TTGPFFi5";
   const showDebugPanel = process.env.NEXT_PUBLIC_FIGMA_DEBUG === "true";
-  const iframeRef = useRef36(null);
-  const containerRef = useRef36(null);
-  const navTimerRef = useRef36(null);
-  const touchTimerRef = useRef36(null);
-  const [screenWidth, setScreenWidth] = useState59(
+  const iframeRef = useRef37(null);
+  const containerRef = useRef37(null);
+  const navTimerRef = useRef37(null);
+  const touchTimerRef = useRef37(null);
+  const [screenWidth, setScreenWidth] = useState60(
     typeof window !== "undefined" ? window.innerWidth : DESKTOP_BREAKPOINT
   );
-  const [isTouchDevice, setIsTouchDevice] = useState59(() => {
+  const [isTouchDevice, setIsTouchDevice] = useState60(() => {
     if (typeof window === "undefined") return false;
     return "ontouchstart" in window;
   });
-  const [iframeState, setIframeState] = useState59("INITIAL");
-  const [iframeKey, setIframeKey] = useState59(0);
-  const [isInitialized, setIsInitialized] = useState59(false);
-  const [currentNodeId, setCurrentNodeId] = useState59(null);
-  const [internalActiveSection, setInternalActiveSection] = useState59(
+  const [iframeState, setIframeState] = useState60("INITIAL");
+  const [iframeKey, setIframeKey] = useState60(0);
+  const [isInitialized, setIsInitialized] = useState60(false);
+  const [currentNodeId, setCurrentNodeId] = useState60(null);
+  const [internalActiveSection, setInternalActiveSection] = useState60(
     config.defaultSectionId || config.sections[0]?.id || ""
   );
   const activeSection = externalActiveSection || internalActiveSection;
-  const [isNavigating, setIsNavigating] = useState59(false);
-  const [containerDimensions, setContainerDimensions] = useState59({ width: 1200, height: 800 });
+  const [isNavigating, setIsNavigating] = useState60(false);
+  const [containerDimensions, setContainerDimensions] = useState60({ width: 1200, height: 800 });
   const viewMode = useMemo24(
     () => getViewMode(screenWidth, isTouchDevice),
     [screenWidth, isTouchDevice]
@@ -28209,7 +28561,7 @@ var FigmaPrototypeViewer = ({
     embedUrl,
     iframeKey
   ]);
-  useEffect44(() => {
+  useEffect45(() => {
     const handleResize = () => {
       const newWidth = window.innerWidth;
       setScreenWidth(newWidth);
@@ -28222,8 +28574,8 @@ var FigmaPrototypeViewer = ({
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, []);
-  const [lastViewMode, setLastViewMode] = useState59(viewMode);
-  useEffect44(() => {
+  const [lastViewMode, setLastViewMode] = useState60(viewMode);
+  useEffect45(() => {
     if (lastViewMode !== viewMode && iframeState === "READY") {
       console.log("[ViewMode Change]", lastViewMode, "\u2192", viewMode);
       setIframeState("RELOADING");
@@ -28231,7 +28583,7 @@ var FigmaPrototypeViewer = ({
     }
     setLastViewMode(viewMode);
   }, [viewMode, lastViewMode, iframeState]);
-  useEffect44(() => {
+  useEffect45(() => {
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible" && iframeState === "READY") {
         console.log("[Sleep Recovery] Reloading iframe after sleep");
@@ -28242,7 +28594,7 @@ var FigmaPrototypeViewer = ({
     document.addEventListener("visibilitychange", handleVisibilityChange);
     return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
   }, [iframeState]);
-  useEffect44(() => {
+  useEffect45(() => {
     const handleMessage = (event) => {
       if (event.origin !== "https://www.figma.com") return;
       const validEvents = ["INITIAL_LOAD", "NEW_STATE", "PRESENTED_NODE_CHANGED"];
@@ -28279,7 +28631,7 @@ var FigmaPrototypeViewer = ({
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, [config.sections, activeSection, isNavigating, externalActiveSection, config.onSectionChange, viewMode]);
-  const navigateToSection = useCallback28((sectionId) => {
+  const navigateToSection = useCallback29((sectionId) => {
     const section = config.sections.find((s) => s.id === sectionId);
     if (!section || !iframeRef.current?.contentWindow || !isInitialized) {
       return;
@@ -28303,7 +28655,7 @@ var FigmaPrototypeViewer = ({
     if (navTimerRef.current) clearTimeout(navTimerRef.current);
     navTimerRef.current = setTimeout(() => setIsNavigating(false), 500);
   }, [config, isInitialized, viewMode, externalActiveSection]);
-  const handleSectionClick = useCallback28((sectionId) => {
+  const handleSectionClick = useCallback29((sectionId) => {
     const sectionsDisabled = iframeState !== "READY" || isNavigating;
     if (sectionId === activeSection || sectionsDisabled) {
       return;
@@ -28314,7 +28666,7 @@ var FigmaPrototypeViewer = ({
       navigateToSection(sectionId);
     }
   }, [activeSection, iframeState, isNavigating, externalOnSectionClick, navigateToSection]);
-  const handleTouchStart = useCallback28((e) => {
+  const handleTouchStart = useCallback29((e) => {
     const overlayElement = e.currentTarget;
     console.log("[Touch] Touch detected, allowing iframe interaction");
     overlayElement.style.pointerEvents = "none";
@@ -28326,12 +28678,12 @@ var FigmaPrototypeViewer = ({
       }
     }, 500);
   }, []);
-  useEffect44(() => {
+  useEffect45(() => {
     if (externalActiveSection && externalActiveSection !== activeSection && isInitialized) {
       navigateToSection(externalActiveSection);
     }
   }, [externalActiveSection, activeSection, isInitialized, navigateToSection]);
-  useEffect44(() => {
+  useEffect45(() => {
     return () => {
       if (navTimerRef.current) clearTimeout(navTimerRef.current);
       if (touchTimerRef.current) clearTimeout(touchTimerRef.current);
@@ -28434,7 +28786,7 @@ var FigmaPrototypeViewer = ({
 
 // src/components/features/filters-dropdown.tsx
 init_cn();
-import { useEffect as useEffect45, useRef as useRef37, useState as useState60 } from "react";
+import { useEffect as useEffect46, useRef as useRef38, useState as useState61 } from "react";
 import { jsx as jsx255, jsxs as jsxs210 } from "react/jsx-runtime";
 var FilterCheckbox = ({ checked, disabled = false, className }) => {
   return /* @__PURE__ */ jsx255(
@@ -28466,15 +28818,15 @@ var FiltersDropdown = ({
   placement = "bottom-start",
   responsive = true
 }) => {
-  const [isOpen, setIsOpen] = useState60(false);
-  const [shouldRender, setShouldRender] = useState60(false);
-  const [isVisible, setIsVisible] = useState60(false);
-  const [isMobile, setIsMobile] = useState60(false);
-  const [actualPlacement, setActualPlacement] = useState60(placement);
-  const dropdownRef = useRef37(null);
-  const triggerRef = useRef37(null);
-  const containerRef = useRef37(null);
-  useEffect45(() => {
+  const [isOpen, setIsOpen] = useState61(false);
+  const [shouldRender, setShouldRender] = useState61(false);
+  const [isVisible, setIsVisible] = useState61(false);
+  const [isMobile, setIsMobile] = useState61(false);
+  const [actualPlacement, setActualPlacement] = useState61(placement);
+  const dropdownRef = useRef38(null);
+  const triggerRef = useRef38(null);
+  const containerRef = useRef38(null);
+  useEffect46(() => {
     if (isOpen) {
       setShouldRender(true);
       let id2 = 0;
@@ -28490,7 +28842,7 @@ var FiltersDropdown = ({
     const t = setTimeout(() => setShouldRender(false), ANIMATION_MS);
     return () => clearTimeout(t);
   }, [isOpen]);
-  useEffect45(() => {
+  useEffect46(() => {
     if (!responsive) {
       setIsMobile(false);
       return;
@@ -28502,7 +28854,7 @@ var FiltersDropdown = ({
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, [responsive]);
-  useEffect45(() => {
+  useEffect46(() => {
     if (!isOpen || isMobile || !triggerRef.current) return;
     const calculateOptimalPlacement = () => {
       const trigger = triggerRef.current;
@@ -28528,7 +28880,7 @@ var FiltersDropdown = ({
     window.addEventListener("resize", calculateOptimalPlacement);
     return () => window.removeEventListener("resize", calculateOptimalPlacement);
   }, [isOpen, isMobile, placement]);
-  const [selectedFilters, setSelectedFilters] = useState60(() => {
+  const [selectedFilters, setSelectedFilters] = useState61(() => {
     if (currentFilters) {
       return { ...currentFilters };
     }
@@ -28539,12 +28891,12 @@ var FiltersDropdown = ({
     return initial;
   });
   const currentFiltersStr = currentFilters ? JSON.stringify(currentFilters) : "";
-  useEffect45(() => {
+  useEffect46(() => {
     if (currentFilters) {
       setSelectedFilters({ ...currentFilters });
     }
   }, [currentFiltersStr]);
-  useEffect45(() => {
+  useEffect46(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -28561,7 +28913,7 @@ var FiltersDropdown = ({
       };
     }
   }, [isOpen, placement]);
-  useEffect45(() => {
+  useEffect46(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && isOpen) {
         setIsOpen(false);
@@ -28748,7 +29100,7 @@ var FiltersDropdown = ({
   ] });
 };
 var useFiltersDropdown = (initialSections) => {
-  const [appliedFilters, setAppliedFilters] = useState60(() => {
+  const [appliedFilters, setAppliedFilters] = useState61(() => {
     const initial = {};
     initialSections.forEach((section) => {
       if (section.defaultSelected) {
@@ -28827,13 +29179,13 @@ function KnowledgeBaseLinksManager({
 }
 
 // src/components/features/loading-provider.tsx
-import { createContext as createContext7, useContext as useContext7, useState as useState61, useEffect as useEffect46 } from "react";
+import { createContext as createContext7, useContext as useContext7, useState as useState62, useEffect as useEffect47 } from "react";
 import { jsx as jsx258, jsxs as jsxs211 } from "react/jsx-runtime";
 var LoadingContext = createContext7(void 0);
 function LoadingProvider({ children }) {
-  const [isLoading, setIsLoading] = useState61(false);
-  const [progress, setProgress] = useState61(0);
-  useEffect46(() => {
+  const [isLoading, setIsLoading] = useState62(false);
+  const [progress, setProgress] = useState62(0);
+  useEffect47(() => {
     let interval;
     if (isLoading) {
       setProgress(10);
@@ -28878,7 +29230,7 @@ function useLoading() {
 }
 
 // src/components/features/media-gallery-manager.tsx
-import { useState as useState62, useRef as useRef38, useCallback as useCallback29 } from "react";
+import { useState as useState63, useRef as useRef39, useCallback as useCallback30 } from "react";
 import {
   Upload as Upload3,
   Image as ImageIcon2,
@@ -28899,10 +29251,10 @@ function MediaGalleryManager({
   modalTitle = "Media Gallery",
   className = ""
 }) {
-  const fileInputRef = useRef38(null);
-  const [deletingIndex, setDeletingIndex] = useState62(null);
-  const [draggedIndex, setDraggedIndex] = useState62(null);
-  const handleFileSelect = useCallback29(async (event) => {
+  const fileInputRef = useRef39(null);
+  const [deletingIndex, setDeletingIndex] = useState63(null);
+  const [draggedIndex, setDraggedIndex] = useState63(null);
+  const handleFileSelect = useCallback30(async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
     let mediaType;
@@ -28928,18 +29280,18 @@ function MediaGalleryManager({
       console.error("Upload failed:", error);
     }
   }, [media, onChange, onUpload]);
-  const handleDeleteMedia = useCallback29((index) => {
+  const handleDeleteMedia = useCallback30((index) => {
     setDeletingIndex(index);
     onChange(media.filter((_, i) => i !== index));
     setDeletingIndex(null);
   }, [media, onChange]);
-  const handleDragStart = useCallback29((index) => {
+  const handleDragStart = useCallback30((index) => {
     setDraggedIndex(index);
   }, []);
-  const handleDragOver = useCallback29((e) => {
+  const handleDragOver = useCallback30((e) => {
     e.preventDefault();
   }, []);
-  const handleDrop = useCallback29((e, targetIndex) => {
+  const handleDrop = useCallback30((e, targetIndex) => {
     e.preventDefault();
     if (draggedIndex === null || draggedIndex === targetIndex) {
       setDraggedIndex(null);
@@ -28951,7 +29303,7 @@ function MediaGalleryManager({
     onChange(newMedia.map((item, i) => ({ ...item, display_order: i })));
     setDraggedIndex(null);
   }, [media, draggedIndex, onChange]);
-  const renderMediaItem = useCallback29((mediaItem, index) => {
+  const renderMediaItem = useCallback30((mediaItem, index) => {
     const isDeleting = deletingIndex === index;
     return /* @__PURE__ */ jsxs212(
       Card,
@@ -29111,7 +29463,7 @@ function OSTypeBadgeGroup({
 }
 
 // src/components/features/parallax-image-showcase.tsx
-import { useEffect as useEffect47, useState as useState63, useRef as useRef39 } from "react";
+import { useEffect as useEffect48, useState as useState64, useRef as useRef40 } from "react";
 import Image12 from "next/image";
 import { motion as motion2, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
 import { jsx as jsx262, jsxs as jsxs214 } from "react/jsx-runtime";
@@ -29130,9 +29482,9 @@ var ParallaxImageShowcase = ({
   const springConfig = { stiffness: 100, damping: 30 };
   const mouseXSpring = useSpring(mouseX, springConfig);
   const mouseYSpring = useSpring(mouseY, springConfig);
-  const [componentRect, setComponentRect] = useState63(null);
-  const componentRef = useRef39(null);
-  useEffect47(() => {
+  const [componentRect, setComponentRect] = useState64(null);
+  const componentRef = useRef40(null);
+  useEffect48(() => {
     const updateRect = () => {
       if (componentRef.current) {
         setComponentRect(componentRef.current.getBoundingClientRect());
@@ -29146,7 +29498,7 @@ var ParallaxImageShowcase = ({
       window.removeEventListener("scroll", updateRect);
     };
   }, []);
-  useEffect47(() => {
+  useEffect48(() => {
     const handleGlobalMouseMove = (e) => {
       if (!componentRect) return;
       const centerX = componentRect.left + componentRect.width / 2;
@@ -29790,7 +30142,7 @@ function PushButtonSelector({
 }
 
 // src/components/features/release-media-manager.tsx
-import { useState as useState64, useRef as useRef40 } from "react";
+import { useState as useState65, useRef as useRef41 } from "react";
 import { Trash2 as Trash25, Plus as Plus5, Image as ImageIcon3, Video as Video5, Upload as Upload4, Loader2 as Loader28, GripVertical as GripVertical2 } from "lucide-react";
 import Image13 from "next/image";
 import { jsx as jsx267, jsxs as jsxs219 } from "react/jsx-runtime";
@@ -29800,8 +30152,8 @@ function ReleaseMediaManager({
   onUpload,
   className = ""
 }) {
-  const fileInputRef = useRef40(null);
-  const [uploadingIndex, setUploadingIndex] = useState64(null);
+  const fileInputRef = useRef41(null);
+  const [uploadingIndex, setUploadingIndex] = useState65(null);
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -30062,7 +30414,7 @@ var SelectButton = React94.forwardRef(
 SelectButton.displayName = "SelectButton";
 
 // src/components/features/seo-editor-preview.tsx
-import { useState as useState65 } from "react";
+import { useState as useState66 } from "react";
 import { Globe as Globe3, ExternalLink as ExternalLink5, Upload as Upload5, X as X11, Loader2 as Loader29, Sparkles as Sparkles2 } from "lucide-react";
 import Image14 from "next/image";
 import { Fragment as Fragment42, jsx as jsx269, jsxs as jsxs221 } from "react/jsx-runtime";
@@ -30086,9 +30438,9 @@ function SEOEditorPreview({
   disabled = false,
   className = ""
 }) {
-  const [imageError, setImageError] = useState65(false);
-  const [isUploading, setIsUploading] = useState65(false);
-  const [fileInputRef, setFileInputRef] = useState65(null);
+  const [imageError, setImageError] = useState66(false);
+  const [isUploading, setIsUploading] = useState66(false);
+  const [fileInputRef, setFileInputRef] = useState66(null);
   const displayTitle = seoTitle.trim() || title || "Untitled";
   const displayDescription = seoDescription.trim() || summary || "No description";
   const hasOgImage = ogImageUrl.trim();
@@ -30532,7 +30884,7 @@ function StatusFilterComponent({
 }
 
 // src/components/features/tags-selector.tsx
-import { useState as useState66 } from "react";
+import { useState as useState67 } from "react";
 import { Search as Search2, X as X12, Plus as Plus6, Loader2 as Loader210 } from "lucide-react";
 import { jsx as jsx273, jsxs as jsxs224 } from "react/jsx-runtime";
 function TagsSelector({
@@ -30546,9 +30898,9 @@ function TagsSelector({
   disabled = false,
   allowCreate = true
 }) {
-  const [searchQuery, setSearchQuery] = useState66("");
-  const [showDropdown, setShowDropdown] = useState66(false);
-  const [isCreating, setIsCreating] = useState66(false);
+  const [searchQuery, setSearchQuery] = useState67("");
+  const [showDropdown, setShowDropdown] = useState67(false);
+  const [isCreating, setIsCreating] = useState67(false);
   const handleTagAdd = (tagId) => {
     if (!selectedTagIds.includes(tagId) && selectedTagIds.length < maxTags) {
       onTagsChange([...selectedTagIds, tagId]);
@@ -30714,7 +31066,7 @@ function TagsSelector({
 
 // src/components/features/video-source-selector.tsx
 init_button2();
-import { useState as useState67, useCallback as useCallback30 } from "react";
+import { useState as useState68, useCallback as useCallback31 } from "react";
 import { Upload as Upload6, Sparkles as Sparkles3, X as X13, Video as Video6 } from "lucide-react";
 import { jsx as jsx274, jsxs as jsxs225 } from "react/jsx-runtime";
 function VideoSourceSelector({
@@ -30739,11 +31091,11 @@ function VideoSourceSelector({
   showTitle = true,
   className = ""
 }) {
-  const [isUploading, setIsUploading] = useState67(false);
-  const [uploadProgress, setUploadProgress] = useState67(0);
-  const [uploadMessage, setUploadMessage] = useState67("");
-  const [uploadError, setUploadError] = useState67(null);
-  const handleUploadClick = useCallback30(() => {
+  const [isUploading, setIsUploading] = useState68(false);
+  const [uploadProgress, setUploadProgress] = useState68(0);
+  const [uploadMessage, setUploadMessage] = useState68("");
+  const [uploadError, setUploadError] = useState68(null);
+  const handleUploadClick = useCallback31(() => {
     const input = document.createElement("input");
     input.type = "file";
     input.accept = "video/*";
@@ -30774,7 +31126,7 @@ function VideoSourceSelector({
     };
     input.click();
   }, [onUploadVideo, onMainVideoUrlChange]);
-  const handleDeleteVideo = useCallback30(() => {
+  const handleDeleteVideo = useCallback31(() => {
     onMainVideoUrlChange("");
   }, [onMainVideoUrlChange]);
   return /* @__PURE__ */ jsxs225("div", { className: `space-y-4 p-6 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
@@ -31093,7 +31445,7 @@ function TranscriptSummaryEditor({
 }
 
 // src/components/features/highlight-video-section.tsx
-import { useState as useState68 } from "react";
+import { useState as useState69 } from "react";
 import { Sparkles as Sparkles5, Upload as Upload7 } from "lucide-react";
 init_button2();
 
@@ -31392,7 +31744,7 @@ function HighlightVideoSection({
   disabled = false,
   className = ""
 }) {
-  const [uploadError, setUploadError] = useState68(null);
+  const [uploadError, setUploadError] = useState69(null);
   const handleUploadClick = () => {
     const input = document.createElement("input");
     input.type = "file";
@@ -32236,7 +32588,7 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useRef as useRef41, useEffect as useEffect48, useState as useState69 } from "react";
+import { useRef as useRef42, useEffect as useEffect49, useState as useState70 } from "react";
 import { ChevronDown as ChevronDown8 } from "lucide-react";
 init_button2();
 
@@ -32417,9 +32769,9 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
   ] });
 };
 var useAnimatedHeight = (isExpanded) => {
-  const [height, setHeight] = useState69(0);
-  const contentRef = useRef41(null);
-  useEffect48(() => {
+  const [height, setHeight] = useState70(0);
+  const contentRef = useRef42(null);
+  useEffect49(() => {
     if (contentRef.current) {
       const contentHeight = contentRef.current.scrollHeight;
       setHeight(isExpanded ? contentHeight : 0);
@@ -32575,7 +32927,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
-import { useEffect as useEffect49, useState as useState70 } from "react";
+import { useEffect as useEffect50, useState as useState71 } from "react";
 import { Fragment as Fragment44, jsx as jsx294, jsxs as jsxs241 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
@@ -32595,21 +32947,21 @@ function WaitlistForm({
   privacyPolicyUrl,
   consentText = "I agree to receive recurring automated text messages at the phone number provided. Msg & data rates may apply. Msg frequency varies. Reply HELP for help and STOP to cancel."
 }) {
-  const [email, setEmail] = useState70(defaultEmail);
-  const [phone, setPhone] = useState70(defaultPhone);
-  const [countryCode, setCountryCode] = useState70("US");
+  const [email, setEmail] = useState71(defaultEmail);
+  const [phone, setPhone] = useState71(defaultPhone);
+  const [countryCode, setCountryCode] = useState71("US");
   const { toast } = useToast();
-  const [smsConsent, setSmsConsent] = useState70(false);
-  const [isClient, setIsClient] = useState70(false);
-  const [isPhoneInvalid, setIsPhoneInvalid] = useState70(false);
-  const [showConsentError, setShowConsentError] = useState70(false);
+  const [smsConsent, setSmsConsent] = useState71(false);
+  const [isClient, setIsClient] = useState71(false);
+  const [isPhoneInvalid, setIsPhoneInvalid] = useState71(false);
+  const [showConsentError, setShowConsentError] = useState71(false);
   const isMailDomainGeneric = hasGenericEmailDomain(email);
-  useEffect49(() => {
+  useEffect50(() => {
     if (defaultEmail) {
       setEmail(defaultEmail);
     }
   }, [defaultEmail]);
-  useEffect49(() => {
+  useEffect50(() => {
     setIsClient(true);
     if (!geoApiUrl) return;
     const supportedCountries = new Set(getCountries2());
@@ -32954,7 +33306,7 @@ function TicketCard({
   ] }) : null;
   const body = /* @__PURE__ */ jsxs243(Fragment45, { children: [
     /* @__PURE__ */ jsxs243("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
-      /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
+      /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", children: [
         /* @__PURE__ */ jsx296("p", { className: "text-h3 truncate text-ods-text-primary", children: ticket.title }),
         showDeviceRow && /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)] text-h6 text-ods-text-secondary", children: [
           /* @__PURE__ */ jsx296(LaptopIcon, { className: "size-4 shrink-0" }),
@@ -32978,8 +33330,9 @@ function TicketCard({
     ...isOverlay ? {} : sortable.attributes,
     ...isOverlay ? {} : sortable.listeners
   };
+  const innerWrapperClass = "relative z-10 flex flex-col gap-[var(--spacing-system-sf)]";
   if (isOverlay) {
-    return /* @__PURE__ */ jsx296("div", { ...outerProps, children: /* @__PURE__ */ jsx296("div", { className: "relative z-10", children: body }) });
+    return /* @__PURE__ */ jsx296("div", { ...outerProps, children: /* @__PURE__ */ jsx296("div", { className: innerWrapperClass, children: body }) });
   }
   if (href) {
     return /* @__PURE__ */ jsxs243("div", { ...outerProps, children: [
@@ -32994,7 +33347,7 @@ function TicketCard({
           className: "absolute inset-0 z-0 rounded-md focus-visible:outline-none"
         }
       ),
-      /* @__PURE__ */ jsx296("div", { className: "pointer-events-none relative z-10", children: body })
+      /* @__PURE__ */ jsx296("div", { className: cn("pointer-events-none", innerWrapperClass), children: body })
     ] });
   }
   return /* @__PURE__ */ jsxs243("div", { ...outerProps, children: [
@@ -33007,7 +33360,7 @@ function TicketCard({
         className: "absolute inset-0 z-0 cursor-pointer rounded-md focus-visible:outline-none"
       }
     ),
-    /* @__PURE__ */ jsx296("div", { className: "pointer-events-none relative z-10", children: body })
+    /* @__PURE__ */ jsx296("div", { className: cn("pointer-events-none", innerWrapperClass), children: body })
   ] });
 }
 function TicketTagRow({ tags }) {
@@ -33024,7 +33377,7 @@ import * as React100 from "react";
 init_cn();
 import { jsx as jsx297, jsxs as jsxs244 } from "react/jsx-runtime";
 var TicketCardSkeleton = React100.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx297(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxs244(
     "div",
     {
       ref,
@@ -33033,13 +33386,25 @@ var TicketCardSkeleton = React100.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxs244("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
-        /* @__PURE__ */ jsxs244("div", { className: "flex flex-1 flex-col gap-[var(--spacing-system-xsf)]", children: [
-          /* @__PURE__ */ jsx297(Skeleton, { className: "h-5 w-3/4" }),
-          /* @__PURE__ */ jsx297(Skeleton, { className: "h-4 w-1/2" })
+      children: [
+        /* @__PURE__ */ jsxs244("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
+          /* @__PURE__ */ jsxs244("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
+            /* @__PURE__ */ jsx297("div", { className: "text-h3 flex items-center", children: /* @__PURE__ */ jsx297(Skeleton, { className: "h-4 w-3/4" }) }),
+            /* @__PURE__ */ jsxs244("div", { className: "text-h6 flex items-center gap-[var(--spacing-system-xxs)]", children: [
+              /* @__PURE__ */ jsx297(Skeleton, { className: "size-4 shrink-0 rounded-sm" }),
+              /* @__PURE__ */ jsx297(Skeleton, { className: "h-3 w-1/2" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs244("div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
+            /* @__PURE__ */ jsx297(Skeleton, { className: "size-4 rounded-sm" }),
+            /* @__PURE__ */ jsx297(Skeleton, { className: "size-8 rounded-full" })
+          ] })
         ] }),
-        /* @__PURE__ */ jsx297(Skeleton, { className: "size-8 rounded-full" })
-      ] })
+        /* @__PURE__ */ jsxs244("div", { className: "flex h-8 items-center gap-[var(--spacing-system-xxs)]", children: [
+          /* @__PURE__ */ jsx297(Skeleton, { className: "h-8 w-16 rounded-md" }),
+          /* @__PURE__ */ jsx297(Skeleton, { className: "h-8 w-12 rounded-md" })
+        ] })
+      ]
     }
   )
 );
@@ -33182,22 +33547,22 @@ function EmptyState3() {
 }
 
 // src/components/features/board/use-board-collapse.ts
-import { useCallback as useCallback32, useState as useState71 } from "react";
+import { useCallback as useCallback33, useState as useState72 } from "react";
 function useBoardCollapse(storageKey) {
   const [persisted, setPersisted] = useLocalStorage(
     storageKey ?? "__board_collapse_unused__",
     {}
   );
-  const [memory, setMemory] = useState71({});
+  const [memory, setMemory] = useState72({});
   const collapsed = storageKey ? persisted : memory;
   const setMap = storageKey ? setPersisted : setMemory;
-  const toggle = useCallback32(
+  const toggle = useCallback33(
     (columnId) => {
       setMap((prev) => ({ ...prev, [columnId]: !prev[columnId] }));
     },
     [setMap]
   );
-  const setCollapsed = useCallback32(
+  const setCollapsed = useCallback33(
     (columnId, value) => {
       setMap((prev) => ({ ...prev, [columnId]: value }));
     },
@@ -33654,6 +34019,7 @@ export {
   CONNECTION_STATUS,
   NETWORK_CONFIG,
   useChunkCatchup,
+  useJetStreamDialogSubscription,
   useNatsDialogSubscription,
   buildNatsWsUrl,
   parseChunkToAction,
@@ -34119,4 +34485,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-U6AJSRJP.js.map
+//# sourceMappingURL=chunk-GIQZAYY5.js.map