@iblai/iblai-js 1.4.2 → 1.4.4

package/dist/web-containers/source/next/index.esm.js

@@ -229,7 +229,7 @@ function createSlot$3(ownerName) {
   Slot2.displayName = `${ownerName}.Slot`;
   return Slot2;
 }
-var Slot$6 = /* @__PURE__ */ createSlot$3("Slot");
+var Slot$7 = /* @__PURE__ */ createSlot$3("Slot");
 // @__NO_SIDE_EFFECTS__
 function createSlotClone$3(ownerName) {
   const SlotClone = React.forwardRef((props, forwardedRef) => {
@@ -4792,7 +4792,7 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
     },
 });
 const Button$1 = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot$6 : "button";
+    const Comp = asChild ? Slot$7 : "button";
     return (jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
 });
 Button$1.displayName = "Button";
@@ -15521,12 +15521,12 @@ const __iconNode$hY = [
     { d: "M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3", key: "11bfej" }
   ]
 ];
-const Command = createLucideIcon("command", __iconNode$hY);
+const Command$1 = createLucideIcon("command", __iconNode$hY);
 
 var command$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     __iconNode: __iconNode$hY,
-    default: Command
+    default: Command$1
 });
 
 /**
@@ -20387,7 +20387,7 @@ const __iconNode$eQ = [
 ];
 const Focus = createLucideIcon("focus", __iconNode$eQ);
 
-var focus$3 = /*#__PURE__*/Object.freeze({
+var focus$4 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     __iconNode: __iconNode$eQ,
     default: Focus
@@ -43560,12 +43560,12 @@ const __iconNode$5 = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
-const X = createLucideIcon("x", __iconNode$5);
+const X$1 = createLucideIcon("x", __iconNode$5);
 
 var x$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     __iconNode: __iconNode$5,
-    default: X
+    default: X$1
 });
 
 /**
@@ -44240,22 +44240,22 @@ function handleAndDispatchCustomEvent$4(name, handler, detail, { discrete }) {
   }
 }
 
-var count$1 = 0;
-function useFocusGuards() {
+var count$2 = 0;
+function useFocusGuards$1() {
   React.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
-    document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
-    document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
-    count$1++;
+    document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard$1());
+    document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard$1());
+    count$2++;
     return () => {
-      if (count$1 === 1) {
+      if (count$2 === 1) {
         document.querySelectorAll("[data-radix-focus-guard]").forEach((node) => node.remove());
       }
-      count$1--;
+      count$2--;
     };
   }, []);
 }
-function createFocusGuard() {
+function createFocusGuard$1() {
   const element = document.createElement("span");
   element.setAttribute("data-radix-focus-guard", "");
   element.tabIndex = 0;
@@ -44266,11 +44266,11 @@ function createFocusGuard() {
   return element;
 }
 
-var AUTOFOCUS_ON_MOUNT$1 = "focusScope.autoFocusOnMount";
-var AUTOFOCUS_ON_UNMOUNT$1 = "focusScope.autoFocusOnUnmount";
-var EVENT_OPTIONS$2 = { bubbles: false, cancelable: true };
-var FOCUS_SCOPE_NAME$1 = "FocusScope";
-var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
+var AUTOFOCUS_ON_MOUNT$2 = "focusScope.autoFocusOnMount";
+var AUTOFOCUS_ON_UNMOUNT$2 = "focusScope.autoFocusOnUnmount";
+var EVENT_OPTIONS$3 = { bubbles: false, cancelable: true };
+var FOCUS_SCOPE_NAME$2 = "FocusScope";
+var FocusScope$2 = React.forwardRef((props, forwardedRef) => {
   const {
     loop = false,
     trapped = false,
@@ -44300,20 +44300,20 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
         if (container.contains(target)) {
           lastFocusedElementRef.current = target;
         } else {
-          focus$2(lastFocusedElementRef.current, { select: true });
+          focus$3(lastFocusedElementRef.current, { select: true });
         }
       }, handleFocusOut2 = function(event) {
         if (focusScope.paused || !container) return;
         const relatedTarget = event.relatedTarget;
         if (relatedTarget === null) return;
         if (!container.contains(relatedTarget)) {
-          focus$2(lastFocusedElementRef.current, { select: true });
+          focus$3(lastFocusedElementRef.current, { select: true });
         }
       }, handleMutations2 = function(mutations) {
         const focusedElement = document.activeElement;
         if (focusedElement !== document.body) return;
         for (const mutation of mutations) {
-          if (mutation.removedNodes.length > 0) focus$2(container);
+          if (mutation.removedNodes.length > 0) focus$3(container);
         }
       };
       document.addEventListener("focusin", handleFocusIn2);
@@ -44329,31 +44329,31 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
   }, [trapped, container, focusScope.paused]);
   React.useEffect(() => {
     if (container) {
-      focusScopesStack$1.add(focusScope);
+      focusScopesStack$2.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
       const hasFocusedCandidate = container.contains(previouslyFocusedElement);
       if (!hasFocusedCandidate) {
-        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT$1, EVENT_OPTIONS$2);
-        container.addEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
+        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT$2, EVENT_OPTIONS$3);
+        container.addEventListener(AUTOFOCUS_ON_MOUNT$2, onMountAutoFocus);
         container.dispatchEvent(mountEvent);
         if (!mountEvent.defaultPrevented) {
-          focusFirst$4(removeLinks$1(getTabbableCandidates$2(container)), { select: true });
+          focusFirst$5(removeLinks$2(getTabbableCandidates$3(container)), { select: true });
           if (document.activeElement === previouslyFocusedElement) {
-            focus$2(container);
+            focus$3(container);
           }
         }
       }
       return () => {
-        container.removeEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
+        container.removeEventListener(AUTOFOCUS_ON_MOUNT$2, onMountAutoFocus);
         setTimeout(() => {
-          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT$1, EVENT_OPTIONS$2);
-          container.addEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
+          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT$2, EVENT_OPTIONS$3);
+          container.addEventListener(AUTOFOCUS_ON_UNMOUNT$2, onUnmountAutoFocus);
           container.dispatchEvent(unmountEvent);
           if (!unmountEvent.defaultPrevented) {
-            focus$2(previouslyFocusedElement ?? document.body, { select: true });
+            focus$3(previouslyFocusedElement ?? document.body, { select: true });
           }
-          container.removeEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
-          focusScopesStack$1.remove(focusScope);
+          container.removeEventListener(AUTOFOCUS_ON_UNMOUNT$2, onUnmountAutoFocus);
+          focusScopesStack$2.remove(focusScope);
         }, 0);
       };
     }
@@ -44366,17 +44366,17 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
       const focusedElement = document.activeElement;
       if (isTabKey && focusedElement) {
         const container2 = event.currentTarget;
-        const [first, last] = getTabbableEdges$1(container2);
+        const [first, last] = getTabbableEdges$2(container2);
         const hasTabbableElementsInside = first && last;
         if (!hasTabbableElementsInside) {
           if (focusedElement === container2) event.preventDefault();
         } else {
           if (!event.shiftKey && focusedElement === last) {
             event.preventDefault();
-            if (loop) focus$2(first, { select: true });
+            if (loop) focus$3(first, { select: true });
           } else if (event.shiftKey && focusedElement === first) {
             event.preventDefault();
-            if (loop) focus$2(last, { select: true });
+            if (loop) focus$3(last, { select: true });
           }
         }
       }
@@ -44385,21 +44385,21 @@ var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
   );
   return /* @__PURE__ */ jsx(Primitive$5.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
-FocusScope$1.displayName = FOCUS_SCOPE_NAME$1;
-function focusFirst$4(candidates, { select = false } = {}) {
+FocusScope$2.displayName = FOCUS_SCOPE_NAME$2;
+function focusFirst$5(candidates, { select = false } = {}) {
   const previouslyFocusedElement = document.activeElement;
   for (const candidate of candidates) {
-    focus$2(candidate, { select });
+    focus$3(candidate, { select });
     if (document.activeElement !== previouslyFocusedElement) return;
   }
 }
-function getTabbableEdges$1(container) {
-  const candidates = getTabbableCandidates$2(container);
-  const first = findVisible$1(candidates, container);
-  const last = findVisible$1(candidates.reverse(), container);
+function getTabbableEdges$2(container) {
+  const candidates = getTabbableCandidates$3(container);
+  const first = findVisible$2(candidates, container);
+  const last = findVisible$2(candidates.reverse(), container);
   return [first, last];
 }
-function getTabbableCandidates$2(container) {
+function getTabbableCandidates$3(container) {
   const nodes = [];
   const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (node) => {
@@ -44411,12 +44411,12 @@ function getTabbableCandidates$2(container) {
   while (walker.nextNode()) nodes.push(walker.currentNode);
   return nodes;
 }
-function findVisible$1(elements, container) {
+function findVisible$2(elements, container) {
   for (const element of elements) {
-    if (!isHidden$1(element, { upTo: container })) return element;
+    if (!isHidden$2(element, { upTo: container })) return element;
   }
 }
-function isHidden$1(node, { upTo }) {
+function isHidden$2(node, { upTo }) {
   if (getComputedStyle(node).visibility === "hidden") return true;
   while (node) {
     if (upTo !== void 0 && node === upTo) return false;
@@ -44425,19 +44425,19 @@ function isHidden$1(node, { upTo }) {
   }
   return false;
 }
-function isSelectableInput$1(element) {
+function isSelectableInput$2(element) {
   return element instanceof HTMLInputElement && "select" in element;
 }
-function focus$2(element, { select = false } = {}) {
+function focus$3(element, { select = false } = {}) {
   if (element && element.focus) {
     const previouslyFocusedElement = document.activeElement;
     element.focus({ preventScroll: true });
-    if (element !== previouslyFocusedElement && isSelectableInput$1(element) && select)
+    if (element !== previouslyFocusedElement && isSelectableInput$2(element) && select)
       element.select();
   }
 }
-var focusScopesStack$1 = createFocusScopesStack$1();
-function createFocusScopesStack$1() {
+var focusScopesStack$2 = createFocusScopesStack$2();
+function createFocusScopesStack$2() {
   let stack = [];
   return {
     add(focusScope) {
@@ -44445,16 +44445,16 @@ function createFocusScopesStack$1() {
       if (focusScope !== activeFocusScope) {
         activeFocusScope?.pause();
       }
-      stack = arrayRemove$1(stack, focusScope);
+      stack = arrayRemove$2(stack, focusScope);
       stack.unshift(focusScope);
     },
     remove(focusScope) {
-      stack = arrayRemove$1(stack, focusScope);
+      stack = arrayRemove$2(stack, focusScope);
       stack[0]?.resume();
     }
   };
 }
-function arrayRemove$1(array, item) {
+function arrayRemove$2(array, item) {
   const updatedArray = [...array];
   const index = updatedArray.indexOf(item);
   if (index !== -1) {
@@ -44462,7 +44462,7 @@ function arrayRemove$1(array, item) {
   }
   return updatedArray;
 }
-function removeLinks$1(items) {
+function removeLinks$2(items) {
   return items.filter((item) => item.tagName !== "A");
 }
 
@@ -44472,11 +44472,11 @@ var useLayoutEffect2 = globalThis?.document ? React.useLayoutEffect : () => {
 
 // packages/react/id/src/id.tsx
 var useReactId = React[" useId ".trim().toString()] || (() => void 0);
-var count = 0;
+var count$1 = 0;
 function useId(deterministicId) {
   const [id, setId] = React.useState(useReactId());
   useLayoutEffect2(() => {
-    setId((reactId) => reactId ?? String(count++));
+    setId((reactId) => reactId ?? String(count$1++));
   }, [deterministicId]);
   return (id ? `radix-${id}` : "");
 }
@@ -46736,7 +46736,7 @@ var Arrow$3 = React.forwardRef((props, forwardedRef) => {
   );
 });
 Arrow$3.displayName = NAME$7;
-var Root$d = Arrow$3;
+var Root$e = Arrow$3;
 
 // packages/react/use-size/src/use-size.tsx
 function useSize(element) {
@@ -46797,8 +46797,8 @@ var PopperAnchor$1 = React.forwardRef(
   }
 );
 PopperAnchor$1.displayName = ANCHOR_NAME$3;
-var CONTENT_NAME$a = "PopperContent";
-var [PopperContentProvider$1, useContentContext$1] = createPopperContext$1(CONTENT_NAME$a);
+var CONTENT_NAME$b = "PopperContent";
+var [PopperContentProvider$1, useContentContext$1] = createPopperContext$1(CONTENT_NAME$b);
 var PopperContent$1 = React.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -46817,7 +46817,7 @@ var PopperContent$1 = React.forwardRef(
       onPlaced,
       ...contentProps
     } = props;
-    const context = usePopperContext$1(CONTENT_NAME$a, __scopePopper);
+    const context = usePopperContext$1(CONTENT_NAME$b, __scopePopper);
     const [content, setContent] = React.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
     const [arrow, setArrow] = React.useState(null);
@@ -46940,7 +46940,7 @@ var PopperContent$1 = React.forwardRef(
     );
   }
 );
-PopperContent$1.displayName = CONTENT_NAME$a;
+PopperContent$1.displayName = CONTENT_NAME$b;
 var ARROW_NAME$6 = "PopperArrow";
 var OPPOSITE_SIDE$1 = {
   top: "bottom",
@@ -46980,7 +46980,7 @@ var PopperArrow$1 = React.forwardRef(function PopperArrow2(props, forwardedRef)
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ jsx(
-          Root$d,
+          Root$e,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -47036,18 +47036,18 @@ function getSideAndAlignFromPlacement$1(placement) {
 }
 var Root2$6 = Popper$1;
 var Anchor$1 = PopperAnchor$1;
-var Content$4 = PopperContent$1;
+var Content$5 = PopperContent$1;
 var Arrow$2 = PopperArrow$1;
 
-var PORTAL_NAME$b = "Portal";
-var Portal$9 = React.forwardRef((props, forwardedRef) => {
+var PORTAL_NAME$c = "Portal";
+var Portal$a = React.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
   return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$5.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
-Portal$9.displayName = PORTAL_NAME$b;
+Portal$a.displayName = PORTAL_NAME$c;
 
 function useStateMachine$2(initialState, machine) {
   return React.useReducer((state, event) => {
@@ -47175,7 +47175,7 @@ function getElementRef$5(element) {
 }
 
 var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
-var EVENT_OPTIONS$1 = { bubbles: false, cancelable: true };
+var EVENT_OPTIONS$2 = { bubbles: false, cancelable: true };
 var GROUP_NAME$3 = "RovingFocusGroup";
 var [Collection$3, useCollection$3, createCollectionScope$3] = createCollection$1(GROUP_NAME$3);
 var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope$1(
@@ -47257,7 +47257,7 @@ var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
           onFocus: composeEventHandlers$2(props.onFocus, (event) => {
             const isKeyboardFocus = !isClickFocusRef.current;
             if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS$1);
+              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS$2);
               event.currentTarget.dispatchEvent(entryFocusEvent);
               if (!entryFocusEvent.defaultPrevented) {
                 const items = getItems().filter((item) => item.focusable);
@@ -47267,7 +47267,7 @@ var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
                   Boolean
                 );
                 const candidateNodes = candidateItems.map((item) => item.ref.current);
-                focusFirst$3(candidateNodes, preventScrollOnEntryFocus);
+                focusFirst$4(candidateNodes, preventScrollOnEntryFocus);
               }
             }
             isClickFocusRef.current = false;
@@ -47337,7 +47337,7 @@ var RovingFocusGroupItem = React.forwardRef(
                   const currentIndex = candidateNodes.indexOf(event.currentTarget);
                   candidateNodes = context.loop ? wrapArray$2(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
                 }
-                setTimeout(() => focusFirst$3(candidateNodes));
+                setTimeout(() => focusFirst$4(candidateNodes));
               }
             })
           }
@@ -47367,7 +47367,7 @@ function getFocusIntent(event, orientation, dir) {
   if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
   return MAP_KEY_TO_FOCUS_INTENT[key];
 }
-function focusFirst$3(candidates, preventScroll = false) {
+function focusFirst$4(candidates, preventScroll = false) {
   const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
   for (const candidate of candidates) {
     if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
@@ -47378,7 +47378,7 @@ function focusFirst$3(candidates, preventScroll = false) {
 function wrapArray$2(array, startIndex) {
   return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-var Root$c = RovingFocusGroup;
+var Root$d = RovingFocusGroup;
 var Item$2 = RovingFocusGroupItem;
 
 var getDefaultParent = function (originalTarget) {
@@ -48351,30 +48351,30 @@ var MenuAnchor = React.forwardRef(
   }
 );
 MenuAnchor.displayName = ANCHOR_NAME$2;
-var PORTAL_NAME$a = "MenuPortal";
-var [PortalProvider$4, usePortalContext$4] = createMenuContext(PORTAL_NAME$a, {
+var PORTAL_NAME$b = "MenuPortal";
+var [PortalProvider$5, usePortalContext$5] = createMenuContext(PORTAL_NAME$b, {
   forceMount: void 0
 });
 var MenuPortal = (props) => {
   const { __scopeMenu, forceMount, children, container } = props;
-  const context = useMenuContext(PORTAL_NAME$a, __scopeMenu);
-  return /* @__PURE__ */ jsx(PortalProvider$4, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$9, { asChild: true, container, children }) }) });
+  const context = useMenuContext(PORTAL_NAME$b, __scopeMenu);
+  return /* @__PURE__ */ jsx(PortalProvider$5, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$a, { asChild: true, container, children }) }) });
 };
-MenuPortal.displayName = PORTAL_NAME$a;
-var CONTENT_NAME$9 = "MenuContent";
-var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$9);
+MenuPortal.displayName = PORTAL_NAME$b;
+var CONTENT_NAME$a = "MenuContent";
+var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$a);
 var MenuContent = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext$4(CONTENT_NAME$9, props.__scopeMenu);
+    const portalContext = usePortalContext$5(CONTENT_NAME$a, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
-    const context = useMenuContext(CONTENT_NAME$9, props.__scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME$9, props.__scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$a, props.__scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME$a, props.__scopeMenu);
     return /* @__PURE__ */ jsx(Collection$2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Collection$2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
   }
 );
 var MenuRootContentModal = React.forwardRef(
   (props, forwardedRef) => {
-    const context = useMenuContext(CONTENT_NAME$9, props.__scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$a, props.__scopeMenu);
     const ref = React.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
     React.useEffect(() => {
@@ -48400,7 +48400,7 @@ var MenuRootContentModal = React.forwardRef(
   }
 );
 var MenuRootContentNonModal = React.forwardRef((props, forwardedRef) => {
-  const context = useMenuContext(CONTENT_NAME$9, props.__scopeMenu);
+  const context = useMenuContext(CONTENT_NAME$a, props.__scopeMenu);
   return /* @__PURE__ */ jsx(
     MenuContentImpl,
     {
@@ -48413,7 +48413,7 @@ var MenuRootContentNonModal = React.forwardRef((props, forwardedRef) => {
     }
   );
 });
-var Slot$5 = createSlot$2("MenuContent.ScrollLock");
+var Slot$6 = createSlot$2("MenuContent.ScrollLock");
 var MenuContentImpl = React.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -48432,8 +48432,8 @@ var MenuContentImpl = React.forwardRef(
       disableOutsideScroll,
       ...contentProps
     } = props;
-    const context = useMenuContext(CONTENT_NAME$9, __scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME$9, __scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$a, __scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME$a, __scopeMenu);
     const popperScope = usePopperScope$3(__scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
     const getItems = useCollection$2(__scopeMenu);
@@ -48447,7 +48447,7 @@ var MenuContentImpl = React.forwardRef(
     const pointerDirRef = React.useRef("right");
     const lastPointerXRef = React.useRef(0);
     const ScrollLockWrapper = disableOutsideScroll ? ReactRemoveScroll : React.Fragment;
-    const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot$5, allowPinchZoom: true } : void 0;
+    const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot$6, allowPinchZoom: true } : void 0;
     const handleTypeaheadSearch = (key) => {
       const search = searchRef.current + key;
       const items = getItems().filter((item) => !item.disabled);
@@ -48468,7 +48468,7 @@ var MenuContentImpl = React.forwardRef(
     React.useEffect(() => {
       return () => window.clearTimeout(timerRef.current);
     }, []);
-    useFocusGuards();
+    useFocusGuards$1();
     const isPointerMovingToSubmenu = React.useCallback((event) => {
       const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
       return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
@@ -48503,7 +48503,7 @@ var MenuContentImpl = React.forwardRef(
           pointerGraceIntentRef.current = intent;
         }, []),
         children: /* @__PURE__ */ jsx(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx(
-          FocusScope$1,
+          FocusScope$2,
           {
             asChild: true,
             trapped: trapFocus,
@@ -48523,7 +48523,7 @@ var MenuContentImpl = React.forwardRef(
                 onInteractOutside,
                 onDismiss,
                 children: /* @__PURE__ */ jsx(
-                  Root$c,
+                  Root$d,
                   {
                     asChild: true,
                     ...rovingFocusGroupScope,
@@ -48537,7 +48537,7 @@ var MenuContentImpl = React.forwardRef(
                     }),
                     preventScrollOnEntryFocus: true,
                     children: /* @__PURE__ */ jsx(
-                      Content$4,
+                      Content$5,
                       {
                         role: "menu",
                         "aria-orientation": "vertical",
@@ -48564,7 +48564,7 @@ var MenuContentImpl = React.forwardRef(
                           const items = getItems().filter((item) => !item.disabled);
                           const candidateNodes = items.map((item) => item.ref.current);
                           if (LAST_KEYS.includes(event.key)) candidateNodes.reverse();
-                          focusFirst$2(candidateNodes);
+                          focusFirst$3(candidateNodes);
                         }),
                         onBlur: composeEventHandlers$2(props.onBlur, (event) => {
                           if (!event.currentTarget.contains(event.target)) {
@@ -48596,7 +48596,7 @@ var MenuContentImpl = React.forwardRef(
     );
   }
 );
-MenuContent.displayName = CONTENT_NAME$9;
+MenuContent.displayName = CONTENT_NAME$a;
 var GROUP_NAME$2 = "MenuGroup";
 var MenuGroup = React.forwardRef(
   (props, forwardedRef) => {
@@ -48936,10 +48936,10 @@ MenuSubTrigger.displayName = SUB_TRIGGER_NAME$1;
 var SUB_CONTENT_NAME$1 = "MenuSubContent";
 var MenuSubContent = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext$4(CONTENT_NAME$9, props.__scopeMenu);
+    const portalContext = usePortalContext$5(CONTENT_NAME$a, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...subContentProps } = props;
-    const context = useMenuContext(CONTENT_NAME$9, props.__scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME$9, props.__scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$a, props.__scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME$a, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_CONTENT_NAME$1, props.__scopeMenu);
     const ref = React.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
@@ -48990,7 +48990,7 @@ function isIndeterminate$1(checked) {
 function getCheckedState(checked) {
   return isIndeterminate$1(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-function focusFirst$2(candidates) {
+function focusFirst$3(candidates) {
   const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
   for (const candidate of candidates) {
     if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
@@ -49036,7 +49036,7 @@ function whenMouse(handler) {
 }
 var Root3$1 = Menu;
 var Anchor2 = MenuAnchor;
-var Portal$8 = MenuPortal;
+var Portal$9 = MenuPortal;
 var Content2$5 = MenuContent;
 var Group = MenuGroup;
 var Label$3 = MenuLabel;
@@ -49090,11 +49090,11 @@ var DropdownMenu$1 = (props) => {
   );
 };
 DropdownMenu$1.displayName = DROPDOWN_MENU_NAME;
-var TRIGGER_NAME$7 = "DropdownMenuTrigger";
+var TRIGGER_NAME$8 = "DropdownMenuTrigger";
 var DropdownMenuTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
-    const context = useDropdownMenuContext(TRIGGER_NAME$7, __scopeDropdownMenu);
+    const context = useDropdownMenuContext(TRIGGER_NAME$8, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
       Primitive$5.button,
@@ -49125,19 +49125,19 @@ var DropdownMenuTrigger$1 = React.forwardRef(
     ) });
   }
 );
-DropdownMenuTrigger$1.displayName = TRIGGER_NAME$7;
-var PORTAL_NAME$9 = "DropdownMenuPortal";
+DropdownMenuTrigger$1.displayName = TRIGGER_NAME$8;
+var PORTAL_NAME$a = "DropdownMenuPortal";
 var DropdownMenuPortal = (props) => {
   const { __scopeDropdownMenu, ...portalProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx(Portal$8, { ...menuScope, ...portalProps });
+  return /* @__PURE__ */ jsx(Portal$9, { ...menuScope, ...portalProps });
 };
-DropdownMenuPortal.displayName = PORTAL_NAME$9;
-var CONTENT_NAME$8 = "DropdownMenuContent";
+DropdownMenuPortal.displayName = PORTAL_NAME$a;
+var CONTENT_NAME$9 = "DropdownMenuContent";
 var DropdownMenuContent$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...contentProps } = props;
-    const context = useDropdownMenuContext(CONTENT_NAME$8, __scopeDropdownMenu);
+    const context = useDropdownMenuContext(CONTENT_NAME$9, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     const hasInteractedOutsideRef = React.useRef(false);
     return /* @__PURE__ */ jsx(
@@ -49174,7 +49174,7 @@ var DropdownMenuContent$1 = React.forwardRef(
     );
   }
 );
-DropdownMenuContent$1.displayName = CONTENT_NAME$8;
+DropdownMenuContent$1.displayName = CONTENT_NAME$9;
 var GROUP_NAME$1 = "DropdownMenuGroup";
 var DropdownMenuGroup = React.forwardRef(
   (props, forwardedRef) => {
@@ -49645,12 +49645,12 @@ function useImageLoadingStatus(src, { referrerPolicy, crossOrigin }) {
   }, [image, crossOrigin, referrerPolicy]);
   return loadingStatus;
 }
-var Root$b = Avatar$1;
+var Root$c = Avatar$1;
 var Image$1 = AvatarImage$1;
 var Fallback = AvatarFallback$1;
 
-const Avatar = React.forwardRef(({ className, onClick, ...props }, ref) => (jsx(Root$b, { ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className), onClick: onClick, ...props })));
-Avatar.displayName = Root$b.displayName;
+const Avatar = React.forwardRef(({ className, onClick, ...props }, ref) => (jsx(Root$c, { ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className), onClick: onClick, ...props })));
+Avatar.displayName = Root$c.displayName;
 const AvatarImage = React.forwardRef(({ className, onClick, ...props }, ref) => (jsx(Image$1, { ref: ref, className: cn("aspect-square h-full w-full cursor-pointer rounded-full border-0 object-cover", // Changed object-center to object-cover for better image fitting
     className), onClick: onClick, ...props })));
 AvatarImage.displayName = "AvatarImage";
@@ -49829,12 +49829,12 @@ var Select$2 = (props) => {
   ) });
 };
 Select$2.displayName = SELECT_NAME;
-var TRIGGER_NAME$6 = "SelectTrigger";
+var TRIGGER_NAME$7 = "SelectTrigger";
 var SelectTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, disabled = false, ...triggerProps } = props;
     const popperScope = usePopperScope$2(__scopeSelect);
-    const context = useSelectContext(TRIGGER_NAME$6, __scopeSelect);
+    const context = useSelectContext(TRIGGER_NAME$7, __scopeSelect);
     const isDisabled = context.disabled || disabled;
     const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange);
     const getItems = useCollection$1(__scopeSelect);
@@ -49906,7 +49906,7 @@ var SelectTrigger$1 = React.forwardRef(
     ) });
   }
 );
-SelectTrigger$1.displayName = TRIGGER_NAME$6;
+SelectTrigger$1.displayName = TRIGGER_NAME$7;
 var VALUE_NAME = "SelectValue";
 var SelectValue$1 = React.forwardRef(
   (props, forwardedRef) => {
@@ -49938,15 +49938,15 @@ var SelectIcon = React.forwardRef(
   }
 );
 SelectIcon.displayName = ICON_NAME;
-var PORTAL_NAME$8 = "SelectPortal";
+var PORTAL_NAME$9 = "SelectPortal";
 var SelectPortal = (props) => {
-  return /* @__PURE__ */ jsx(Portal$9, { asChild: true, ...props });
+  return /* @__PURE__ */ jsx(Portal$a, { asChild: true, ...props });
 };
-SelectPortal.displayName = PORTAL_NAME$8;
-var CONTENT_NAME$7 = "SelectContent";
+SelectPortal.displayName = PORTAL_NAME$9;
+var CONTENT_NAME$8 = "SelectContent";
 var SelectContent$1 = React.forwardRef(
   (props, forwardedRef) => {
-    const context = useSelectContext(CONTENT_NAME$7, props.__scopeSelect);
+    const context = useSelectContext(CONTENT_NAME$8, props.__scopeSelect);
     const [fragment, setFragment] = React.useState();
     useLayoutEffect2(() => {
       setFragment(new DocumentFragment());
@@ -49961,11 +49961,11 @@ var SelectContent$1 = React.forwardRef(
     return /* @__PURE__ */ jsx(SelectContentImpl, { ...props, ref: forwardedRef });
   }
 );
-SelectContent$1.displayName = CONTENT_NAME$7;
+SelectContent$1.displayName = CONTENT_NAME$8;
 var CONTENT_MARGIN = 10;
-var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME$7);
+var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME$8);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
-var Slot$4 = createSlot$2("SelectContent.RemoveScroll");
+var Slot$5 = createSlot$2("SelectContent.RemoveScroll");
 var SelectContentImpl = React.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -49989,7 +49989,7 @@ var SelectContentImpl = React.forwardRef(
       //
       ...contentProps
     } = props;
-    const context = useSelectContext(CONTENT_NAME$7, __scopeSelect);
+    const context = useSelectContext(CONTENT_NAME$8, __scopeSelect);
     const [content, setContent] = React.useState(null);
     const [viewport, setViewport] = React.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
@@ -50003,7 +50003,7 @@ var SelectContentImpl = React.forwardRef(
     React.useEffect(() => {
       if (content) return hideOthers(content);
     }, [content]);
-    useFocusGuards();
+    useFocusGuards$1();
     const focusFirst = React.useCallback(
       (candidates) => {
         const [firstItem, ...restItems] = getItems().map((item) => item.ref.current);
@@ -50128,8 +50128,8 @@ var SelectContentImpl = React.forwardRef(
         position,
         isPositioned,
         searchRef,
-        children: /* @__PURE__ */ jsx(ReactRemoveScroll, { as: Slot$4, allowPinchZoom: true, children: /* @__PURE__ */ jsx(
-          FocusScope$1,
+        children: /* @__PURE__ */ jsx(ReactRemoveScroll, { as: Slot$5, allowPinchZoom: true, children: /* @__PURE__ */ jsx(
+          FocusScope$2,
           {
             asChild: true,
             trapped: context.open,
@@ -50202,8 +50202,8 @@ SelectContentImpl.displayName = CONTENT_IMPL_NAME;
 var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition";
 var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, onPlaced, ...popperProps } = props;
-  const context = useSelectContext(CONTENT_NAME$7, __scopeSelect);
-  const contentContext = useSelectContentContext(CONTENT_NAME$7, __scopeSelect);
+  const context = useSelectContext(CONTENT_NAME$8, __scopeSelect);
+  const contentContext = useSelectContentContext(CONTENT_NAME$8, __scopeSelect);
   const [contentWrapper, setContentWrapper] = React.useState(null);
   const [content, setContent] = React.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
@@ -50373,7 +50373,7 @@ var SelectPopperPosition = React.forwardRef((props, forwardedRef) => {
   } = props;
   const popperScope = usePopperScope$2(__scopeSelect);
   return /* @__PURE__ */ jsx(
-    Content$4,
+    Content$5,
     {
       ...popperScope,
       ...popperProps,
@@ -50397,7 +50397,7 @@ var SelectPopperPosition = React.forwardRef((props, forwardedRef) => {
   );
 });
 SelectPopperPosition.displayName = POPPER_POSITION_NAME;
-var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME$7, {});
+var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME$8, {});
 var VIEWPORT_NAME$1 = "SelectViewport";
 var SelectViewport = React.forwardRef(
   (props, forwardedRef) => {
@@ -50828,7 +50828,7 @@ var Root2$4 = Select$2;
 var Trigger$5 = SelectTrigger$1;
 var Value = SelectValue$1;
 var Icon$1 = SelectIcon;
-var Portal$7 = SelectPortal;
+var Portal$8 = SelectPortal;
 var Content2$3 = SelectContent$1;
 var Viewport$1 = SelectViewport;
 var Label$2 = SelectLabel$1;
@@ -50848,7 +50848,7 @@ SelectScrollUpButton.displayName = ScrollUpButton.displayName;
 const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (jsx(ScrollDownButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: jsx(ChevronDown, { className: "h-4 w-4" }) })));
 SelectScrollDownButton.displayName =
     ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (jsx(Portal$7, { children: jsxs(Content2$3, { ref: ref, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-60 min-w-[8rem] overflow-hidden rounded-md border shadow-md", position === "popper" &&
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (jsx(Portal$8, { children: jsxs(Content2$3, { ref: ref, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-60 min-w-[8rem] overflow-hidden rounded-md border shadow-md", position === "popper" &&
             "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, ...props, children: [jsx(SelectScrollUpButton, {}), jsx(Viewport$1, { className: cn("h-[var(--radix-select-viewport-height)] overflow-auto p-1", position === "popper" &&
                     "w-full min-w-[var(--radix-select-trigger-width)]"), style: {
                     "--radix-select-viewport-height": "var(--radix-select-content-available-height)",
@@ -51256,18 +51256,18 @@ function handleAndDispatchCustomEvent$3(name, handler, detail, { discrete }) {
     target.dispatchEvent(event);
   }
 }
-var Root$a = DismissableLayer$2;
+var Root$b = DismissableLayer$2;
 var Branch$1 = DismissableLayerBranch$2;
 
-var PORTAL_NAME$7 = "Portal";
-var Portal$6 = React.forwardRef((props, forwardedRef) => {
+var PORTAL_NAME$8 = "Portal";
+var Portal$7 = React.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
   return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
-Portal$6.displayName = PORTAL_NAME$7;
+Portal$7.displayName = PORTAL_NAME$8;
 
 function useStateMachine$1(initialState, machine) {
   return React.useReducer((state, event) => {
@@ -51607,7 +51607,7 @@ var ToastViewport$1 = React.forwardRef(
         const toastItems = getItems();
         const tabbableCandidates = toastItems.map((toastItem) => {
           const toastNode = toastItem.ref.current;
-          const toastTabbableCandidates = [toastNode, ...getTabbableCandidates$1(toastNode)];
+          const toastTabbableCandidates = [toastNode, ...getTabbableCandidates$2(toastNode)];
           return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
         });
         return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
@@ -51631,7 +51631,7 @@ var ToastViewport$1 = React.forwardRef(
             const tabbingDirection = isTabbingBackwards ? "backwards" : "forwards";
             const sortedCandidates = getSortedTabbableCandidates({ tabbingDirection });
             const index = sortedCandidates.findIndex((candidate) => candidate === focusedElement);
-            if (focusFirst$1(sortedCandidates.slice(index + 1))) {
+            if (focusFirst$2(sortedCandidates.slice(index + 1))) {
               event.preventDefault();
             } else {
               isTabbingBackwards ? headFocusProxyRef.current?.focus() : tailFocusProxyRef.current?.focus();
@@ -51659,7 +51659,7 @@ var ToastViewport$1 = React.forwardRef(
                 const tabbableCandidates = getSortedTabbableCandidates({
                   tabbingDirection: "forwards"
                 });
-                focusFirst$1(tabbableCandidates);
+                focusFirst$2(tabbableCandidates);
               }
             }
           ),
@@ -51672,7 +51672,7 @@ var ToastViewport$1 = React.forwardRef(
                 const tabbableCandidates = getSortedTabbableCandidates({
                   tabbingDirection: "backwards"
                 });
-                focusFirst$1(tabbableCandidates);
+                focusFirst$2(tabbableCandidates);
               }
             }
           )
@@ -51846,7 +51846,7 @@ var ToastImpl = React.forwardRef(
       ),
       /* @__PURE__ */ jsx(ToastInteractiveProvider, { scope: __scopeToast, onClose: handleClose, children: ReactDOM.createPortal(
         /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: __scopeToast, children: /* @__PURE__ */ jsx(
-          Root$a,
+          Root$b,
           {
             asChild: true,
             onEscapeKeyDown: composeEventHandlers$1(onEscapeKeyDown, () => {
@@ -51950,28 +51950,28 @@ var ToastAnnounce = (props) => {
     const timer = window.setTimeout(() => setIsAnnounced(true), 1e3);
     return () => window.clearTimeout(timer);
   }, []);
-  return isAnnounced ? null : /* @__PURE__ */ jsx(Portal$6, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden$1, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return isAnnounced ? null : /* @__PURE__ */ jsx(Portal$7, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden$1, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs(Fragment$1, { children: [
     context.label,
     " ",
     children
   ] }) }) });
 };
-var TITLE_NAME$3 = "ToastTitle";
+var TITLE_NAME$4 = "ToastTitle";
 var ToastTitle$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...titleProps } = props;
     return /* @__PURE__ */ jsx(Primitive$3.div, { ...titleProps, ref: forwardedRef });
   }
 );
-ToastTitle$1.displayName = TITLE_NAME$3;
-var DESCRIPTION_NAME$3 = "ToastDescription";
+ToastTitle$1.displayName = TITLE_NAME$4;
+var DESCRIPTION_NAME$4 = "ToastDescription";
 var ToastDescription$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...descriptionProps } = props;
     return /* @__PURE__ */ jsx(Primitive$3.div, { ...descriptionProps, ref: forwardedRef });
   }
 );
-ToastDescription$1.displayName = DESCRIPTION_NAME$3;
+ToastDescription$1.displayName = DESCRIPTION_NAME$4;
 var ACTION_NAME$1 = "ToastAction";
 var ToastAction$1 = React.forwardRef(
   (props, forwardedRef) => {
@@ -51986,11 +51986,11 @@ var ToastAction$1 = React.forwardRef(
   }
 );
 ToastAction$1.displayName = ACTION_NAME$1;
-var CLOSE_NAME$3 = "ToastClose";
+var CLOSE_NAME$4 = "ToastClose";
 var ToastClose$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeToast, ...closeProps } = props;
-    const interactiveContext = useToastInteractiveContext(CLOSE_NAME$3, __scopeToast);
+    const interactiveContext = useToastInteractiveContext(CLOSE_NAME$4, __scopeToast);
     return /* @__PURE__ */ jsx(ToastAnnounceExclude, { asChild: true, children: /* @__PURE__ */ jsx(
       Primitive$3.button,
       {
@@ -52002,7 +52002,7 @@ var ToastClose$1 = React.forwardRef(
     ) });
   }
 );
-ToastClose$1.displayName = CLOSE_NAME$3;
+ToastClose$1.displayName = CLOSE_NAME$4;
 var ToastAnnounceExclude = React.forwardRef((props, forwardedRef) => {
   const { __scopeToast, altText, ...announceExcludeProps } = props;
   return /* @__PURE__ */ jsx(
@@ -52071,7 +52071,7 @@ function useNextFrame(callback = () => {
 function isHTMLElement(node) {
   return node.nodeType === node.ELEMENT_NODE;
 }
-function getTabbableCandidates$1(container) {
+function getTabbableCandidates$2(container) {
   const nodes = [];
   const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (node) => {
@@ -52083,7 +52083,7 @@ function getTabbableCandidates$1(container) {
   while (walker.nextNode()) nodes.push(walker.currentNode);
   return nodes;
 }
-function focusFirst$1(candidates) {
+function focusFirst$2(candidates) {
   const previouslyFocusedElement = document.activeElement;
   return candidates.some((candidate) => {
     if (candidate === previouslyFocusedElement) return true;
@@ -52119,7 +52119,7 @@ const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
 Toast.displayName = Root2$3.displayName;
 const ToastAction = React.forwardRef(({ className, ...props }, ref) => (jsx(Action$1, { ref: ref, className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className), ...props })));
 ToastAction.displayName = Action$1.displayName;
-const ToastClose = React.forwardRef(({ className, ...props }, ref) => (jsx(Close$2, { ref: ref, className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className), "toast-close": "", ...props, children: jsx(X, { className: "h-4 w-4" }) })));
+const ToastClose = React.forwardRef(({ className, ...props }, ref) => (jsx(Close$2, { ref: ref, className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className), "toast-close": "", ...props, children: jsx(X$1, { className: "h-4 w-4" }) })));
 ToastClose.displayName = Close$2.displayName;
 const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (jsx(Title$2, { ref: ref, className: cn("text-sm font-semibold", className), ...props })));
 ToastTitle.displayName = Title$2.displayName;
@@ -52295,7 +52295,7 @@ var Checkbox$1 = React.forwardRef(
           role: "checkbox",
           "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
           "aria-required": required,
-          "data-state": getState$4(checked),
+          "data-state": getState$5(checked),
           "data-disabled": disabled ? "" : void 0,
           disabled,
           value,
@@ -52340,7 +52340,7 @@ var CheckboxIndicator = React.forwardRef(
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(
       Primitive$4.span,
       {
-        "data-state": getState$4(context.state),
+        "data-state": getState$5(context.state),
         "data-disabled": context.disabled ? "" : void 0,
         ...indicatorProps,
         ref: forwardedRef,
@@ -52406,14 +52406,14 @@ CheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME$1;
 function isIndeterminate(checked) {
   return checked === "indeterminate";
 }
-function getState$4(checked) {
+function getState$5(checked) {
   return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-var Root$9 = Checkbox$1;
+var Root$a = Checkbox$1;
 var Indicator$1 = CheckboxIndicator;
 
-const Checkbox = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$9, { ref: ref, className: cn("peer border-primary focus-visible:ring-ring h-4 w-4 shrink-0 rounded-sm border shadow-sm focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-500 data-[state=checked]:text-white", className), ...props, children: jsx(Indicator$1, { className: cn("flex items-center justify-center text-current"), children: jsx(Check, { className: "h-4 w-4" }) }) })));
-Checkbox.displayName = Root$9.displayName;
+const Checkbox = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$a, { ref: ref, className: cn("peer border-primary focus-visible:ring-ring h-4 w-4 shrink-0 rounded-sm border shadow-sm focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-500 data-[state=checked]:text-white", className), ...props, children: jsx(Indicator$1, { className: cn("flex items-center justify-center text-current"), children: jsx(Check, { className: "h-4 w-4" }) }) })));
+Checkbox.displayName = Root$a.displayName;
 
 const __storeToDerived = /* @__PURE__ */ new WeakMap();
 const __derivedToStore = /* @__PURE__ */ new WeakMap();
@@ -55073,7 +55073,7 @@ const useProfile = (username) => {
     };
 };
 
-var M=(e,i,s,u,m,a,l,h)=>{let d=document.documentElement,w=["light","dark"];function p(n){(Array.isArray(e)?e:[e]).forEach(y=>{let k=y==="class",S=k&&a?m.map(f=>a[f]||f):m;k?(d.classList.remove(...S),d.classList.add(a&&a[n]?a[n]:n)):d.setAttribute(y,n);}),R(n);}function R(n){h&&w.includes(n)&&(d.style.colorScheme=n);}function c(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(u)p(u);else try{let n=localStorage.getItem(i)||s,y=l&&n==="system"?c():n;p(y);}catch(n){}};var x=React.createContext(void 0),U={setTheme:e=>{},themes:[]},z=()=>{var e;return (e=React.useContext(x))!=null?e:U};React.memo(({forcedTheme:e,storageKey:i,attribute:s,enableSystem:u,enableColorScheme:m,defaultTheme:a,value:l,themes:h,nonce:d,scriptProps:w})=>{let p=JSON.stringify([s,i,a,e,h,l,u,m]).slice(1,-1);return React.createElement("script",{...w,suppressHydrationWarning:true,nonce:typeof window=="undefined"?d:"",dangerouslySetInnerHTML:{__html:`(${M.toString()})(${p})`}})});
+var M=(e,i,s,u,m,a,l,h)=>{let d=document.documentElement,w=["light","dark"];function p(n){(Array.isArray(e)?e:[e]).forEach(y=>{let k=y==="class",S=k&&a?m.map(f=>a[f]||f):m;k?(d.classList.remove(...S),d.classList.add(a&&a[n]?a[n]:n)):d.setAttribute(y,n);}),R(n);}function R(n){h&&w.includes(n)&&(d.style.colorScheme=n);}function c(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(u)p(u);else try{let n=localStorage.getItem(i)||s,y=l&&n==="system"?c():n;p(y);}catch(n){}};var x=React.createContext(void 0),U$1={setTheme:e=>{},themes:[]},z=()=>{var e;return (e=React.useContext(x))!=null?e:U$1};React.memo(({forcedTheme:e,storageKey:i,attribute:s,enableSystem:u,enableColorScheme:m,defaultTheme:a,value:l,themes:h,nonce:d,scriptProps:w})=>{let p=JSON.stringify([s,i,a,e,h,l,u,m]).slice(1,-1);return React.createElement("script",{...w,suppressHydrationWarning:true,nonce:typeof window=="undefined"?d:"",dangerouslySetInnerHTML:{__html:`(${M.toString()})(${p})`}})});
 
 const Toaster = ({ ...props }) => {
     const { theme = "system" } = z();
@@ -55087,10 +55087,10 @@ const Toaster = ({ ...props }) => {
         }, ...props }));
 };
 
-var DIALOG_NAME$1 = "Dialog";
-var [createDialogContext$1, createDialogScope$1] = createContextScope$1(DIALOG_NAME$1);
-var [DialogProvider$1, useDialogContext$1] = createDialogContext$1(DIALOG_NAME$1);
-var Dialog$1 = (props) => {
+var DIALOG_NAME$2 = "Dialog";
+var [createDialogContext$2, createDialogScope$2] = createContextScope$1(DIALOG_NAME$2);
+var [DialogProvider$2, useDialogContext$2] = createDialogContext$2(DIALOG_NAME$2);
+var Dialog$2 = (props) => {
   const {
     __scopeDialog,
     children,
@@ -55107,7 +55107,7 @@ var Dialog$1 = (props) => {
     onChange: onOpenChange
   });
   return /* @__PURE__ */ jsx(
-    DialogProvider$1,
+    DialogProvider$2,
     {
       scope: __scopeDialog,
       triggerRef,
@@ -55123,12 +55123,12 @@ var Dialog$1 = (props) => {
     }
   );
 };
-Dialog$1.displayName = DIALOG_NAME$1;
-var TRIGGER_NAME$5 = "DialogTrigger";
-var DialogTrigger$2 = React.forwardRef(
+Dialog$2.displayName = DIALOG_NAME$2;
+var TRIGGER_NAME$6 = "DialogTrigger";
+var DialogTrigger$3 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...triggerProps } = props;
-    const context = useDialogContext$1(TRIGGER_NAME$5, __scopeDialog);
+    const context = useDialogContext$2(TRIGGER_NAME$6, __scopeDialog);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsx(
       Primitive$5.button,
@@ -55137,7 +55137,7 @@ var DialogTrigger$2 = React.forwardRef(
         "aria-haspopup": "dialog",
         "aria-expanded": context.open,
         "aria-controls": context.contentId,
-        "data-state": getState$3(context.open),
+        "data-state": getState$4(context.open),
         ...triggerProps,
         ref: composedTriggerRef,
         onClick: composeEventHandlers$2(props.onClick, context.onOpenToggle)
@@ -55145,39 +55145,39 @@ var DialogTrigger$2 = React.forwardRef(
     );
   }
 );
-DialogTrigger$2.displayName = TRIGGER_NAME$5;
-var PORTAL_NAME$6 = "DialogPortal";
-var [PortalProvider$3, usePortalContext$3] = createDialogContext$1(PORTAL_NAME$6, {
+DialogTrigger$3.displayName = TRIGGER_NAME$6;
+var PORTAL_NAME$7 = "DialogPortal";
+var [PortalProvider$4, usePortalContext$4] = createDialogContext$2(PORTAL_NAME$7, {
   forceMount: void 0
 });
-var DialogPortal$2 = (props) => {
+var DialogPortal$3 = (props) => {
   const { __scopeDialog, forceMount, children, container } = props;
-  const context = useDialogContext$1(PORTAL_NAME$6, __scopeDialog);
-  return /* @__PURE__ */ jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$9, { asChild: true, container, children: child }) })) });
+  const context = useDialogContext$2(PORTAL_NAME$7, __scopeDialog);
+  return /* @__PURE__ */ jsx(PortalProvider$4, { scope: __scopeDialog, forceMount, children: React.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$a, { asChild: true, container, children: child }) })) });
 };
-DialogPortal$2.displayName = PORTAL_NAME$6;
-var OVERLAY_NAME$2 = "DialogOverlay";
-var DialogOverlay$2 = React.forwardRef(
+DialogPortal$3.displayName = PORTAL_NAME$7;
+var OVERLAY_NAME$3 = "DialogOverlay";
+var DialogOverlay$3 = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext$3(OVERLAY_NAME$2, props.__scopeDialog);
+    const portalContext = usePortalContext$4(OVERLAY_NAME$3, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...overlayProps } = props;
-    const context = useDialogContext$1(OVERLAY_NAME$2, props.__scopeDialog);
-    return context.modal ? /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(DialogOverlayImpl$1, { ...overlayProps, ref: forwardedRef }) }) : null;
+    const context = useDialogContext$2(OVERLAY_NAME$3, props.__scopeDialog);
+    return context.modal ? /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(DialogOverlayImpl$2, { ...overlayProps, ref: forwardedRef }) }) : null;
   }
 );
-DialogOverlay$2.displayName = OVERLAY_NAME$2;
-var Slot$3 = createSlot$2("DialogOverlay.RemoveScroll");
-var DialogOverlayImpl$1 = React.forwardRef(
+DialogOverlay$3.displayName = OVERLAY_NAME$3;
+var Slot$4 = createSlot$2("DialogOverlay.RemoveScroll");
+var DialogOverlayImpl$2 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props;
-    const context = useDialogContext$1(OVERLAY_NAME$2, __scopeDialog);
+    const context = useDialogContext$2(OVERLAY_NAME$3, __scopeDialog);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ jsx(ReactRemoveScroll, { as: Slot$3, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(ReactRemoveScroll, { as: Slot$4, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
         Primitive$5.div,
         {
-          "data-state": getState$3(context.open),
+          "data-state": getState$4(context.open),
           ...overlayProps,
           ref: forwardedRef,
           style: { pointerEvents: "auto", ...overlayProps.style }
@@ -55186,19 +55186,19 @@ var DialogOverlayImpl$1 = React.forwardRef(
     );
   }
 );
-var CONTENT_NAME$6 = "DialogContent";
-var DialogContent$2 = React.forwardRef(
+var CONTENT_NAME$7 = "DialogContent";
+var DialogContent$3 = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext$3(CONTENT_NAME$6, props.__scopeDialog);
+    const portalContext = usePortalContext$4(CONTENT_NAME$7, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
-    const context = useDialogContext$1(CONTENT_NAME$6, props.__scopeDialog);
-    return /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(DialogContentModal$1, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(DialogContentNonModal$1, { ...contentProps, ref: forwardedRef }) });
+    const context = useDialogContext$2(CONTENT_NAME$7, props.__scopeDialog);
+    return /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(DialogContentModal$2, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(DialogContentNonModal$2, { ...contentProps, ref: forwardedRef }) });
   }
 );
-DialogContent$2.displayName = CONTENT_NAME$6;
-var DialogContentModal$1 = React.forwardRef(
+DialogContent$3.displayName = CONTENT_NAME$7;
+var DialogContentModal$2 = React.forwardRef(
   (props, forwardedRef) => {
-    const context = useDialogContext$1(CONTENT_NAME$6, props.__scopeDialog);
+    const context = useDialogContext$2(CONTENT_NAME$7, props.__scopeDialog);
     const contentRef = React.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
     React.useEffect(() => {
@@ -55206,7 +55206,7 @@ var DialogContentModal$1 = React.forwardRef(
       if (content) return hideOthers(content);
     }, []);
     return /* @__PURE__ */ jsx(
-      DialogContentImpl$1,
+      DialogContentImpl$2,
       {
         ...props,
         ref: composedRefs,
@@ -55230,13 +55230,13 @@ var DialogContentModal$1 = React.forwardRef(
     );
   }
 );
-var DialogContentNonModal$1 = React.forwardRef(
+var DialogContentNonModal$2 = React.forwardRef(
   (props, forwardedRef) => {
-    const context = useDialogContext$1(CONTENT_NAME$6, props.__scopeDialog);
+    const context = useDialogContext$2(CONTENT_NAME$7, props.__scopeDialog);
     const hasInteractedOutsideRef = React.useRef(false);
     const hasPointerDownOutsideRef = React.useRef(false);
     return /* @__PURE__ */ jsx(
-      DialogContentImpl$1,
+      DialogContentImpl$2,
       {
         ...props,
         ref: forwardedRef,
@@ -55270,16 +55270,16 @@ var DialogContentNonModal$1 = React.forwardRef(
     );
   }
 );
-var DialogContentImpl$1 = React.forwardRef(
+var DialogContentImpl$2 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
-    const context = useDialogContext$1(CONTENT_NAME$6, __scopeDialog);
+    const context = useDialogContext$2(CONTENT_NAME$7, __scopeDialog);
     const contentRef = React.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
-    useFocusGuards();
+    useFocusGuards$1();
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsx(
-        FocusScope$1,
+        FocusScope$2,
         {
           asChild: true,
           loop: true,
@@ -55293,7 +55293,7 @@ var DialogContentImpl$1 = React.forwardRef(
               id: context.contentId,
               "aria-describedby": context.descriptionId,
               "aria-labelledby": context.titleId,
-              "data-state": getState$3(context.open),
+              "data-state": getState$4(context.open),
               ...contentProps,
               ref: composedRefs,
               onDismiss: () => context.onOpenChange(false)
@@ -55302,35 +55302,35 @@ var DialogContentImpl$1 = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxs(Fragment$1, { children: [
-        /* @__PURE__ */ jsx(TitleWarning$1, { titleId: context.titleId }),
-        /* @__PURE__ */ jsx(DescriptionWarning$2, { contentRef, descriptionId: context.descriptionId })
+        /* @__PURE__ */ jsx(TitleWarning$2, { titleId: context.titleId }),
+        /* @__PURE__ */ jsx(DescriptionWarning$3, { contentRef, descriptionId: context.descriptionId })
       ] })
     ] });
   }
 );
-var TITLE_NAME$2 = "DialogTitle";
-var DialogTitle$2 = React.forwardRef(
+var TITLE_NAME$3 = "DialogTitle";
+var DialogTitle$3 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
-    const context = useDialogContext$1(TITLE_NAME$2, __scopeDialog);
+    const context = useDialogContext$2(TITLE_NAME$3, __scopeDialog);
     return /* @__PURE__ */ jsx(Primitive$5.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
-DialogTitle$2.displayName = TITLE_NAME$2;
-var DESCRIPTION_NAME$2 = "DialogDescription";
-var DialogDescription$2 = React.forwardRef(
+DialogTitle$3.displayName = TITLE_NAME$3;
+var DESCRIPTION_NAME$3 = "DialogDescription";
+var DialogDescription$3 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
-    const context = useDialogContext$1(DESCRIPTION_NAME$2, __scopeDialog);
+    const context = useDialogContext$2(DESCRIPTION_NAME$3, __scopeDialog);
     return /* @__PURE__ */ jsx(Primitive$5.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
   }
 );
-DialogDescription$2.displayName = DESCRIPTION_NAME$2;
-var CLOSE_NAME$2 = "DialogClose";
-var DialogClose$1 = React.forwardRef(
+DialogDescription$3.displayName = DESCRIPTION_NAME$3;
+var CLOSE_NAME$3 = "DialogClose";
+var DialogClose$2 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...closeProps } = props;
-    const context = useDialogContext$1(CLOSE_NAME$2, __scopeDialog);
+    const context = useDialogContext$2(CLOSE_NAME$3, __scopeDialog);
     return /* @__PURE__ */ jsx(
       Primitive$5.button,
       {
@@ -55342,18 +55342,18 @@ var DialogClose$1 = React.forwardRef(
     );
   }
 );
-DialogClose$1.displayName = CLOSE_NAME$2;
-function getState$3(open) {
+DialogClose$2.displayName = CLOSE_NAME$3;
+function getState$4(open) {
   return open ? "open" : "closed";
 }
-var TITLE_WARNING_NAME$1 = "DialogTitleWarning";
-var [WarningProvider$1, useWarningContext$1] = createContext2(TITLE_WARNING_NAME$1, {
-  contentName: CONTENT_NAME$6,
-  titleName: TITLE_NAME$2,
+var TITLE_WARNING_NAME$2 = "DialogTitleWarning";
+var [WarningProvider$2, useWarningContext$2] = createContext2(TITLE_WARNING_NAME$2, {
+  contentName: CONTENT_NAME$7,
+  titleName: TITLE_NAME$3,
   docsSlug: "dialog"
 });
-var TitleWarning$1 = ({ titleId }) => {
-  const titleWarningContext = useWarningContext$1(TITLE_WARNING_NAME$1);
+var TitleWarning$2 = ({ titleId }) => {
+  const titleWarningContext = useWarningContext$2(TITLE_WARNING_NAME$2);
   const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
@@ -55367,9 +55367,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   }, [MESSAGE, titleId]);
   return null;
 };
-var DESCRIPTION_WARNING_NAME$1 = "DialogDescriptionWarning";
-var DescriptionWarning$2 = ({ contentRef, descriptionId }) => {
-  const descriptionWarningContext = useWarningContext$1(DESCRIPTION_WARNING_NAME$1);
+var DESCRIPTION_WARNING_NAME$2 = "DialogDescriptionWarning";
+var DescriptionWarning$3 = ({ contentRef, descriptionId }) => {
+  const descriptionWarningContext = useWarningContext$2(DESCRIPTION_WARNING_NAME$2);
   const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
   React.useEffect(() => {
     const describedById = contentRef.current?.getAttribute("aria-describedby");
@@ -55380,30 +55380,30 @@ var DescriptionWarning$2 = ({ contentRef, descriptionId }) => {
   }, [MESSAGE, contentRef, descriptionId]);
   return null;
 };
-var Root$8 = Dialog$1;
-var Trigger$4 = DialogTrigger$2;
-var Portal$5 = DialogPortal$2;
-var Overlay$1 = DialogOverlay$2;
-var Content$3 = DialogContent$2;
-var Title$1 = DialogTitle$2;
-var Description$1 = DialogDescription$2;
-var Close$1 = DialogClose$1;
-
-const Dialog = Root$8;
-const DialogTrigger$1 = Trigger$4;
-const DialogPortal$1 = Portal$5;
-const DialogOverlay$1 = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay$1, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
-DialogOverlay$1.displayName = Overlay$1.displayName;
-const DialogContent$1 = React.forwardRef(({ className, children, ...props }, ref) => (jsxs(DialogPortal$1, { children: [jsx(DialogOverlay$1, {}), jsxs(Content$3, { ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className), ...props, children: [children, jsxs(Close$1, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [jsx(X, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
-DialogContent$1.displayName = Content$3.displayName;
+var Root$9 = Dialog$2;
+var Trigger$4 = DialogTrigger$3;
+var Portal$6 = DialogPortal$3;
+var Overlay$2 = DialogOverlay$3;
+var Content$4 = DialogContent$3;
+var Title$1 = DialogTitle$3;
+var Description$1 = DialogDescription$3;
+var Close$1 = DialogClose$2;
+
+const Dialog$1 = Root$9;
+const DialogTrigger$2 = Trigger$4;
+const DialogPortal$2 = Portal$6;
+const DialogOverlay$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay$2, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
+DialogOverlay$2.displayName = Overlay$2.displayName;
+const DialogContent$2 = React.forwardRef(({ className, children, ...props }, ref) => (jsxs(DialogPortal$2, { children: [jsx(DialogOverlay$2, {}), jsxs(Content$4, { ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className), ...props, children: [children, jsxs(Close$1, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [jsx(X$1, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+DialogContent$2.displayName = Content$4.displayName;
 const DialogHeader = ({ className, ...props }) => (jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
 DialogHeader.displayName = "DialogHeader";
 const DialogFooter = ({ className, ...props }) => (jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
 DialogFooter.displayName = "DialogFooter";
-const DialogTitle$1 = React.forwardRef(({ className, ...props }, ref) => (jsx(Title$1, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
-DialogTitle$1.displayName = Title$1.displayName;
-const DialogDescription$1 = React.forwardRef(({ className, ...props }, ref) => (jsx(Description$1, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
-DialogDescription$1.displayName = Description$1.displayName;
+const DialogTitle$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Title$1, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
+DialogTitle$2.displayName = Title$1.displayName;
+const DialogDescription$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Description$1, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+DialogDescription$2.displayName = Description$1.displayName;
 
 const Security = ({ email, onAccountDeleted, }) => {
     const [resetPassword] = useResetPasswordMutation();
@@ -55446,7 +55446,7 @@ const Security = ({ email, onAccountDeleted, }) => {
             setDeleting(false);
         }
     };
-    return (jsxs(Fragment$1, { children: [jsxs("div", { className: "border border-gray-200 rounded-lg p-6", children: [jsxs("div", { className: "max-w-md mx-auto text-center py-12", children: [jsx("div", { className: "text-gray-400 dark:text-gray-500 mb-6", children: jsx(Shield, { className: "h-20 w-20 mx-auto" }) }), jsx("h4", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100 mb-4", children: "Security Settings" }), jsx("p", { className: "text-gray-600 dark:text-gray-400 mb-8", children: "Click to reset your password." }), jsx(Button$1, { className: "w-full bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", onClick: handleResetPasswordLink, disabled: processing, children: processing ? 'Sending Password Reset Link...' : 'Send Password Reset Link' })] }), jsx("div", { className: "flex justify-end", children: jsx("button", { type: "button", className: "text-sm text-gray-400 hover:text-[#2563EB] hover:underline transition-colors", onClick: () => setIsConfirmOpen(true), children: "Delete account" }) })] }), jsx(Dialog, { open: isConfirmOpen, onOpenChange: setIsConfirmOpen, children: jsxs(DialogContent$1, { children: [jsxs(DialogHeader, { children: [jsx(DialogTitle$1, { children: "Are you sure?" }), jsx(DialogDescription$1, { children: "This will permanently delete your account and all associated data. This action cannot be undone. You will be logged out upon successful deletion." })] }), jsxs(DialogFooter, { children: [jsx(Button$1, { variant: "outline", onClick: () => setIsConfirmOpen(false), disabled: deleting, children: "Cancel" }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", onClick: handleDeleteAccount, disabled: deleting, children: deleting ? 'Deleting...' : 'Yes, Delete My Account' })] })] }) }), jsx(Toaster, {})] }));
+    return (jsxs(Fragment$1, { children: [jsxs("div", { className: "border border-gray-200 rounded-lg p-6", children: [jsxs("div", { className: "max-w-md mx-auto text-center py-12", children: [jsx("div", { className: "text-gray-400 dark:text-gray-500 mb-6", children: jsx(Shield, { className: "h-20 w-20 mx-auto" }) }), jsx("h4", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100 mb-4", children: "Security Settings" }), jsx("p", { className: "text-gray-600 dark:text-gray-400 mb-8", children: "Click to reset your password." }), jsx(Button$1, { className: "w-full bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", onClick: handleResetPasswordLink, disabled: processing, children: processing ? 'Sending Password Reset Link...' : 'Send Password Reset Link' })] }), jsx("div", { className: "flex justify-end", children: jsx("button", { type: "button", className: "text-sm text-gray-400 hover:text-[#2563EB] hover:underline transition-colors", onClick: () => setIsConfirmOpen(true), children: "Delete account" }) })] }), jsx(Dialog$1, { open: isConfirmOpen, onOpenChange: setIsConfirmOpen, children: jsxs(DialogContent$2, { children: [jsxs(DialogHeader, { children: [jsx(DialogTitle$2, { children: "Are you sure?" }), jsx(DialogDescription$2, { children: "This will permanently delete your account and all associated data. This action cannot be undone. You will be logged out upon successful deletion." })] }), jsxs(DialogFooter, { children: [jsx(Button$1, { variant: "outline", onClick: () => setIsConfirmOpen(false), disabled: deleting, children: "Cancel" }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", onClick: handleDeleteAccount, disabled: deleting, children: deleting ? 'Deleting...' : 'Yes, Delete My Account' })] })] }) }), jsx(Toaster, {})] }));
 };
 
 var md5 = {exports: {}};
@@ -57357,7 +57357,7 @@ var Switch$1 = React.forwardRef(
           role: "switch",
           "aria-checked": checked,
           "aria-required": required,
-          "data-state": getState$2(checked),
+          "data-state": getState$3(checked),
           "data-disabled": disabled ? "" : void 0,
           disabled,
           value,
@@ -57398,7 +57398,7 @@ var SwitchThumb = React.forwardRef(
     return /* @__PURE__ */ jsx(
       Primitive$3.span,
       {
-        "data-state": getState$2(context.checked),
+        "data-state": getState$3(context.checked),
         "data-disabled": context.disabled ? "" : void 0,
         ...thumbProps,
         ref: forwardedRef
@@ -57457,14 +57457,14 @@ var SwitchBubbleInput = React.forwardRef(
   }
 );
 SwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;
-function getState$2(checked) {
+function getState$3(checked) {
   return checked ? "checked" : "unchecked";
 }
-var Root$7 = Switch$1;
+var Root$8 = Switch$1;
 var Thumb = SwitchThumb;
 
-const Switch = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$7, { className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref, children: jsx(Thumb, { className: cn("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") }) })));
-Switch.displayName = Root$7.displayName;
+const Switch = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$8, { className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref, children: jsx(Thumb, { className: cn("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") }) })));
+Switch.displayName = Root$8.displayName;
 
 var DISMISSABLE_LAYER_NAME$1 = "DismissableLayer";
 var CONTEXT_UPDATE$1 = "dismissableLayer.update";
@@ -57686,7 +57686,7 @@ var Arrow$1 = React.forwardRef((props, forwardedRef) => {
   );
 });
 Arrow$1.displayName = NAME$4;
-var Root$6 = Arrow$1;
+var Root$7 = Arrow$1;
 
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope$1(POPPER_NAME);
@@ -57711,8 +57711,8 @@ var PopperAnchor = React.forwardRef(
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$1;
-var CONTENT_NAME$5 = "PopperContent";
-var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$5);
+var CONTENT_NAME$6 = "PopperContent";
+var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$6);
 var PopperContent = React.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -57731,7 +57731,7 @@ var PopperContent = React.forwardRef(
       onPlaced,
       ...contentProps
     } = props;
-    const context = usePopperContext(CONTENT_NAME$5, __scopePopper);
+    const context = usePopperContext(CONTENT_NAME$6, __scopePopper);
     const [content, setContent] = React.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
     const [arrow, setArrow] = React.useState(null);
@@ -57854,7 +57854,7 @@ var PopperContent = React.forwardRef(
     );
   }
 );
-PopperContent.displayName = CONTENT_NAME$5;
+PopperContent.displayName = CONTENT_NAME$6;
 var ARROW_NAME$2 = "PopperArrow";
 var OPPOSITE_SIDE = {
   top: "bottom",
@@ -57894,7 +57894,7 @@ var PopperArrow = React.forwardRef(function PopperArrow2(props, forwardedRef) {
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ jsx(
-          Root$6,
+          Root$7,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -57950,18 +57950,18 @@ function getSideAndAlignFromPlacement(placement) {
 }
 var Root2$2 = Popper;
 var Anchor = PopperAnchor;
-var Content$2 = PopperContent;
+var Content$3 = PopperContent;
 var Arrow = PopperArrow;
 
-var PORTAL_NAME$5 = "Portal";
-var Portal$4 = React.forwardRef((props, forwardedRef) => {
+var PORTAL_NAME$6 = "Portal";
+var Portal$5 = React.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
   return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$4.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
-Portal$4.displayName = PORTAL_NAME$5;
+Portal$5.displayName = PORTAL_NAME$6;
 
 // src/visually-hidden.tsx
 var VISUALLY_HIDDEN_STYLES = Object.freeze({
@@ -57991,7 +57991,7 @@ var VisuallyHidden = React.forwardRef(
   }
 );
 VisuallyHidden.displayName = NAME$3;
-var Root$5 = VisuallyHidden;
+var Root$6 = VisuallyHidden;
 
 var [createTooltipContext, createTooltipScope] = createContextScope$1("Tooltip", [
   createPopperScope
@@ -58136,12 +58136,12 @@ var Tooltip$1 = (props) => {
   ) });
 };
 Tooltip$1.displayName = TOOLTIP_NAME;
-var TRIGGER_NAME$4 = "TooltipTrigger";
+var TRIGGER_NAME$5 = "TooltipTrigger";
 var TooltipTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTooltip, ...triggerProps } = props;
-    const context = useTooltipContext(TRIGGER_NAME$4, __scopeTooltip);
-    const providerContext = useTooltipProviderContext(TRIGGER_NAME$4, __scopeTooltip);
+    const context = useTooltipContext(TRIGGER_NAME$5, __scopeTooltip);
+    const providerContext = useTooltipProviderContext(TRIGGER_NAME$5, __scopeTooltip);
     const popperScope = usePopperScope$1(__scopeTooltip);
     const ref = React.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref, context.onTriggerChange);
@@ -58185,29 +58185,29 @@ var TooltipTrigger$1 = React.forwardRef(
     ) });
   }
 );
-TooltipTrigger$1.displayName = TRIGGER_NAME$4;
-var PORTAL_NAME$4 = "TooltipPortal";
-var [PortalProvider$2, usePortalContext$2] = createTooltipContext(PORTAL_NAME$4, {
+TooltipTrigger$1.displayName = TRIGGER_NAME$5;
+var PORTAL_NAME$5 = "TooltipPortal";
+var [PortalProvider$3, usePortalContext$3] = createTooltipContext(PORTAL_NAME$5, {
   forceMount: void 0
 });
 var TooltipPortal = (props) => {
   const { __scopeTooltip, forceMount, children, container } = props;
-  const context = useTooltipContext(PORTAL_NAME$4, __scopeTooltip);
-  return /* @__PURE__ */ jsx(PortalProvider$2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$4, { asChild: true, container, children }) }) });
+  const context = useTooltipContext(PORTAL_NAME$5, __scopeTooltip);
+  return /* @__PURE__ */ jsx(PortalProvider$3, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$5, { asChild: true, container, children }) }) });
 };
-TooltipPortal.displayName = PORTAL_NAME$4;
-var CONTENT_NAME$4 = "TooltipContent";
+TooltipPortal.displayName = PORTAL_NAME$5;
+var CONTENT_NAME$5 = "TooltipContent";
 var TooltipContent$1 = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext$2(CONTENT_NAME$4, props.__scopeTooltip);
+    const portalContext = usePortalContext$3(CONTENT_NAME$5, props.__scopeTooltip);
     const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
-    const context = useTooltipContext(CONTENT_NAME$4, props.__scopeTooltip);
+    const context = useTooltipContext(CONTENT_NAME$5, props.__scopeTooltip);
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ jsx(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
   }
 );
 var TooltipContentHoverable = React.forwardRef((props, forwardedRef) => {
-  const context = useTooltipContext(CONTENT_NAME$4, props.__scopeTooltip);
-  const providerContext = useTooltipProviderContext(CONTENT_NAME$4, props.__scopeTooltip);
+  const context = useTooltipContext(CONTENT_NAME$5, props.__scopeTooltip);
+  const providerContext = useTooltipProviderContext(CONTENT_NAME$5, props.__scopeTooltip);
   const ref = React.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const [pointerGraceArea, setPointerGraceArea] = React.useState(null);
@@ -58278,7 +58278,7 @@ var TooltipContentImpl = React.forwardRef(
       onPointerDownOutside,
       ...contentProps
     } = props;
-    const context = useTooltipContext(CONTENT_NAME$4, __scopeTooltip);
+    const context = useTooltipContext(CONTENT_NAME$5, __scopeTooltip);
     const popperScope = usePopperScope$1(__scopeTooltip);
     const { onClose } = context;
     React.useEffect(() => {
@@ -58305,7 +58305,7 @@ var TooltipContentImpl = React.forwardRef(
         onFocusOutside: (event) => event.preventDefault(),
         onDismiss: onClose,
         children: /* @__PURE__ */ jsxs(
-          Content$2,
+          Content$3,
           {
             "data-state": context.stateAttribute,
             ...popperScope,
@@ -58324,7 +58324,7 @@ var TooltipContentImpl = React.forwardRef(
             },
             children: [
               /* @__PURE__ */ jsx(Slottable$2, { children }),
-              /* @__PURE__ */ jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsx(Root$5, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
+              /* @__PURE__ */ jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsx(Root$6, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
             ]
           }
         )
@@ -58332,7 +58332,7 @@ var TooltipContentImpl = React.forwardRef(
     );
   }
 );
-TooltipContent$1.displayName = CONTENT_NAME$4;
+TooltipContent$1.displayName = CONTENT_NAME$5;
 var ARROW_NAME$1 = "TooltipArrow";
 var TooltipArrow = React.forwardRef(
   (props, forwardedRef) => {
@@ -58464,7 +58464,7 @@ function getHullPresorted(points) {
 var Provider = TooltipProvider$1;
 var Root3 = Tooltip$1;
 var Trigger$3 = TooltipTrigger$1;
-var Portal$3 = TooltipPortal;
+var Portal$4 = TooltipPortal;
 var Content2$2 = TooltipContent$1;
 var Arrow2 = TooltipArrow;
 
@@ -58478,7 +58478,7 @@ function TooltipTrigger({ ...props }) {
     return jsx(Trigger$3, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({ className, sideOffset = 0, children, ...props }) {
-    return (jsx(Portal$3, { children: jsxs(Content2$2, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className), ...props, children: [children, jsx(Arrow2, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
+    return (jsx(Portal$4, { children: jsxs(Content2$2, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className), ...props, children: [children, jsx(Arrow2, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
 }
 
 // packages/react/context/src/createContext.tsx
@@ -58574,7 +58574,7 @@ function composeRefs(...refs) {
 }
 
 // packages/react/slot/src/Slot.tsx
-var Slot$2 = React.forwardRef((props, forwardedRef) => {
+var Slot$3 = React.forwardRef((props, forwardedRef) => {
   const { children, ...slotProps } = props;
   const childrenArray = React.Children.toArray(children);
   const slottable = childrenArray.find(isSlottable$1);
@@ -58592,7 +58592,7 @@ var Slot$2 = React.forwardRef((props, forwardedRef) => {
   }
   return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
 });
-Slot$2.displayName = "Slot";
+Slot$3.displayName = "Slot";
 var SlotClone = React.forwardRef((props, forwardedRef) => {
   const { children, ...slotProps } = props;
   if (React.isValidElement(children)) {
@@ -58671,7 +58671,7 @@ var NODES$2 = [
 var Primitive$2 = NODES$2.reduce((primitive, node) => {
   const Node = React.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot$2 : node;
+    const Comp = asChild ? Slot$3 : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
@@ -58765,11 +58765,11 @@ function getInvalidValueError(propValue, componentName) {
 
 Defaulting to \`null\`.`;
 }
-var Root$4 = Progress$1;
+var Root$5 = Progress$1;
 var Indicator = ProgressIndicator;
 
-const Progress = React.forwardRef(({ className, value, ...props }, ref) => (jsx(Root$4, { ref: ref, className: cn('bg-secondary relative h-4 w-full overflow-hidden rounded-full', className), ...props, children: jsx(Indicator, { className: "bg-primary h-full w-full flex-1 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
-Progress.displayName = Root$4.displayName;
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => (jsx(Root$5, { ref: ref, className: cn('bg-secondary relative h-4 w-full overflow-hidden rounded-full', className), ...props, children: jsx(Indicator, { className: "bg-primary h-full w-full flex-1 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
+Progress.displayName = Root$5.displayName;
 
 const LOCAL_LLM_ENABLED_KEY = 'ibl_local_llm_enabled';
 /**
@@ -58918,7 +58918,7 @@ function LocalLLMTab({ isAvailable, state, ollamaStatus, isUsingFoundry = false,
                 state.status === 'checking' ||
                 !(ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed) ||
                 !(ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed);
-    return (jsx("div", { className: "max-w-2xl space-y-6", children: jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between rounded-lg border px-6 py-4", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "Enable Local LLM" }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { "aria-label": "More info about Local LLM", className: "hidden sm:block", children: jsx(Info, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium max-w-xs text-white shadow-sm transition-opacity duration-300 z-50", children: jsxs("div", { className: "space-y-2", children: [jsx("p", { children: "Work offline with AI capabilities on your device." }), (foundryStatus === null || foundryStatus === void 0 ? void 0 : foundryStatus.is_supported) && (jsx("p", { className: "text-xs text-gray-300", children: "Your device automatically uses the best offline AI option available." }))] }) })] }) })] }), jsx(Switch, { checked: switchChecked, onCheckedChange: handleToggle, disabled: switchDisabled, "aria-label": `Enable Local LLM ${switchChecked ? 'enabled' : 'disabled'}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), shouldShowFoundryInstall ? (jsx("div", { className: "rounded-lg border px-6 py-4 bg-blue-50/30 dark:bg-blue-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "flex items-start gap-3", children: jsxs("div", { className: "flex items-center gap-2 flex-shrink-0 mt-0.5", children: [jsx(Star, { className: "h-5 w-5 text-blue-600 fill-blue-600" }), jsx("span", { className: "px-2 py-0.5 text-xs font-semibold bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300 rounded-full", children: "PREFERRED" })] }) }), jsxs("div", { className: "flex items-start gap-3", children: [jsx(Info, { className: "h-5 w-5 text-blue-500 flex-shrink-0 mt-0.5" }), jsxs("div", { className: "flex-1", children: [jsx("h3", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Setting up offline AI" }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Downloading optimized AI capabilities for your device. This enables you to work offline with full AI features." })] })] }), state.status === 'downloading' || state.status === 'checking' ? (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: state.message || 'Preparing download...' })] }), state.progress > 0 && jsx(Progress, { value: state.progress, className: "h-2" })] })) : state.status === 'error' ? (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2 text-red-600 dark:text-red-400", children: [jsx(CircleX, { className: "h-4 w-4" }), jsx("span", { className: "text-sm", children: state.error || 'Download failed' })] }), jsx("div", { className: "flex gap-2", children: jsxs(Button$1, { onClick: onInstallFoundry, size: "sm", variant: "outline", children: [jsx(RefreshCw, { className: "h-4 w-4 mr-2" }), "Try Again"] }) })] })) : (jsx("div", { className: "space-y-2", children: jsxs("div", { className: "flex items-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: "Starting download..." })] }) })), jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: [jsx("p", { className: "font-medium mb-1", children: "Download size: ~500MB" }), jsx("p", { children: "This is a one-time setup to enable offline capabilities." })] })] }) })) : /* Requirements Table - Hidden when using Foundry Local */ !isUsingFoundry ? (jsxs(Fragment$1, { children: [(foundryStatus === null || foundryStatus === void 0 ? void 0 : foundryStatus.is_supported) && (jsx("div", { className: "rounded-lg border px-4 py-3 bg-blue-50/20 dark:bg-blue-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "flex items-start gap-2", children: [jsx(Info, { className: "h-4 w-4 text-blue-600 flex-shrink-0 mt-0.5" }), jsxs("div", { className: "text-xs text-gray-600 dark:text-gray-400", children: [jsx("span", { className: "font-medium text-gray-900 dark:text-gray-100", children: "Note:" }), " Your device supports an optimized offline AI option. Currently using alternative setup. For best performance, download the recommended option above."] })] }) })), jsx("div", { className: "rounded-lg border overflow-hidden", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("table", { className: "w-full", children: [jsx("thead", { children: jsxs("tr", { className: "bg-gray-50 dark:bg-gray-800/50", children: [jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Component" }), jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Status" }), jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Action" })] }) }), jsxs("tbody", { className: "bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-800", children: [jsxs("tr", { children: [jsxs("td", { className: "px-6 py-4 whitespace-nowrap", children: [jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Model Manager" }), jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Required to run AI models locally" })] }), jsx("td", { className: "px-6 py-4", children: jsx("div", { className: "space-y-2", children: isManagerInstalling ? (jsxs("div", { className: "space-y-2", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), "Installing..."] }), jsx("div", { className: "w-full max-w-[200px]", children: jsx(Progress, { value: state.managerInstallProgress || 0, className: "h-1.5" }) })] })) : (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed) ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: [jsx(CircleCheckBig, { className: "h-3 w-3" }), "Installed"] }), ollamaStatus.running && (jsx("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: "Running" }))] })) : (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(CircleX, { className: "h-3 w-3" }), "Not Installed"] })) }) }), jsxs("td", { className: "px-6 py-4 text-right", children: [showInstallManagerButton && !isManagerInstalling && (jsxs(Button$1, { onClick: onInstallOllama, size: "sm", variant: "outline", children: [jsx(Download, { className: "h-4 w-4 mr-2" }), "Install"] })), (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed) && (jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", children: jsx(RefreshCw, { className: "h-4 w-4" }) }))] })] }), jsxs("tr", { children: [jsxs("td", { className: "px-6 py-4 whitespace-nowrap", children: [jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "AI Model (Phi-3 Mini)" }), jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: isDownloading ? state.message : 'Local language model for offline use' })] }), jsx("td", { className: "px-6 py-4", children: jsx("div", { className: "space-y-2", children: isDownloading ? (jsxs("div", { className: "space-y-2", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), Math.round(state.progress), "%"] }), jsx("div", { className: "w-full max-w-[200px]", children: jsx(Progress, { value: state.progress, className: "h-1.5" }) })] })) : state.status === 'checking' ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), "Checking"] })) : state.status === 'completed' || (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed) ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: [jsx(CircleCheckBig, { className: "h-3 w-3" }), "Ready"] })) : state.status === 'error' ? (jsxs("div", { className: "space-y-1", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300 rounded-full", children: [jsx(CircleX, { className: "h-3 w-3" }), "Error"] }), state.error && (jsx("p", { className: "text-xs text-red-600 dark:text-red-400 max-w-[200px]", children: state.error }))] })) : state.status === 'cancelled' ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(X, { className: "h-3 w-3" }), "Cancelled"] })) : (jsx("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: "Not Downloaded" })) }) }), jsx("td", { className: "px-6 py-4 text-right", children: jsxs("div", { className: "flex items-center justify-end gap-2", children: [isDownloading && (jsxs(Button$1, { onClick: onCancelDownload, variant: "outline", size: "sm", children: [jsx(X, { className: "h-4 w-4 mr-2" }), "Cancel"] })), needsModelDownload && !isDownloading && (jsxs(Button$1, { onClick: onStartDownload, size: "sm", variant: "outline", children: [jsx(Download, { className: "h-4 w-4 mr-2" }), "Download"] })), state.status === 'error' && (jsx(Button$1, { onClick: onResetState, variant: "ghost", size: "sm", children: "Reset" })), (state.status === 'completed' || state.status === 'cancelled') && (jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", children: jsx(RefreshCw, { className: "h-4 w-4" }) }))] }) })] })] })] }) })] })) : (jsx("div", { className: "rounded-lg border px-6 py-4 bg-green-50/30 dark:bg-green-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "flex items-center justify-between", children: jsxs("div", { className: "flex items-center gap-3", children: [jsx(CircleCheckBig, { className: "h-8 w-8 text-green-500 flex-shrink-0" }), jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("h3", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Offline AI Ready" }), jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-semibold bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300 rounded-full", children: [jsx(Star, { className: "h-3 w-3 fill-blue-700 dark:fill-blue-300" }), "PREFERRED"] })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Your device is using the optimized offline AI setup. You can work with full capabilities even without internet." })] })] }) }), foundryModels.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-xs font-medium text-gray-700 dark:text-gray-300", children: "Select Model" }), jsxs(Select$1, { value: selectedFoundryModel || ((_b = foundryModels[0]) === null || _b === void 0 ? void 0 : _b.id), onValueChange: (value) => onSelectFoundryModel === null || onSelectFoundryModel === void 0 ? void 0 : onSelectFoundryModel(value), children: [jsx(SelectTrigger, { className: "w-full bg-gray-50 border-gray-200 dark:bg-gray-800 dark:border-gray-700", children: jsx(SelectValue, { placeholder: "Select a model" }) }), jsx(SelectContent, { children: foundryModels.map((model) => (jsx(SelectItem, { value: model.id, children: jsxs("div", { className: "flex items-center justify-between w-full gap-4", children: [jsx("span", { className: "font-medium", children: model.name || model.id }), jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [model.device && (jsx("span", { className: "px-2 py-0.5 bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300 rounded", children: model.device })), model.size && jsx("span", { children: model.size }), !model.is_downloaded && (jsx("span", { className: "px-2 py-0.5 bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300 rounded", children: "Not Downloaded" })), model.is_downloaded && (jsx("span", { className: "px-2 py-0.5 bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300 rounded", children: "Downloaded" }))] })] }) }, model.id))) })] }), jsxs("div", { className: "flex flex-col gap-1", children: [jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [foundryModels.length, " model", foundryModels.length !== 1 ? 's' : '', " available"] }), selectedFoundryModel && (jsxs("div", { className: "flex items-center gap-1.5 text-xs text-green-600 dark:text-green-400", children: [jsx(CircleCheckBig, { className: "h-3.5 w-3.5" }), jsxs("span", { children: ["Using:", ' ', ((_c = foundryModels.find((m) => m.id === selectedFoundryModel)) === null || _c === void 0 ? void 0 : _c.name) ||
+    return (jsx("div", { className: "max-w-2xl space-y-6", children: jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between rounded-lg border px-6 py-4", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "Enable Local LLM" }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { "aria-label": "More info about Local LLM", className: "hidden sm:block", children: jsx(Info, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium max-w-xs text-white shadow-sm transition-opacity duration-300 z-50", children: jsxs("div", { className: "space-y-2", children: [jsx("p", { children: "Work offline with AI capabilities on your device." }), (foundryStatus === null || foundryStatus === void 0 ? void 0 : foundryStatus.is_supported) && (jsx("p", { className: "text-xs text-gray-300", children: "Your device automatically uses the best offline AI option available." }))] }) })] }) })] }), jsx(Switch, { checked: switchChecked, onCheckedChange: handleToggle, disabled: switchDisabled, "aria-label": `Enable Local LLM ${switchChecked ? 'enabled' : 'disabled'}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), shouldShowFoundryInstall ? (jsx("div", { className: "rounded-lg border px-6 py-4 bg-blue-50/30 dark:bg-blue-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "flex items-start gap-3", children: jsxs("div", { className: "flex items-center gap-2 flex-shrink-0 mt-0.5", children: [jsx(Star, { className: "h-5 w-5 text-blue-600 fill-blue-600" }), jsx("span", { className: "px-2 py-0.5 text-xs font-semibold bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300 rounded-full", children: "PREFERRED" })] }) }), jsxs("div", { className: "flex items-start gap-3", children: [jsx(Info, { className: "h-5 w-5 text-blue-500 flex-shrink-0 mt-0.5" }), jsxs("div", { className: "flex-1", children: [jsx("h3", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Setting up offline AI" }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Downloading optimized AI capabilities for your device. This enables you to work offline with full AI features." })] })] }), state.status === 'downloading' || state.status === 'checking' ? (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: state.message || 'Preparing download...' })] }), state.progress > 0 && jsx(Progress, { value: state.progress, className: "h-2" })] })) : state.status === 'error' ? (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2 text-red-600 dark:text-red-400", children: [jsx(CircleX, { className: "h-4 w-4" }), jsx("span", { className: "text-sm", children: state.error || 'Download failed' })] }), jsx("div", { className: "flex gap-2", children: jsxs(Button$1, { onClick: onInstallFoundry, size: "sm", variant: "outline", children: [jsx(RefreshCw, { className: "h-4 w-4 mr-2" }), "Try Again"] }) })] })) : (jsx("div", { className: "space-y-2", children: jsxs("div", { className: "flex items-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: "Starting download..." })] }) })), jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: [jsx("p", { className: "font-medium mb-1", children: "Download size: ~500MB" }), jsx("p", { children: "This is a one-time setup to enable offline capabilities." })] })] }) })) : /* Requirements Table - Hidden when using Foundry Local */ !isUsingFoundry ? (jsxs(Fragment$1, { children: [(foundryStatus === null || foundryStatus === void 0 ? void 0 : foundryStatus.is_supported) && (jsx("div", { className: "rounded-lg border px-4 py-3 bg-blue-50/20 dark:bg-blue-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "flex items-start gap-2", children: [jsx(Info, { className: "h-4 w-4 text-blue-600 flex-shrink-0 mt-0.5" }), jsxs("div", { className: "text-xs text-gray-600 dark:text-gray-400", children: [jsx("span", { className: "font-medium text-gray-900 dark:text-gray-100", children: "Note:" }), " Your device supports an optimized offline AI option. Currently using alternative setup. For best performance, download the recommended option above."] })] }) })), jsx("div", { className: "rounded-lg border overflow-hidden", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("table", { className: "w-full", children: [jsx("thead", { children: jsxs("tr", { className: "bg-gray-50 dark:bg-gray-800/50", children: [jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Component" }), jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Status" }), jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Action" })] }) }), jsxs("tbody", { className: "bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-800", children: [jsxs("tr", { children: [jsxs("td", { className: "px-6 py-4 whitespace-nowrap", children: [jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Model Manager" }), jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Required to run AI models locally" })] }), jsx("td", { className: "px-6 py-4", children: jsx("div", { className: "space-y-2", children: isManagerInstalling ? (jsxs("div", { className: "space-y-2", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), "Installing..."] }), jsx("div", { className: "w-full max-w-[200px]", children: jsx(Progress, { value: state.managerInstallProgress || 0, className: "h-1.5" }) })] })) : (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed) ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: [jsx(CircleCheckBig, { className: "h-3 w-3" }), "Installed"] }), ollamaStatus.running && (jsx("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: "Running" }))] })) : (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(CircleX, { className: "h-3 w-3" }), "Not Installed"] })) }) }), jsxs("td", { className: "px-6 py-4 text-right", children: [showInstallManagerButton && !isManagerInstalling && (jsxs(Button$1, { onClick: onInstallOllama, size: "sm", variant: "outline", children: [jsx(Download, { className: "h-4 w-4 mr-2" }), "Install"] })), (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed) && (jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", children: jsx(RefreshCw, { className: "h-4 w-4" }) }))] })] }), jsxs("tr", { children: [jsxs("td", { className: "px-6 py-4 whitespace-nowrap", children: [jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "AI Model (Phi-3 Mini)" }), jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: isDownloading ? state.message : 'Local language model for offline use' })] }), jsx("td", { className: "px-6 py-4", children: jsx("div", { className: "space-y-2", children: isDownloading ? (jsxs("div", { className: "space-y-2", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), Math.round(state.progress), "%"] }), jsx("div", { className: "w-full max-w-[200px]", children: jsx(Progress, { value: state.progress, className: "h-1.5" }) })] })) : state.status === 'checking' ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), "Checking"] })) : state.status === 'completed' || (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed) ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: [jsx(CircleCheckBig, { className: "h-3 w-3" }), "Ready"] })) : state.status === 'error' ? (jsxs("div", { className: "space-y-1", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300 rounded-full", children: [jsx(CircleX, { className: "h-3 w-3" }), "Error"] }), state.error && (jsx("p", { className: "text-xs text-red-600 dark:text-red-400 max-w-[200px]", children: state.error }))] })) : state.status === 'cancelled' ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(X$1, { className: "h-3 w-3" }), "Cancelled"] })) : (jsx("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: "Not Downloaded" })) }) }), jsx("td", { className: "px-6 py-4 text-right", children: jsxs("div", { className: "flex items-center justify-end gap-2", children: [isDownloading && (jsxs(Button$1, { onClick: onCancelDownload, variant: "outline", size: "sm", children: [jsx(X$1, { className: "h-4 w-4 mr-2" }), "Cancel"] })), needsModelDownload && !isDownloading && (jsxs(Button$1, { onClick: onStartDownload, size: "sm", variant: "outline", children: [jsx(Download, { className: "h-4 w-4 mr-2" }), "Download"] })), state.status === 'error' && (jsx(Button$1, { onClick: onResetState, variant: "ghost", size: "sm", children: "Reset" })), (state.status === 'completed' || state.status === 'cancelled') && (jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", children: jsx(RefreshCw, { className: "h-4 w-4" }) }))] }) })] })] })] }) })] })) : (jsx("div", { className: "rounded-lg border px-6 py-4 bg-green-50/30 dark:bg-green-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "flex items-center justify-between", children: jsxs("div", { className: "flex items-center gap-3", children: [jsx(CircleCheckBig, { className: "h-8 w-8 text-green-500 flex-shrink-0" }), jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("h3", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Offline AI Ready" }), jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-semibold bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300 rounded-full", children: [jsx(Star, { className: "h-3 w-3 fill-blue-700 dark:fill-blue-300" }), "PREFERRED"] })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Your device is using the optimized offline AI setup. You can work with full capabilities even without internet." })] })] }) }), foundryModels.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-xs font-medium text-gray-700 dark:text-gray-300", children: "Select Model" }), jsxs(Select$1, { value: selectedFoundryModel || ((_b = foundryModels[0]) === null || _b === void 0 ? void 0 : _b.id), onValueChange: (value) => onSelectFoundryModel === null || onSelectFoundryModel === void 0 ? void 0 : onSelectFoundryModel(value), children: [jsx(SelectTrigger, { className: "w-full bg-gray-50 border-gray-200 dark:bg-gray-800 dark:border-gray-700", children: jsx(SelectValue, { placeholder: "Select a model" }) }), jsx(SelectContent, { children: foundryModels.map((model) => (jsx(SelectItem, { value: model.id, children: jsxs("div", { className: "flex items-center justify-between w-full gap-4", children: [jsx("span", { className: "font-medium", children: model.name || model.id }), jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [model.device && (jsx("span", { className: "px-2 py-0.5 bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300 rounded", children: model.device })), model.size && jsx("span", { children: model.size }), !model.is_downloaded && (jsx("span", { className: "px-2 py-0.5 bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300 rounded", children: "Not Downloaded" })), model.is_downloaded && (jsx("span", { className: "px-2 py-0.5 bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300 rounded", children: "Downloaded" }))] })] }) }, model.id))) })] }), jsxs("div", { className: "flex flex-col gap-1", children: [jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [foundryModels.length, " model", foundryModels.length !== 1 ? 's' : '', " available"] }), selectedFoundryModel && (jsxs("div", { className: "flex items-center gap-1.5 text-xs text-green-600 dark:text-green-400", children: [jsx(CircleCheckBig, { className: "h-3.5 w-3.5" }), jsxs("span", { children: ["Using:", ' ', ((_c = foundryModels.find((m) => m.id === selectedFoundryModel)) === null || _c === void 0 ? void 0 : _c.name) ||
                                                                 selectedFoundryModel, ((_d = foundryModels.find((m) => m.id === selectedFoundryModel)) === null || _d === void 0 ? void 0 : _d.device) && (jsxs("span", { className: "ml-1 text-gray-500 dark:text-gray-400", children: ["(", (_e = foundryModels.find((m) => m.id === selectedFoundryModel)) === null || _e === void 0 ? void 0 : _e.device, ")"] }))] })] }))] })] })), state.status === 'downloading' && (jsxs("div", { className: "mt-4 p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("div", { className: "animate-spin h-5 w-5 border-2 border-blue-600 dark:border-blue-400 border-t-transparent rounded-full" }), jsxs("div", { className: "flex-1", children: [jsx("p", { className: "text-sm font-medium text-blue-900 dark:text-blue-100", children: state.message }), state.progress > 0 && (jsx("div", { className: "mt-2 w-full bg-blue-200 dark:bg-blue-800 rounded-full h-2", children: jsx("div", { className: "bg-blue-600 dark:bg-blue-400 h-2 rounded-full transition-all duration-300", style: { width: `${state.progress}%` } }) }))] })] }), state.logs.length > 0 && (jsx("div", { className: "mt-3 max-h-32 overflow-y-auto bg-white dark:bg-gray-800 rounded border border-blue-200 dark:border-blue-700 p-2", children: state.logs.slice(-10).map((log, idx) => (jsx("div", { className: `text-xs font-mono ${log.level === 'error'
                                                 ? 'text-red-600 dark:text-red-400'
                                                 : log.level === 'warn'
@@ -58977,11 +58977,11 @@ var Label$1 = React.forwardRef((props, forwardedRef) => {
   );
 });
 Label$1.displayName = NAME$2;
-var Root$3 = Label$1;
+var Root$4 = Label$1;
 
 const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-const Label = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$3, { ref: ref, className: cn(labelVariants(), className), ...props })));
-Label.displayName = Root$3.displayName;
+const Label = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$4, { ref: ref, className: cn(labelVariants(), className), ...props })));
+Label.displayName = Root$4.displayName;
 
 var dayjs_min = {exports: {}};
 
@@ -59098,7 +59098,7 @@ function InstitutionDialog({ open, onOpenChange, org, username }) {
             }
         },
     });
-    return (jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: jsx(DialogContent$1, { className: "p-0 overflow-hidden max-w-lg", children: jsxs("form", { onSubmit: (event) => {
+    return (jsx(Dialog$1, { open: open, onOpenChange: onOpenChange, children: jsx(DialogContent$2, { className: "p-0 overflow-hidden max-w-lg", children: jsxs("form", { onSubmit: (event) => {
                     event.preventDefault();
                     event.stopPropagation();
                     if (!form.state.isFormValid) {
@@ -59106,7 +59106,7 @@ function InstitutionDialog({ open, onOpenChange, org, username }) {
                         return;
                     }
                     form.handleSubmit();
-                }, children: [jsx("div", { className: "flex items-center justify-between px-6 py-4 border-b", children: jsx(DialogTitle$1, { className: "text-lg font-semibold text-gray-900", children: "Add Institution" }) }), jsx(DialogDescription$1, { className: "sr-only", children: "Create a new institution entry" }), jsxs("div", { className: "p-6 space-y-6 max-h-[70vh] overflow-y-auto", children: [jsx(form.Field, { name: "name", validators: {
+                }, children: [jsx("div", { className: "flex items-center justify-between px-6 py-4 border-b", children: jsx(DialogTitle$2, { className: "text-lg font-semibold text-gray-900", children: "Add Institution" }) }), jsx(DialogDescription$2, { className: "sr-only", children: "Create a new institution entry" }), jsxs("div", { className: "p-6 space-y-6 max-h-[70vh] overflow-y-auto", children: [jsx(form.Field, { name: "name", validators: {
                                     onChange: ({ value }) => (!value ? 'Name is required' : undefined),
                                 }, children: (field) => (jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "institution-name", children: "Name" }), jsx(Input, { id: "institution-name", value: field.state.value, onChange: (event) => field.handleChange(event.target.value), placeholder: "e.g. Harvard University" }), !field.state.meta.isValid && (jsx("p", { className: "text-sm text-red-500", children: field.state.meta.errors.join(', ') }))] })) }), jsx(form.Field, { name: "institution_type", validators: {
                                     onChange: ({ value }) => (!value ? 'Institution type is required' : undefined),
@@ -59254,7 +59254,7 @@ function EducationDialog({ open, onOpenChange, org, username, education, onCompl
     };
     const isCurrent = useStore(form.store, (state) => state.values.is_current);
     const isSubmitting = form.state.isSubmitting || isCreating || isUpdating;
-    return (jsxs(Fragment$1, { children: [jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: jsx(DialogContent$1, { className: "p-0 overflow-hidden max-w-2xl max-h-[90vh] overflow-y-auto", children: jsxs("form", { onSubmit: (event) => {
+    return (jsxs(Fragment$1, { children: [jsx(Dialog$1, { open: open, onOpenChange: onOpenChange, children: jsx(DialogContent$2, { className: "p-0 overflow-hidden max-w-2xl max-h-[90vh] overflow-y-auto", children: jsxs("form", { onSubmit: (event) => {
                             event.preventDefault();
                             event.stopPropagation();
                             if (!form.state.isFormValid) {
@@ -59262,7 +59262,7 @@ function EducationDialog({ open, onOpenChange, org, username, education, onCompl
                                 return;
                             }
                             form.handleSubmit();
-                        }, children: [jsx("div", { className: "px-6 py-4 border-b", children: jsxs("div", { children: [jsx(DialogTitle$1, { className: "text-lg font-semibold text-gray-900", children: education ? 'Edit education' : 'Add education' }), jsx(DialogDescription$1, { className: "text-sm text-gray-500", children: "Provide details about your academic background" })] }) }), jsxs("div", { className: "grid gap-6 p-6 md:grid-cols-2", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "education-degree", children: "Degree" }), jsx(form.Field, { name: "degree", validators: {
+                        }, children: [jsx("div", { className: "px-6 py-4 border-b", children: jsxs("div", { children: [jsx(DialogTitle$2, { className: "text-lg font-semibold text-gray-900", children: education ? 'Edit education' : 'Add education' }), jsx(DialogDescription$2, { className: "text-sm text-gray-500", children: "Provide details about your academic background" })] }) }), jsxs("div", { className: "grid gap-6 p-6 md:grid-cols-2", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "education-degree", children: "Degree" }), jsx(form.Field, { name: "degree", validators: {
                                                     onChange: ({ value }) => (!value ? 'Degree is required' : undefined),
                                                 }, children: (field) => (jsxs("div", { className: "space-y-2", children: [jsx(Input, { id: "education-degree", className: "h-10", value: field.state.value, onChange: (event) => field.handleChange(event.target.value), placeholder: "e.g. Bachelor of Science" }), !field.state.meta.isValid && (jsx("p", { className: "text-sm text-red-500", children: field.state.meta.errors.join(', ') }))] })) })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "education-field", children: "Field of study" }), jsx(form.Field, { name: "field_of_study", children: (field) => (jsxs(Select$1, { value: field.state.value, onValueChange: (value) => field.handleChange(value), children: [jsx(SelectTrigger, { id: "education-field", className: "h-10", children: jsx(SelectValue, { placeholder: "Select field" }) }), jsx(SelectContent, { children: FIELDS_OF_STUDY.map((fieldOption) => (jsx(SelectItem, { value: fieldOption, children: fieldOption }, fieldOption))) })] })) })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "education-institution", children: "Institution" }), jsx(form.Field, { name: "institution_id", validators: {
                                                     onChange: ({ value }) => (!value ? 'Institution is required' : undefined),
@@ -59354,7 +59354,7 @@ function CompanyDialog({ open, onOpenChange, org, username }) {
             }
         },
     });
-    return (jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: jsx(DialogContent$1, { className: "p-0 overflow-hidden max-w-lg", children: jsxs("form", { onSubmit: (event) => {
+    return (jsx(Dialog$1, { open: open, onOpenChange: onOpenChange, children: jsx(DialogContent$2, { className: "p-0 overflow-hidden max-w-lg", children: jsxs("form", { onSubmit: (event) => {
                     event.preventDefault();
                     event.stopPropagation();
                     if (!form.state.isFormValid) {
@@ -59362,7 +59362,7 @@ function CompanyDialog({ open, onOpenChange, org, username }) {
                         return;
                     }
                     form.handleSubmit();
-                }, children: [jsx("div", { className: "flex items-center justify-between px-6 py-4 border-b", children: jsx(DialogTitle$1, { className: "text-lg font-semibold text-gray-900", children: "Add Company" }) }), jsx(DialogDescription$1, { className: "sr-only", children: "Create a new company entry" }), jsxs("div", { className: "p-6 space-y-6", children: [jsx(form.Field, { name: "name", validators: {
+                }, children: [jsx("div", { className: "flex items-center justify-between px-6 py-4 border-b", children: jsx(DialogTitle$2, { className: "text-lg font-semibold text-gray-900", children: "Add Company" }) }), jsx(DialogDescription$2, { className: "sr-only", children: "Create a new company entry" }), jsxs("div", { className: "p-6 space-y-6", children: [jsx(form.Field, { name: "name", validators: {
                                     onChange: ({ value }) => (!value ? 'Name is required' : undefined),
                                 }, children: (field) => (jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "company-name", children: "Name" }), jsx(Input, { id: "company-name", value: field.state.value, onChange: (event) => field.handleChange(event.target.value), placeholder: "Enter company name" }), !field.state.meta.isValid && (jsx("p", { className: "text-sm text-red-500", children: field.state.meta.errors.join(', ') }))] })) }), jsx(form.Field, { name: "industry", validators: {
                                     onChange: ({ value }) => (!value ? 'Industry is required' : undefined),
@@ -59507,7 +59507,7 @@ function ExperienceDialog({ open, onOpenChange, org, username, experience, onCom
     };
     const isCurrent = useStore(form.store, (state) => state.values.is_current);
     const isSubmitting = form.state.isSubmitting || isCreating || isUpdating;
-    return (jsxs(Fragment$1, { children: [jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: jsx(DialogContent$1, { className: "p-0 overflow-hidden max-w-2xl max-h-[90vh] overflow-y-auto", children: jsxs("form", { onSubmit: (event) => {
+    return (jsxs(Fragment$1, { children: [jsx(Dialog$1, { open: open, onOpenChange: onOpenChange, children: jsx(DialogContent$2, { className: "p-0 overflow-hidden max-w-2xl max-h-[90vh] overflow-y-auto", children: jsxs("form", { onSubmit: (event) => {
                             event.preventDefault();
                             event.stopPropagation();
                             if (!form.state.isFormValid) {
@@ -59515,7 +59515,7 @@ function ExperienceDialog({ open, onOpenChange, org, username, experience, onCom
                                 return;
                             }
                             form.handleSubmit();
-                        }, children: [jsx("div", { className: "px-6 py-4 border-b", children: jsxs("div", { children: [jsx(DialogTitle$1, { className: "text-lg font-semibold text-gray-900", children: experience ? 'Edit experience' : 'Add experience' }), jsx(DialogDescription$1, { className: "text-sm text-gray-500", children: "Share your professional experience" })] }) }), jsxs("div", { className: "grid gap-6 p-6 md:grid-cols-2", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "experience-title", children: "Title" }), jsx(form.Field, { name: "title", validators: {
+                        }, children: [jsx("div", { className: "px-6 py-4 border-b", children: jsxs("div", { children: [jsx(DialogTitle$2, { className: "text-lg font-semibold text-gray-900", children: experience ? 'Edit experience' : 'Add experience' }), jsx(DialogDescription$2, { className: "text-sm text-gray-500", children: "Share your professional experience" })] }) }), jsxs("div", { className: "grid gap-6 p-6 md:grid-cols-2", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "experience-title", children: "Title" }), jsx(form.Field, { name: "title", validators: {
                                                     onChange: ({ value }) => (!value ? 'Title is required' : undefined),
                                                 }, children: (field) => (jsxs("div", { className: "space-y-2", children: [jsx(Input, { id: "experience-title", className: "h-10", value: field.state.value, onChange: (event) => field.handleChange(event.target.value), placeholder: "Enter title" }), !field.state.meta.isValid && (jsx("p", { className: "text-sm text-red-500", children: field.state.meta.errors.join(', ') }))] })) })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "experience-company", children: "Company" }), jsx(form.Field, { name: "company_id", validators: {
                                                     onChange: ({ value }) => (!value ? 'Company is required' : undefined),
@@ -81808,11 +81808,11 @@ function AddMemoryDialog({ open, onOpenChange, org, username }) {
             }
         }
     };
-    return (jsx(Dialog, { open: open, onOpenChange: (isOpen) => {
+    return (jsx(Dialog$1, { open: open, onOpenChange: (isOpen) => {
             if (!isOpen)
                 setContent('');
             onOpenChange(isOpen);
-        }, children: jsx(DialogContent$1, { className: "p-0 overflow-hidden max-w-lg", children: jsxs("form", { onSubmit: handleSubmit, children: [jsx("div", { className: "flex items-center justify-between px-6 py-4 border-b", children: jsx(DialogTitle$1, { className: "text-lg font-semibold text-gray-900", children: "Add Memory" }) }), jsx(DialogDescription$1, { className: "sr-only", children: "Add a new memory for the AI to remember about you" }), jsx("div", { className: "p-6 space-y-4", children: jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "memory-content", children: "What should the AI remember?" }), jsx(Textarea, { id: "memory-content", placeholder: "e.g., I prefer learning through practical examples rather than theory.", value: content, onChange: (e) => setContent(e.target.value), rows: 4, className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-sm resize-none", disabled: isLoading }), content.length > 0 && content.trim().length < 10 && (jsx("p", { className: "text-sm text-red-500", children: "Must be at least 10 characters" }))] }) }), jsxs("div", { className: "flex justify-end gap-3 border-t px-6 py-4", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isLoading, children: "Cancel" }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", type: "submit", disabled: isLoading || content.trim().length < 10, children: isLoading ? 'Saving...' : 'Save Memory' })] })] }) }) }));
+        }, children: jsx(DialogContent$2, { className: "p-0 overflow-hidden max-w-lg", children: jsxs("form", { onSubmit: handleSubmit, children: [jsx("div", { className: "flex items-center justify-between px-6 py-4 border-b", children: jsx(DialogTitle$2, { className: "text-lg font-semibold text-gray-900", children: "Add Memory" }) }), jsx(DialogDescription$2, { className: "sr-only", children: "Add a new memory for the AI to remember about you" }), jsx("div", { className: "p-6 space-y-4", children: jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "memory-content", children: "What should the AI remember?" }), jsx(Textarea, { id: "memory-content", placeholder: "e.g., I prefer learning through practical examples rather than theory.", value: content, onChange: (e) => setContent(e.target.value), rows: 4, className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-sm resize-none", disabled: isLoading }), content.length > 0 && content.trim().length < 10 && (jsx("p", { className: "text-sm text-red-500", children: "Must be at least 10 characters" }))] }) }), jsxs("div", { className: "flex justify-end gap-3 border-t px-6 py-4", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isLoading, children: "Cancel" }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", type: "submit", disabled: isLoading || content.trim().length < 10, children: isLoading ? 'Saving...' : 'Save Memory' })] })] }) }) }));
 }
 
 const Pagination = ({ className, ...props }) => (jsx("nav", { role: "navigation", "aria-label": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
@@ -82198,7 +82198,7 @@ var TabsList$1 = React.forwardRef(
     const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
     const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
     return /* @__PURE__ */ jsx(
-      Root$c,
+      Root$d,
       {
         asChild: true,
         ...rovingFocusGroupScope,
@@ -82219,11 +82219,11 @@ var TabsList$1 = React.forwardRef(
   }
 );
 TabsList$1.displayName = TAB_LIST_NAME;
-var TRIGGER_NAME$3 = "TabsTrigger";
+var TRIGGER_NAME$4 = "TabsTrigger";
 var TabsTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
-    const context = useTabsContext(TRIGGER_NAME$3, __scopeTabs);
+    const context = useTabsContext(TRIGGER_NAME$4, __scopeTabs);
     const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
     const triggerId = makeTriggerId(context.baseId, value);
     const contentId = makeContentId(context.baseId, value);
@@ -82270,12 +82270,12 @@ var TabsTrigger$1 = React.forwardRef(
     );
   }
 );
-TabsTrigger$1.displayName = TRIGGER_NAME$3;
-var CONTENT_NAME$3 = "TabsContent";
+TabsTrigger$1.displayName = TRIGGER_NAME$4;
+var CONTENT_NAME$4 = "TabsContent";
 var TabsContent$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
-    const context = useTabsContext(CONTENT_NAME$3, __scopeTabs);
+    const context = useTabsContext(CONTENT_NAME$4, __scopeTabs);
     const triggerId = makeTriggerId(context.baseId, value);
     const contentId = makeContentId(context.baseId, value);
     const isSelected = value === context.value;
@@ -82305,7 +82305,7 @@ var TabsContent$1 = React.forwardRef(
     ) });
   }
 );
-TabsContent$1.displayName = CONTENT_NAME$3;
+TabsContent$1.displayName = CONTENT_NAME$4;
 function makeTriggerId(baseId, value) {
   return `${baseId}-trigger-${value}`;
 }
@@ -82315,15 +82315,15 @@ function makeContentId(baseId, value) {
 var Root2$1 = Tabs$1;
 var List = TabsList$1;
 var Trigger$2 = TabsTrigger$1;
-var Content$1 = TabsContent$1;
+var Content$2 = TabsContent$1;
 
 const Tabs = Root2$1;
 const TabsList = React.forwardRef(({ className, ...props }, ref) => (jsx(List, { ref: ref, className: cn("bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-1", className), ...props })));
 TabsList.displayName = List.displayName;
 const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (jsx(Trigger$2, { ref: ref, className: cn("ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow", className), ...props })));
 TabsTrigger.displayName = Trigger$2.displayName;
-const TabsContent = React.forwardRef(({ className, ...props }, ref) => (jsx(Content$1, { ref: ref, className: cn("ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", className), ...props })));
-TabsContent.displayName = Content$1.displayName;
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => (jsx(Content$2, { ref: ref, className: cn("ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", className), ...props })));
+TabsContent.displayName = Content$2.displayName;
 
 const getUserName$1 = () => {
     var _a;
@@ -82420,7 +82420,7 @@ function CSVEditor({ csvData, onSave, onCancel }) {
     const getRowAccessibleName = (row, rowIndex) => {
         return row.join(' ') || `Row ${rowIndex + 1}`;
     };
-    return (jsx(Dialog, { open: true, onOpenChange: (open) => !open && onCancel(), children: jsxs(DialogContent$1, { className: "max-w-6xl max-h-[90vh] flex flex-col p-0", "data-testid": "csv-editor-dialog", "aria-describedby": "csv-editor-description", children: [jsxs(DialogHeader, { className: "px-6 py-4 border-b", children: [jsx("div", { className: "flex items-center justify-between", children: jsx(DialogTitle$1, { className: "text-xl font-bold", children: "Edit CSV Data" }) }), jsx("p", { id: "csv-editor-description", className: "sr-only", children: "Edit CSV data in a table format. Click on cells to edit values, use Tab to navigate between cells, and press Enter to confirm edits." })] }), jsx("div", { className: "flex-1 overflow-auto px-6 py-4", role: "region", "aria-label": "CSV data editor", children: jsx("div", { className: "overflow-auto max-h-[60vh] overflow-x-auto", children: jsxs("table", { className: "w-full border-collapse min-w-full", "data-testid": "csv-editor-table", "aria-label": "CSV data table", children: [jsx("thead", { className: "sticky top-0 bg-gray-50 z-10", children: jsxs("tr", { children: [headers.map((header, colIndex) => (jsx("th", { className: "border border-gray-300 p-2 bg-gray-100 whitespace-nowrap", scope: "col", children: jsx(Input, { value: header, onChange: (e) => handleHeaderChange(colIndex, e.target.value), className: "h-8 text-sm font-medium border-0 bg-transparent p-1 min-w-[120px]", "aria-label": `Column header ${colIndex + 1}`, "data-testid": `csv-header-input-${colIndex}` }) }, colIndex))), jsx("th", { className: "border border-gray-300 p-2 bg-gray-100 whitespace-nowrap", scope: "col", "aria-label": "Row actions" })] }) }), jsxs("tbody", { children: [rows.map((row, rowIndex) => (jsxs("tr", { className: `transition-all duration-200 ${deletingRowIndex === rowIndex
+    return (jsx(Dialog$1, { open: true, onOpenChange: (open) => !open && onCancel(), children: jsxs(DialogContent$2, { className: "max-w-6xl max-h-[90vh] flex flex-col p-0", "data-testid": "csv-editor-dialog", "aria-describedby": "csv-editor-description", children: [jsxs(DialogHeader, { className: "px-6 py-4 border-b", children: [jsx("div", { className: "flex items-center justify-between", children: jsx(DialogTitle$2, { className: "text-xl font-bold", children: "Edit CSV Data" }) }), jsx("p", { id: "csv-editor-description", className: "sr-only", children: "Edit CSV data in a table format. Click on cells to edit values, use Tab to navigate between cells, and press Enter to confirm edits." })] }), jsx("div", { className: "flex-1 overflow-auto px-6 py-4", role: "region", "aria-label": "CSV data editor", children: jsx("div", { className: "overflow-auto max-h-[60vh] overflow-x-auto", children: jsxs("table", { className: "w-full border-collapse min-w-full", "data-testid": "csv-editor-table", "aria-label": "CSV data table", children: [jsx("thead", { className: "sticky top-0 bg-gray-50 z-10", children: jsxs("tr", { children: [headers.map((header, colIndex) => (jsx("th", { className: "border border-gray-300 p-2 bg-gray-100 whitespace-nowrap", scope: "col", children: jsx(Input, { value: header, onChange: (e) => handleHeaderChange(colIndex, e.target.value), className: "h-8 text-sm font-medium border-0 bg-transparent p-1 min-w-[120px]", "aria-label": `Column header ${colIndex + 1}`, "data-testid": `csv-header-input-${colIndex}` }) }, colIndex))), jsx("th", { className: "border border-gray-300 p-2 bg-gray-100 whitespace-nowrap", scope: "col", "aria-label": "Row actions" })] }) }), jsxs("tbody", { children: [rows.map((row, rowIndex) => (jsxs("tr", { className: `transition-all duration-200 ${deletingRowIndex === rowIndex
                                                 ? 'bg-red-100 opacity-0 scale-y-0'
                                                 : 'hover:bg-gray-50'}`, "aria-label": getRowAccessibleName(row, rowIndex), children: [row.map((cell, colIndex) => (jsx("td", { className: "border border-gray-300 p-0 min-w-[120px] whitespace-nowrap", onClick: () => handleCellClick(rowIndex, colIndex), "data-testid": `csv-cell-${rowIndex}-${colIndex}`, "aria-label": `${headers[colIndex]}: ${cell || 'empty'}`, children: (isEditing === null || isEditing === void 0 ? void 0 : isEditing.row) === rowIndex && (isEditing === null || isEditing === void 0 ? void 0 : isEditing.col) === colIndex ? (jsx(Input, { value: editValue, onChange: (e) => handleCellChange(e.target.value), onBlur: handleCellBlur, onKeyDown: handleKeyDown, className: "h-8 border-0 rounded-none focus:ring-0 p-2", autoFocus: true, "aria-label": `Edit ${headers[colIndex]} for row ${rowIndex + 1}`, "data-testid": `csv-cell-input-${rowIndex}-${colIndex}` })) : (jsx("div", { className: "p-2 h-8 flex items-center cursor-pointer hover:bg-blue-50", role: "button", tabIndex: 0, onKeyDown: (e) => {
                                                             if (e.key === 'Enter' || e.key === ' ') {
@@ -83016,7 +83016,7 @@ function CoursesTab({ tenant, currentPage, itemsPerPage, hasManageUsersPermissio
                                                                                 else {
                                                                                     setSelectedCourses(selectedCourses.filter((c) => c.id !== course.id));
                                                                                 }
-                                                                            } }), jsx("div", { className: "flex-1", children: jsx(Label, { htmlFor: `course-${course.id}`, className: "font-medium cursor-pointer text-sm", children: course.name }) })] }, course.id))), isFetchingCourses && courseCurrentPage > 1 && (jsxs("div", { className: "p-3 text-sm text-gray-500 flex items-center justify-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }), "Loading more..."] }))] })) })] }))] }), jsxs("div", { className: "flex gap-2 w-full lg:w-auto", children: [jsx(Button$1, { type: "submit", className: "gap-2 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90 hover:text-white text-sm h-11 flex-1 lg:flex-none", disabled: inviteSent || !isFormValid, children: inviteSent ? (jsxs(Fragment$1, { children: [jsx(Check, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Invite Sent" }), jsx("span", { className: "sm:hidden", children: "Sent" })] })) : (jsxs(Fragment$1, { children: [jsx(Plus, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Send Invite" }), jsx("span", { className: "sm:hidden", children: "Send" })] })) }), jsxs("label", { className: isParsingCSV ? 'cursor-not-allowed' : 'cursor-pointer', children: [jsx(Button$1, { variant: "outline", size: "default", className: "gap-2 bg-transparent h-11", disabled: isParsingCSV, asChild: !isParsingCSV, type: "button", children: jsxs("span", { className: "flex items-center gap-2", children: [isParsingCSV ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Upload, { className: "h-4 w-4" })), jsx("span", { className: "hidden sm:inline", children: isParsingCSV ? 'Parsing...' : 'Upload CSV' }), jsx("span", { className: "sm:hidden", children: isParsingCSV ? '...' : 'CSV' })] }) }), jsx("input", { type: "file", accept: ".csv", onChange: handleFileUpload, className: "hidden", disabled: isParsingCSV })] })] })] }), selectedUsers.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx(Label, { className: "text-sm font-medium text-gray-700", children: "Selected Users:" }), jsx("div", { className: "flex flex-wrap gap-2", children: selectedUsers.map((user) => (jsxs("div", { className: "flex items-center gap-1 bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs", children: [jsx("span", { children: user.name || user.email || user.username }), jsx("button", { type: "button", onClick: () => removeSelectedUser(user.email), className: "ml-1 hover:bg-blue-200 rounded-full p-0.5", children: jsx(X, { className: "h-3 w-3" }) })] }, user.email))) })] })), selectedCourses.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx(Label, { className: "text-sm font-medium text-gray-700", children: "Selected Courses:" }), jsx("div", { className: "flex flex-wrap gap-2", children: selectedCourses.map((course) => (jsxs("div", { className: "flex items-center gap-1 bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs", children: [jsx("span", { children: course.name }), jsx("button", { type: "button", onClick: () => removeSelectedCourse(course.id), className: "ml-1 hover:bg-green-200 rounded-full p-0.5", children: jsx(X, { className: "h-3 w-3" }) })] }, course.id))) })] }))] }), jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-700", children: [jsx("span", { children: "Need a template?" }), jsx(Button$1, { variant: "link", size: "sm", onClick: downloadTemplate, className: "p-0 h-auto text-blue-700 hover:text-blue-800", children: "Download CSV template" })] })] }), jsx("div", { className: "space-y-4", children: jsx("div", { className: "overflow-x-auto w-full scrollbar-hide", children: jsx("div", { className: "min-w-[200px] align-middle", children: jsx("div", { className: "overflow-hidden rounded-lg border border-gray-200 w-full", children: jsxs("table", { className: "w-full divide-y divide-gray-200", children: [jsx("thead", { className: "bg-gray-50", children: jsxs("tr", { children: [jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[150px]", children: "Email" }), jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[200px]", children: "Course" }), jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[80px]", children: "Status" })] }) }), jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: isLoadingData ? (
+                                                                            } }), jsx("div", { className: "flex-1", children: jsx(Label, { htmlFor: `course-${course.id}`, className: "font-medium cursor-pointer text-sm", children: course.name }) })] }, course.id))), isFetchingCourses && courseCurrentPage > 1 && (jsxs("div", { className: "p-3 text-sm text-gray-500 flex items-center justify-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }), "Loading more..."] }))] })) })] }))] }), jsxs("div", { className: "flex gap-2 w-full lg:w-auto", children: [jsx(Button$1, { type: "submit", className: "gap-2 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90 hover:text-white text-sm h-11 flex-1 lg:flex-none", disabled: inviteSent || !isFormValid, children: inviteSent ? (jsxs(Fragment$1, { children: [jsx(Check, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Invite Sent" }), jsx("span", { className: "sm:hidden", children: "Sent" })] })) : (jsxs(Fragment$1, { children: [jsx(Plus, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Send Invite" }), jsx("span", { className: "sm:hidden", children: "Send" })] })) }), jsxs("label", { className: isParsingCSV ? 'cursor-not-allowed' : 'cursor-pointer', children: [jsx(Button$1, { variant: "outline", size: "default", className: "gap-2 bg-transparent h-11", disabled: isParsingCSV, asChild: !isParsingCSV, type: "button", children: jsxs("span", { className: "flex items-center gap-2", children: [isParsingCSV ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Upload, { className: "h-4 w-4" })), jsx("span", { className: "hidden sm:inline", children: isParsingCSV ? 'Parsing...' : 'Upload CSV' }), jsx("span", { className: "sm:hidden", children: isParsingCSV ? '...' : 'CSV' })] }) }), jsx("input", { type: "file", accept: ".csv", onChange: handleFileUpload, className: "hidden", disabled: isParsingCSV })] })] })] }), selectedUsers.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx(Label, { className: "text-sm font-medium text-gray-700", children: "Selected Users:" }), jsx("div", { className: "flex flex-wrap gap-2", children: selectedUsers.map((user) => (jsxs("div", { className: "flex items-center gap-1 bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs", children: [jsx("span", { children: user.name || user.email || user.username }), jsx("button", { type: "button", onClick: () => removeSelectedUser(user.email), className: "ml-1 hover:bg-blue-200 rounded-full p-0.5", children: jsx(X$1, { className: "h-3 w-3" }) })] }, user.email))) })] })), selectedCourses.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx(Label, { className: "text-sm font-medium text-gray-700", children: "Selected Courses:" }), jsx("div", { className: "flex flex-wrap gap-2", children: selectedCourses.map((course) => (jsxs("div", { className: "flex items-center gap-1 bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs", children: [jsx("span", { children: course.name }), jsx("button", { type: "button", onClick: () => removeSelectedCourse(course.id), className: "ml-1 hover:bg-green-200 rounded-full p-0.5", children: jsx(X$1, { className: "h-3 w-3" }) })] }, course.id))) })] }))] }), jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-700", children: [jsx("span", { children: "Need a template?" }), jsx(Button$1, { variant: "link", size: "sm", onClick: downloadTemplate, className: "p-0 h-auto text-blue-700 hover:text-blue-800", children: "Download CSV template" })] })] }), jsx("div", { className: "space-y-4", children: jsx("div", { className: "overflow-x-auto w-full scrollbar-hide", children: jsx("div", { className: "min-w-[200px] align-middle", children: jsx("div", { className: "overflow-hidden rounded-lg border border-gray-200 w-full", children: jsxs("table", { className: "w-full divide-y divide-gray-200", children: [jsx("thead", { className: "bg-gray-50", children: jsxs("tr", { children: [jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[150px]", children: "Email" }), jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[200px]", children: "Course" }), jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[80px]", children: "Status" })] }) }), jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: isLoadingData ? (
                                         // Loading skeleton rows
                                         Array.from({ length: 5 }).map((_, index) => (jsxs("tr", { className: "animate-pulse", children: [jsx("td", { className: "px-4 py-4 whitespace-nowrap", children: jsxs("div", { className: "flex items-center", children: [jsx("div", { className: "flex-shrink-0 h-8 w-8", children: jsx("div", { className: "h-8 w-8 rounded-full bg-gray-200", "aria-hidden": "true" }) }), jsx("div", { className: "ml-3", children: jsx("div", { className: "h-4 bg-gray-200 rounded w-32", "aria-hidden": "true" }) })] }) }), jsx("td", { className: "px-4 py-4 whitespace-nowrap", children: jsx("div", { className: "h-4 bg-gray-200 rounded w-40", "aria-hidden": "true" }) }), jsx("td", { className: "px-4 py-4 whitespace-nowrap", children: jsx("div", { className: "h-5 bg-gray-200 rounded-full w-16", "aria-hidden": "true" }) })] }, `loading-${index}`)))) : currentUsers.length === 0 ? (
                                         // Empty state
@@ -83393,7 +83393,7 @@ function ProgramsTab({ tenant, currentPage, itemsPerPage, hasManageUsersPermissi
                                                                                 else {
                                                                                     setSelectedPrograms(selectedPrograms.filter((p) => p.id !== program.id));
                                                                                 }
-                                                                            } }), jsx("div", { className: "flex-1", children: jsx(Label, { htmlFor: `program-${program.id}`, className: "font-medium cursor-pointer text-sm", children: program.name }) })] }, program.id))), isFetchingPrograms && programCurrentPage > 1 && (jsxs("div", { className: "p-3 text-sm text-gray-500 flex items-center justify-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }), "Loading more..."] }))] })) })] }))] }), jsxs("div", { className: "flex gap-2 w-full lg:w-auto", children: [jsx(Button$1, { type: "submit", className: "gap-2 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90 hover:text-white text-sm h-11 flex-1 lg:flex-none", disabled: inviteSent || !isFormValid, children: inviteSent ? (jsxs(Fragment$1, { children: [jsx(Check, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Invite Sent" }), jsx("span", { className: "sm:hidden", children: "Sent" })] })) : (jsxs(Fragment$1, { children: [jsx(Plus, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Send Invite" }), jsx("span", { className: "sm:hidden", children: "Send" })] })) }), jsxs("label", { className: isParsingCSV ? 'cursor-not-allowed' : 'cursor-pointer', children: [jsx(Button$1, { variant: "outline", size: "default", className: "gap-2 bg-transparent h-11", disabled: isParsingCSV, asChild: !isParsingCSV, type: "button", children: jsxs("span", { className: "flex items-center gap-2", children: [isParsingCSV ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Upload, { className: "h-4 w-4" })), jsx("span", { className: "hidden sm:inline", children: isParsingCSV ? 'Parsing...' : 'Upload CSV' }), jsx("span", { className: "sm:hidden", children: isParsingCSV ? '...' : 'CSV' })] }) }), jsx("input", { type: "file", accept: ".csv", onChange: handleFileUpload, className: "hidden", disabled: isParsingCSV })] })] })] }), selectedUsers.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx(Label, { className: "text-sm font-medium text-gray-700", children: "Selected Users:" }), jsx("div", { className: "flex flex-wrap gap-2", children: selectedUsers.map((user) => (jsxs("div", { className: "flex items-center gap-1 bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs", children: [jsx("span", { children: user.name || user.email || user.username }), jsx("button", { type: "button", onClick: () => removeSelectedUser(user.email), className: "ml-1 hover:bg-blue-200 rounded-full p-0.5", children: jsx(X, { className: "h-3 w-3" }) })] }, user.email))) })] })), selectedPrograms.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx(Label, { className: "text-sm font-medium text-gray-700", children: "Selected Programs:" }), jsx("div", { className: "flex flex-wrap gap-2", children: selectedPrograms.map((program) => (jsxs("div", { className: "flex items-center gap-1 bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs", children: [jsx("span", { children: program.name }), jsx("button", { type: "button", onClick: () => removeSelectedProgram(program.id), className: "ml-1 hover:bg-purple-200 rounded-full p-0.5", children: jsx(X, { className: "h-3 w-3" }) })] }, program.id))) })] }))] }), jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-700", children: [jsx("span", { children: "Need a template?" }), jsx(Button$1, { variant: "link", size: "sm", onClick: downloadTemplate, className: "p-0 h-auto text-blue-700 hover:text-blue-800", children: "Download CSV template" })] })] }), jsx("div", { className: "space-y-4", children: jsx("div", { className: "overflow-x-auto w-full scrollbar-hide", children: jsx("div", { className: "min-w-[200px] align-middle", children: jsx("div", { className: "overflow-hidden rounded-lg border border-gray-200 w-full", children: jsxs("table", { className: "w-full divide-y divide-gray-200", children: [jsx("thead", { className: "bg-gray-50", children: jsxs("tr", { children: [jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[150px]", children: "Email" }), jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[200px]", children: "Program" }), jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[80px]", children: "Status" })] }) }), jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: isLoadingData ? (
+                                                                            } }), jsx("div", { className: "flex-1", children: jsx(Label, { htmlFor: `program-${program.id}`, className: "font-medium cursor-pointer text-sm", children: program.name }) })] }, program.id))), isFetchingPrograms && programCurrentPage > 1 && (jsxs("div", { className: "p-3 text-sm text-gray-500 flex items-center justify-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }), "Loading more..."] }))] })) })] }))] }), jsxs("div", { className: "flex gap-2 w-full lg:w-auto", children: [jsx(Button$1, { type: "submit", className: "gap-2 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90 hover:text-white text-sm h-11 flex-1 lg:flex-none", disabled: inviteSent || !isFormValid, children: inviteSent ? (jsxs(Fragment$1, { children: [jsx(Check, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Invite Sent" }), jsx("span", { className: "sm:hidden", children: "Sent" })] })) : (jsxs(Fragment$1, { children: [jsx(Plus, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Send Invite" }), jsx("span", { className: "sm:hidden", children: "Send" })] })) }), jsxs("label", { className: isParsingCSV ? 'cursor-not-allowed' : 'cursor-pointer', children: [jsx(Button$1, { variant: "outline", size: "default", className: "gap-2 bg-transparent h-11", disabled: isParsingCSV, asChild: !isParsingCSV, type: "button", children: jsxs("span", { className: "flex items-center gap-2", children: [isParsingCSV ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsx(Upload, { className: "h-4 w-4" })), jsx("span", { className: "hidden sm:inline", children: isParsingCSV ? 'Parsing...' : 'Upload CSV' }), jsx("span", { className: "sm:hidden", children: isParsingCSV ? '...' : 'CSV' })] }) }), jsx("input", { type: "file", accept: ".csv", onChange: handleFileUpload, className: "hidden", disabled: isParsingCSV })] })] })] }), selectedUsers.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx(Label, { className: "text-sm font-medium text-gray-700", children: "Selected Users:" }), jsx("div", { className: "flex flex-wrap gap-2", children: selectedUsers.map((user) => (jsxs("div", { className: "flex items-center gap-1 bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs", children: [jsx("span", { children: user.name || user.email || user.username }), jsx("button", { type: "button", onClick: () => removeSelectedUser(user.email), className: "ml-1 hover:bg-blue-200 rounded-full p-0.5", children: jsx(X$1, { className: "h-3 w-3" }) })] }, user.email))) })] })), selectedPrograms.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx(Label, { className: "text-sm font-medium text-gray-700", children: "Selected Programs:" }), jsx("div", { className: "flex flex-wrap gap-2", children: selectedPrograms.map((program) => (jsxs("div", { className: "flex items-center gap-1 bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs", children: [jsx("span", { children: program.name }), jsx("button", { type: "button", onClick: () => removeSelectedProgram(program.id), className: "ml-1 hover:bg-purple-200 rounded-full p-0.5", children: jsx(X$1, { className: "h-3 w-3" }) })] }, program.id))) })] }))] }), jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-700", children: [jsx("span", { children: "Need a template?" }), jsx(Button$1, { variant: "link", size: "sm", onClick: downloadTemplate, className: "p-0 h-auto text-blue-700 hover:text-blue-800", children: "Download CSV template" })] })] }), jsx("div", { className: "space-y-4", children: jsx("div", { className: "overflow-x-auto w-full scrollbar-hide", children: jsx("div", { className: "min-w-[200px] align-middle", children: jsx("div", { className: "overflow-hidden rounded-lg border border-gray-200 w-full", children: jsxs("table", { className: "w-full divide-y divide-gray-200", children: [jsx("thead", { className: "bg-gray-50", children: jsxs("tr", { children: [jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[150px]", children: "Email" }), jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[200px]", children: "Program" }), jsx("th", { className: "px-4 py-3.5 text-left text-xs font-semibold text-gray-700 uppercase tracking-wider min-w-[80px]", children: "Status" })] }) }), jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: isLoadingData ? (
                                         // Loading skeleton rows
                                         Array.from({ length: 5 }).map((_, index) => (jsxs("tr", { className: "animate-pulse", children: [jsx("td", { className: "px-4 py-4 whitespace-nowrap", children: jsxs("div", { className: "flex items-center", children: [jsx("div", { className: "flex-shrink-0 h-8 w-8", children: jsx("div", { className: "h-8 w-8 rounded-full bg-gray-200", "aria-hidden": "true" }) }), jsx("div", { className: "ml-3", children: jsx("div", { className: "h-4 bg-gray-200 rounded w-32", "aria-hidden": "true" }) })] }) }), jsx("td", { className: "px-4 py-4 whitespace-nowrap", children: jsx("div", { className: "h-4 bg-gray-200 rounded w-40", "aria-hidden": "true" }) }), jsx("td", { className: "px-4 py-4 whitespace-nowrap", children: jsx("div", { className: "h-5 bg-gray-200 rounded-full w-16", "aria-hidden": "true" }) })] }, `loading-${index}`)))) : currentUsers.length === 0 ? (
                                         // Empty state
@@ -83486,7 +83486,7 @@ function InviteUserDialog({ tenant, onClose, isOpen, enableCatalogInvite = false
         }
     };
     const headerContent = getHeaderContent();
-    return (jsx(Fragment$1, { children: jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent$1, { className: "sm:max-w-5xl w-[95vw] p-0 gap-0 mx-auto my-auto rounded-lg flex flex-col justify-between max-h-[90vh]", "aria-describedby": "invite-users-description", children: [jsxs(DialogHeader, { className: "p-4 pt-[30px] flex-shrink-0 border-b border-gray-200", children: [jsx(DialogTitle$1, { className: "text-xl sm:text-2xl font-bold text-gray-800", children: headerContent.title }), jsx(DialogDescription$1, { id: "invite-users-description", className: "mt-1 text-xs sm:text-sm text-gray-700", children: headerContent.description })] }), jsx("div", { className: "flex-grow overflow-y-auto scrollbar-hide p-2 sm:p-4 pb-20 max-h-[60vh]", children: enableCatalogInvite ? (jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [jsxs(TabsList, { className: "grid w-full grid-cols-3 mb-6", children: [jsxs(TabsTrigger, { value: "users", className: "flex items-center gap-2", children: [jsx(Users, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Users" })] }), jsxs(TabsTrigger, { value: "courses", className: "flex items-center gap-2", children: [jsx(BookOpen, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Courses" })] }), jsxs(TabsTrigger, { value: "programs", className: "flex items-center gap-2", children: [jsx(GraduationCap, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Programs" })] })] }), jsx(TabsContent, { value: "users", children: jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess }) }), jsx(TabsContent, { value: "courses", children: jsx(CoursesTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) }), jsx(TabsContent, { value: "programs", children: jsx(ProgramsTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) })] })) : (jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess })) }), currentData && currentData.count > 0 && (jsx("div", { className: "flex items-center justify-between border-t border-gray-200 px-3 sm:px-6 py-3 sm:py-4 bg-gray-50 flex-shrink-0", children: jsxs("div", { className: "flex flex-1 items-center justify-between", children: [jsx("div", { className: "hidden sm:block", children: jsxs("p", { className: "text-sm text-gray-700", children: ["Showing", ' ', jsx("span", { className: "font-medium", children: (currentPage - 1) * itemsPerPage + 1 }), " to", ' ', jsx("span", { className: "font-medium", children: Math.min(currentPage * itemsPerPage, currentData.count) }), ' ', "of ", jsx("span", { className: "font-medium", children: currentData.count }), " invites"] }) }), jsxs("div", { className: "flex items-center justify-center gap-1 sm:gap-2", children: [jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(1), disabled: currentPage === 1, "aria-label": "Go to first page", children: jsx(ChevronFirst, { className: "h-4 w-4" }) }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage - 1), disabled: currentPage === 1, "aria-label": "Go to previous page", children: [jsx(ChevronLeft, { className: "h-4 w-4 mr-1 sm:mr-0" }), jsx("span", { className: "sm:hidden", children: "Prev" })] }), jsxs("span", { className: "text-xs sm:text-sm text-gray-700 mx-1 sm:mx-2 px-2", children: [jsx("span", { className: "hidden sm:inline", children: "Page " }), currentPage, " ", jsx("span", { className: "hidden sm:inline", children: "of " }), jsx("span", { className: "inline sm:hidden", children: " / " }), totalPages] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage + 1), disabled: currentPage === totalPages, "aria-label": "Go to next page", children: [jsx("span", { className: "sm:hidden", children: "Next" }), jsx(ChevronRight, { className: "h-4 w-4 ml-1 sm:ml-0" })] }), jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(totalPages), disabled: currentPage === totalPages, "aria-label": "Go to last page", children: jsx(ChevronLast, { className: "h-4 w-4" }) })] })] }) }))] }) }) }));
+    return (jsx(Fragment$1, { children: jsx(Dialog$1, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent$2, { className: "sm:max-w-5xl w-[95vw] p-0 gap-0 mx-auto my-auto rounded-lg flex flex-col justify-between max-h-[90vh]", "aria-describedby": "invite-users-description", children: [jsxs(DialogHeader, { className: "p-4 pt-[30px] flex-shrink-0 border-b border-gray-200", children: [jsx(DialogTitle$2, { className: "text-xl sm:text-2xl font-bold text-gray-800", children: headerContent.title }), jsx(DialogDescription$2, { id: "invite-users-description", className: "mt-1 text-xs sm:text-sm text-gray-700", children: headerContent.description })] }), jsx("div", { className: "flex-grow overflow-y-auto scrollbar-hide p-2 sm:p-4 pb-20 max-h-[60vh]", children: enableCatalogInvite ? (jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [jsxs(TabsList, { className: "grid w-full grid-cols-3 mb-6", children: [jsxs(TabsTrigger, { value: "users", className: "flex items-center gap-2", children: [jsx(Users, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Users" })] }), jsxs(TabsTrigger, { value: "courses", className: "flex items-center gap-2", children: [jsx(BookOpen, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Courses" })] }), jsxs(TabsTrigger, { value: "programs", className: "flex items-center gap-2", children: [jsx(GraduationCap, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: "Programs" })] })] }), jsx(TabsContent, { value: "users", children: jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess }) }), jsx(TabsContent, { value: "courses", children: jsx(CoursesTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) }), jsx(TabsContent, { value: "programs", children: jsx(ProgramsTab, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, hasManageUsersPermission: hasManageUsersPermission }) })] })) : (jsx(UsersTab$1, { tenant: tenant, currentPage: currentPage, itemsPerPage: itemsPerPage, onInviteSuccess: handleInviteSuccess })) }), currentData && currentData.count > 0 && (jsx("div", { className: "flex items-center justify-between border-t border-gray-200 px-3 sm:px-6 py-3 sm:py-4 bg-gray-50 flex-shrink-0", children: jsxs("div", { className: "flex flex-1 items-center justify-between", children: [jsx("div", { className: "hidden sm:block", children: jsxs("p", { className: "text-sm text-gray-700", children: ["Showing", ' ', jsx("span", { className: "font-medium", children: (currentPage - 1) * itemsPerPage + 1 }), " to", ' ', jsx("span", { className: "font-medium", children: Math.min(currentPage * itemsPerPage, currentData.count) }), ' ', "of ", jsx("span", { className: "font-medium", children: currentData.count }), " invites"] }) }), jsxs("div", { className: "flex items-center justify-center gap-1 sm:gap-2", children: [jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(1), disabled: currentPage === 1, "aria-label": "Go to first page", children: jsx(ChevronFirst, { className: "h-4 w-4" }) }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage - 1), disabled: currentPage === 1, "aria-label": "Go to previous page", children: [jsx(ChevronLeft, { className: "h-4 w-4 mr-1 sm:mr-0" }), jsx("span", { className: "sm:hidden", children: "Prev" })] }), jsxs("span", { className: "text-xs sm:text-sm text-gray-700 mx-1 sm:mx-2 px-2", children: [jsx("span", { className: "hidden sm:inline", children: "Page " }), currentPage, " ", jsx("span", { className: "hidden sm:inline", children: "of " }), jsx("span", { className: "inline sm:hidden", children: " / " }), totalPages] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 px-2 sm:p-0 flex items-center justify-center rounded-md border-none sm:border-gray-300 hover:bg-gray-100 text-xs sm:text-sm bg-transparent", onClick: () => setCurrentPage(currentPage + 1), disabled: currentPage === totalPages, "aria-label": "Go to next page", children: [jsx("span", { className: "sm:hidden", children: "Next" }), jsx(ChevronRight, { className: "h-4 w-4 ml-1 sm:ml-0" })] }), jsx(Button$1, { variant: "outline", size: "sm", className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border-gray-300 hover:bg-gray-100 hidden sm:flex bg-transparent", onClick: () => setCurrentPage(totalPages), disabled: currentPage === totalPages, "aria-label": "Go to last page", children: jsx(ChevronLast, { className: "h-4 w-4" }) })] })] }) }))] }) }) }));
 }
 
 function InvitedUsersDialog({ tenant, onClose, }) {
@@ -83497,12 +83497,12 @@ function InvitedUsersDialog({ tenant, onClose, }) {
         //org: tenant,
     });
     const [open, setOpen] = useState(true);
-    return (jsx(Dialog, { open: open, onOpenChange: (_open) => {
+    return (jsx(Dialog$1, { open: open, onOpenChange: (_open) => {
             if (!_open) {
                 setOpen(_open);
                 onClose();
             }
-        }, children: jsx(DialogPortal$1, { forceMount: true, children: jsxs(DialogContent$1, { "aria-label": "Invited Users Dialog", className: "max-w-sm rounded-2xl px-6 py-8 pointer-events-auto", "aria-describedby": "invited-users-dialog", children: [jsx(DialogHeader, { className: "relative flex-row justify-between", children: jsx(DialogTitle$1, { className: "text-blue-600 text-xl font-semibold", children: "Invited Users" }) }), jsxs("div", { className: "mt-4 space-y-1", children: [jsx("p", { className: "text-gray-500 text-sm", children: "Showing list of invited users pending confirmation" }), jsx("form", { children: jsx(Input, { value: query, onChange: (event) => setQuery(event.target.value), placeholder: "Search Invited Users", className: "mt-2" }) })] }), jsxs("div", { children: [jsx("h2", { className: "text-md text-gray-600 font-semibold mb-4", children: "Email" }), invitedUsers === null || invitedUsers === void 0 ? void 0 : invitedUsers.results.map((user) => (jsx("div", { className: "border-b-gray-50 pb-2 mb-4 text-sm text-gray-600 dark:text-gray-400", children: user.email }, user.id))), (invitedUsers === null || invitedUsers === void 0 ? void 0 : invitedUsers.results.length) === 0 && (jsx("p", { className: "text-gray", children: "No records found" }))] })] }) }) }));
+        }, children: jsx(DialogPortal$2, { forceMount: true, children: jsxs(DialogContent$2, { "aria-label": "Invited Users Dialog", className: "max-w-sm rounded-2xl px-6 py-8 pointer-events-auto", "aria-describedby": "invited-users-dialog", children: [jsx(DialogHeader, { className: "relative flex-row justify-between", children: jsx(DialogTitle$2, { className: "text-blue-600 text-xl font-semibold", children: "Invited Users" }) }), jsxs("div", { className: "mt-4 space-y-1", children: [jsx("p", { className: "text-gray-500 text-sm", children: "Showing list of invited users pending confirmation" }), jsx("form", { children: jsx(Input, { value: query, onChange: (event) => setQuery(event.target.value), placeholder: "Search Invited Users", className: "mt-2" }) })] }), jsxs("div", { children: [jsx("h2", { className: "text-md text-gray-600 font-semibold mb-4", children: "Email" }), invitedUsers === null || invitedUsers === void 0 ? void 0 : invitedUsers.results.map((user) => (jsx("div", { className: "border-b-gray-50 pb-2 mb-4 text-sm text-gray-600 dark:text-gray-400", children: user.email }, user.id))), (invitedUsers === null || invitedUsers === void 0 ? void 0 : invitedUsers.results.length) === 0 && (jsx("p", { className: "text-gray", children: "No records found" }))] })] }) }) }));
 }
 
 // ::- Persistent data structure representing an ordered mapping from
@@ -93347,7 +93347,7 @@ __export$1(commands_exports, {
   exitCode: () => exitCode,
   extendMarkRange: () => extendMarkRange,
   first: () => first,
-  focus: () => focus$1,
+  focus: () => focus$2,
   forEach: () => forEach,
   insertContent: () => insertContent,
   insertContentAt: () => insertContentAt,
@@ -93683,7 +93683,7 @@ function isSafari() {
 }
 
 // src/commands/focus.ts
-var focus$1 = (position = null, options = {}) => ({ editor, view, tr, dispatch }) => {
+var focus$2 = (position = null, options = {}) => ({ editor, view, tr, dispatch }) => {
   options = {
     scrollIntoView: true,
     ...options
@@ -103621,7 +103621,7 @@ var Toggle$1 = React.forwardRef((props, forwardedRef) => {
   );
 });
 Toggle$1.displayName = NAME$1;
-var Root$2 = Toggle$1;
+var Root$3 = Toggle$1;
 
 const toggleVariants = cva('inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground', {
     variants: {
@@ -103640,8 +103640,8 @@ const toggleVariants = cva('inline-flex items-center justify-center rounded-md t
         size: 'default',
     },
 });
-const Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => (jsx(Root$2, { ref: ref, className: cn(toggleVariants({ variant, size, className })), ...props })));
-Toggle.displayName = Root$2.displayName;
+const Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => (jsx(Root$3, { ref: ref, className: cn(toggleVariants({ variant, size, className })), ...props })));
+Toggle.displayName = Root$3.displayName;
 
 // src/separator.tsx
 var NAME = "Separator";
@@ -103666,10 +103666,10 @@ Separator$1.displayName = NAME;
 function isValidOrientation(orientation) {
   return ORIENTATIONS.includes(orientation);
 }
-var Root$1 = Separator$1;
+var Root$2 = Separator$1;
 
-const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (jsx(Root$1, { ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className), ...props })));
-Separator.displayName = Root$1.displayName;
+const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (jsx(Root$2, { ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className), ...props })));
+Separator.displayName = Root$2.displayName;
 
 // Custom Div extension to preserve div elements with inline styles
 Node3.create({
@@ -107619,11 +107619,11 @@ var PopoverAnchor = React.forwardRef(
   }
 );
 PopoverAnchor.displayName = ANCHOR_NAME;
-var TRIGGER_NAME$2 = "PopoverTrigger";
+var TRIGGER_NAME$3 = "PopoverTrigger";
 var PopoverTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...triggerProps } = props;
-    const context = usePopoverContext(TRIGGER_NAME$2, __scopePopover);
+    const context = usePopoverContext(TRIGGER_NAME$3, __scopePopover);
     const popperScope = usePopperScope(__scopePopover);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
@@ -107633,7 +107633,7 @@ var PopoverTrigger$1 = React.forwardRef(
         "aria-haspopup": "dialog",
         "aria-expanded": context.open,
         "aria-controls": context.contentId,
-        "data-state": getState$1(context.open),
+        "data-state": getState$2(context.open),
         ...triggerProps,
         ref: composedTriggerRef,
         onClick: composeEventHandlers$2(props.onClick, context.onOpenToggle)
@@ -107642,31 +107642,31 @@ var PopoverTrigger$1 = React.forwardRef(
     return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(Anchor$1, { asChild: true, ...popperScope, children: trigger });
   }
 );
-PopoverTrigger$1.displayName = TRIGGER_NAME$2;
-var PORTAL_NAME$3 = "PopoverPortal";
-var [PortalProvider$1, usePortalContext$1] = createPopoverContext(PORTAL_NAME$3, {
+PopoverTrigger$1.displayName = TRIGGER_NAME$3;
+var PORTAL_NAME$4 = "PopoverPortal";
+var [PortalProvider$2, usePortalContext$2] = createPopoverContext(PORTAL_NAME$4, {
   forceMount: void 0
 });
 var PopoverPortal = (props) => {
   const { __scopePopover, forceMount, children, container } = props;
-  const context = usePopoverContext(PORTAL_NAME$3, __scopePopover);
-  return /* @__PURE__ */ jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$9, { asChild: true, container, children }) }) });
+  const context = usePopoverContext(PORTAL_NAME$4, __scopePopover);
+  return /* @__PURE__ */ jsx(PortalProvider$2, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$a, { asChild: true, container, children }) }) });
 };
-PopoverPortal.displayName = PORTAL_NAME$3;
-var CONTENT_NAME$2 = "PopoverContent";
+PopoverPortal.displayName = PORTAL_NAME$4;
+var CONTENT_NAME$3 = "PopoverContent";
 var PopoverContent$1 = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext$1(CONTENT_NAME$2, props.__scopePopover);
+    const portalContext = usePortalContext$2(CONTENT_NAME$3, props.__scopePopover);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
-    const context = usePopoverContext(CONTENT_NAME$2, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$3, props.__scopePopover);
     return /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
   }
 );
-PopoverContent$1.displayName = CONTENT_NAME$2;
-var Slot$1 = createSlot$2("PopoverContent.RemoveScroll");
+PopoverContent$1.displayName = CONTENT_NAME$3;
+var Slot$2 = createSlot$2("PopoverContent.RemoveScroll");
 var PopoverContentModal = React.forwardRef(
   (props, forwardedRef) => {
-    const context = usePopoverContext(CONTENT_NAME$2, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$3, props.__scopePopover);
     const contentRef = React.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
     const isRightClickOutsideRef = React.useRef(false);
@@ -107674,7 +107674,7 @@ var PopoverContentModal = React.forwardRef(
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ jsx(ReactRemoveScroll, { as: Slot$1, allowPinchZoom: true, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(ReactRemoveScroll, { as: Slot$2, allowPinchZoom: true, children: /* @__PURE__ */ jsx(
       PopoverContentImpl,
       {
         ...props,
@@ -107706,7 +107706,7 @@ var PopoverContentModal = React.forwardRef(
 );
 var PopoverContentNonModal = React.forwardRef(
   (props, forwardedRef) => {
-    const context = usePopoverContext(CONTENT_NAME$2, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$3, props.__scopePopover);
     const hasInteractedOutsideRef = React.useRef(false);
     const hasPointerDownOutsideRef = React.useRef(false);
     return /* @__PURE__ */ jsx(
@@ -107758,11 +107758,11 @@ var PopoverContentImpl = React.forwardRef(
       onInteractOutside,
       ...contentProps
     } = props;
-    const context = usePopoverContext(CONTENT_NAME$2, __scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$3, __scopePopover);
     const popperScope = usePopperScope(__scopePopover);
-    useFocusGuards();
+    useFocusGuards$1();
     return /* @__PURE__ */ jsx(
-      FocusScope$1,
+      FocusScope$2,
       {
         asChild: true,
         loop: true,
@@ -107780,9 +107780,9 @@ var PopoverContentImpl = React.forwardRef(
             onFocusOutside,
             onDismiss: () => context.onOpenChange(false),
             children: /* @__PURE__ */ jsx(
-              Content$4,
+              Content$5,
               {
-                "data-state": getState$1(context.open),
+                "data-state": getState$2(context.open),
                 role: "dialog",
                 id: context.contentId,
                 ...popperScope,
@@ -107807,11 +107807,11 @@ var PopoverContentImpl = React.forwardRef(
     );
   }
 );
-var CLOSE_NAME$1 = "PopoverClose";
+var CLOSE_NAME$2 = "PopoverClose";
 var PopoverClose = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...closeProps } = props;
-    const context = usePopoverContext(CLOSE_NAME$1, __scopePopover);
+    const context = usePopoverContext(CLOSE_NAME$2, __scopePopover);
     return /* @__PURE__ */ jsx(
       Primitive$5.button,
       {
@@ -107823,7 +107823,7 @@ var PopoverClose = React.forwardRef(
     );
   }
 );
-PopoverClose.displayName = CLOSE_NAME$1;
+PopoverClose.displayName = CLOSE_NAME$2;
 var ARROW_NAME = "PopoverArrow";
 var PopoverArrow = React.forwardRef(
   (props, forwardedRef) => {
@@ -107833,17 +107833,17 @@ var PopoverArrow = React.forwardRef(
   }
 );
 PopoverArrow.displayName = ARROW_NAME;
-function getState$1(open) {
+function getState$2(open) {
   return open ? "open" : "closed";
 }
 var Root2 = Popover$1;
 var Trigger$1 = PopoverTrigger$1;
-var Portal$2 = PopoverPortal;
+var Portal$3 = PopoverPortal;
 var Content2$1 = PopoverContent$1;
 
 const Popover = Root2;
 const PopoverTrigger = Trigger$1;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (jsx(Portal$2, { children: jsx(Content2$1, { ref: ref, align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none", className), ...props }) })));
+const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (jsx(Portal$3, { children: jsx(Content2$1, { ref: ref, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }) })));
 PopoverContent.displayName = Content2$1.displayName;
 
 const offsetFormatCache = {};
@@ -109436,7 +109436,7 @@ function PreviousMonthButton(props) {
  * @group Components
  * @see https://daypicker.dev/guides/custom-components
  */
-function Root(props) {
+function Root$1(props) {
     const { rootRef, ...rest } = props;
     return React__default.createElement("div", { ...rest, ref: rootRef });
 }
@@ -109544,7 +109544,7 @@ var components = /*#__PURE__*/Object.freeze({
     NextMonthButton: NextMonthButton,
     Option: Option,
     PreviousMonthButton: PreviousMonthButton,
-    Root: Root,
+    Root: Root$1,
     Select: Select,
     Week: Week,
     WeekNumber: WeekNumber,
@@ -113682,6 +113682,550 @@ function useCopyToClipboard(timeout = 500) {
 const AnalyticsSettingsContext = createContext({});
 AnalyticsSettingsContext.Provider;
 
+var U=1,Y$1=.9,H=.8,J=.17,p=.1,u=.999,$=.9999;var k$1=.99,m=/[\\\/_+.#"@\[\(\{&]/,B$1=/[\\\/_+.#"@\[\(\{&]/g,K$1=/[\s-]/,X=/[\s-]/g;function G(_,C,h,P,A,f,O){if(f===C.length)return A===_.length?U:k$1;var T=`${A},${f}`;if(O[T]!==void 0)return O[T];for(var L=P.charAt(f),c=h.indexOf(L,A),S=0,E,N,R,M;c>=0;)E=G(_,C,h,P,c+1,f+1,O),E>S&&(c===A?E*=U:m.test(_.charAt(c-1))?(E*=H,R=_.slice(A,c-1).match(B$1),R&&A>0&&(E*=Math.pow(u,R.length))):K$1.test(_.charAt(c-1))?(E*=Y$1,M=_.slice(A,c-1).match(X),M&&A>0&&(E*=Math.pow(u,M.length))):(E*=J,A>0&&(E*=Math.pow(u,c-A))),_.charAt(c)!==C.charAt(f)&&(E*=$)),(E<p&&h.charAt(c-1)===P.charAt(f+1)||P.charAt(f+1)===P.charAt(f)&&h.charAt(c-1)!==P.charAt(f))&&(N=G(_,C,h,P,c+1,f+2,O),N*p>E&&(E=N*p)),E>S&&(S=E),c=h.indexOf(L,c+1);return O[T]=S,S}function D(_){return _.toLowerCase().replace(X," ")}function W(_,C,h){return _=h&&h.length>0?`${_+" "+h.join(" ")}`:_,G(_,C,D(_),D(C),0,0,{})}
+
+var AUTOFOCUS_ON_MOUNT$1 = "focusScope.autoFocusOnMount";
+var AUTOFOCUS_ON_UNMOUNT$1 = "focusScope.autoFocusOnUnmount";
+var EVENT_OPTIONS$1 = { bubbles: false, cancelable: true };
+var FOCUS_SCOPE_NAME$1 = "FocusScope";
+var FocusScope$1 = React.forwardRef((props, forwardedRef) => {
+  const {
+    loop = false,
+    trapped = false,
+    onMountAutoFocus: onMountAutoFocusProp,
+    onUnmountAutoFocus: onUnmountAutoFocusProp,
+    ...scopeProps
+  } = props;
+  const [container, setContainer] = React.useState(null);
+  const onMountAutoFocus = useCallbackRef$2(onMountAutoFocusProp);
+  const onUnmountAutoFocus = useCallbackRef$2(onUnmountAutoFocusProp);
+  const lastFocusedElementRef = React.useRef(null);
+  const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
+  const focusScope = React.useRef({
+    paused: false,
+    pause() {
+      this.paused = true;
+    },
+    resume() {
+      this.paused = false;
+    }
+  }).current;
+  React.useEffect(() => {
+    if (trapped) {
+      let handleFocusIn2 = function(event) {
+        if (focusScope.paused || !container) return;
+        const target = event.target;
+        if (container.contains(target)) {
+          lastFocusedElementRef.current = target;
+        } else {
+          focus$1(lastFocusedElementRef.current, { select: true });
+        }
+      }, handleFocusOut2 = function(event) {
+        if (focusScope.paused || !container) return;
+        const relatedTarget = event.relatedTarget;
+        if (relatedTarget === null) return;
+        if (!container.contains(relatedTarget)) {
+          focus$1(lastFocusedElementRef.current, { select: true });
+        }
+      }, handleMutations2 = function(mutations) {
+        const focusedElement = document.activeElement;
+        if (focusedElement !== document.body) return;
+        for (const mutation of mutations) {
+          if (mutation.removedNodes.length > 0) focus$1(container);
+        }
+      };
+      document.addEventListener("focusin", handleFocusIn2);
+      document.addEventListener("focusout", handleFocusOut2);
+      const mutationObserver = new MutationObserver(handleMutations2);
+      if (container) mutationObserver.observe(container, { childList: true, subtree: true });
+      return () => {
+        document.removeEventListener("focusin", handleFocusIn2);
+        document.removeEventListener("focusout", handleFocusOut2);
+        mutationObserver.disconnect();
+      };
+    }
+  }, [trapped, container, focusScope.paused]);
+  React.useEffect(() => {
+    if (container) {
+      focusScopesStack$1.add(focusScope);
+      const previouslyFocusedElement = document.activeElement;
+      const hasFocusedCandidate = container.contains(previouslyFocusedElement);
+      if (!hasFocusedCandidate) {
+        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT$1, EVENT_OPTIONS$1);
+        container.addEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
+        container.dispatchEvent(mountEvent);
+        if (!mountEvent.defaultPrevented) {
+          focusFirst$1(removeLinks$1(getTabbableCandidates$1(container)), { select: true });
+          if (document.activeElement === previouslyFocusedElement) {
+            focus$1(container);
+          }
+        }
+      }
+      return () => {
+        container.removeEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
+        setTimeout(() => {
+          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT$1, EVENT_OPTIONS$1);
+          container.addEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
+          container.dispatchEvent(unmountEvent);
+          if (!unmountEvent.defaultPrevented) {
+            focus$1(previouslyFocusedElement ?? document.body, { select: true });
+          }
+          container.removeEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
+          focusScopesStack$1.remove(focusScope);
+        }, 0);
+      };
+    }
+  }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (!loop && !trapped) return;
+      if (focusScope.paused) return;
+      const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
+      const focusedElement = document.activeElement;
+      if (isTabKey && focusedElement) {
+        const container2 = event.currentTarget;
+        const [first, last] = getTabbableEdges$1(container2);
+        const hasTabbableElementsInside = first && last;
+        if (!hasTabbableElementsInside) {
+          if (focusedElement === container2) event.preventDefault();
+        } else {
+          if (!event.shiftKey && focusedElement === last) {
+            event.preventDefault();
+            if (loop) focus$1(first, { select: true });
+          } else if (event.shiftKey && focusedElement === first) {
+            event.preventDefault();
+            if (loop) focus$1(last, { select: true });
+          }
+        }
+      }
+    },
+    [loop, trapped, focusScope.paused]
+  );
+  return /* @__PURE__ */ jsx(Primitive$3.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+});
+FocusScope$1.displayName = FOCUS_SCOPE_NAME$1;
+function focusFirst$1(candidates, { select = false } = {}) {
+  const previouslyFocusedElement = document.activeElement;
+  for (const candidate of candidates) {
+    focus$1(candidate, { select });
+    if (document.activeElement !== previouslyFocusedElement) return;
+  }
+}
+function getTabbableEdges$1(container) {
+  const candidates = getTabbableCandidates$1(container);
+  const first = findVisible$1(candidates, container);
+  const last = findVisible$1(candidates.reverse(), container);
+  return [first, last];
+}
+function getTabbableCandidates$1(container) {
+  const nodes = [];
+  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (node) => {
+      const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+      if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
+      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  while (walker.nextNode()) nodes.push(walker.currentNode);
+  return nodes;
+}
+function findVisible$1(elements, container) {
+  for (const element of elements) {
+    if (!isHidden$1(element, { upTo: container })) return element;
+  }
+}
+function isHidden$1(node, { upTo }) {
+  if (getComputedStyle(node).visibility === "hidden") return true;
+  while (node) {
+    if (upTo !== void 0 && node === upTo) return false;
+    if (getComputedStyle(node).display === "none") return true;
+    node = node.parentElement;
+  }
+  return false;
+}
+function isSelectableInput$1(element) {
+  return element instanceof HTMLInputElement && "select" in element;
+}
+function focus$1(element, { select = false } = {}) {
+  if (element && element.focus) {
+    const previouslyFocusedElement = document.activeElement;
+    element.focus({ preventScroll: true });
+    if (element !== previouslyFocusedElement && isSelectableInput$1(element) && select)
+      element.select();
+  }
+}
+var focusScopesStack$1 = createFocusScopesStack$1();
+function createFocusScopesStack$1() {
+  let stack = [];
+  return {
+    add(focusScope) {
+      const activeFocusScope = stack[0];
+      if (focusScope !== activeFocusScope) {
+        activeFocusScope?.pause();
+      }
+      stack = arrayRemove$1(stack, focusScope);
+      stack.unshift(focusScope);
+    },
+    remove(focusScope) {
+      stack = arrayRemove$1(stack, focusScope);
+      stack[0]?.resume();
+    }
+  };
+}
+function arrayRemove$1(array, item) {
+  const updatedArray = [...array];
+  const index = updatedArray.indexOf(item);
+  if (index !== -1) {
+    updatedArray.splice(index, 1);
+  }
+  return updatedArray;
+}
+function removeLinks$1(items) {
+  return items.filter((item) => item.tagName !== "A");
+}
+
+var count = 0;
+function useFocusGuards() {
+  React.useEffect(() => {
+    const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
+    document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
+    document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
+    count++;
+    return () => {
+      if (count === 1) {
+        document.querySelectorAll("[data-radix-focus-guard]").forEach((node) => node.remove());
+      }
+      count--;
+    };
+  }, []);
+}
+function createFocusGuard() {
+  const element = document.createElement("span");
+  element.setAttribute("data-radix-focus-guard", "");
+  element.tabIndex = 0;
+  element.style.outline = "none";
+  element.style.opacity = "0";
+  element.style.position = "fixed";
+  element.style.pointerEvents = "none";
+  return element;
+}
+
+var DIALOG_NAME$1 = "Dialog";
+var [createDialogContext$1, createDialogScope$1] = createContextScope$1(DIALOG_NAME$1);
+var [DialogProvider$1, useDialogContext$1] = createDialogContext$1(DIALOG_NAME$1);
+var Dialog = (props) => {
+  const {
+    __scopeDialog,
+    children,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    modal = true
+  } = props;
+  const triggerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const [open, setOpen] = useControllableState$1({
+    prop: openProp,
+    defaultProp: defaultOpen ?? false,
+    onChange: onOpenChange,
+    caller: DIALOG_NAME$1
+  });
+  return /* @__PURE__ */ jsx(
+    DialogProvider$1,
+    {
+      scope: __scopeDialog,
+      triggerRef,
+      contentRef,
+      contentId: useId(),
+      titleId: useId(),
+      descriptionId: useId(),
+      open,
+      onOpenChange: setOpen,
+      onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      modal,
+      children
+    }
+  );
+};
+Dialog.displayName = DIALOG_NAME$1;
+var TRIGGER_NAME$2 = "DialogTrigger";
+var DialogTrigger$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...triggerProps } = props;
+    const context = useDialogContext$1(TRIGGER_NAME$2, __scopeDialog);
+    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
+    return /* @__PURE__ */ jsx(
+      Primitive$3.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": context.open,
+        "aria-controls": context.contentId,
+        "data-state": getState$1(context.open),
+        ...triggerProps,
+        ref: composedTriggerRef,
+        onClick: composeEventHandlers$1(props.onClick, context.onOpenToggle)
+      }
+    );
+  }
+);
+DialogTrigger$1.displayName = TRIGGER_NAME$2;
+var PORTAL_NAME$3 = "DialogPortal";
+var [PortalProvider$1, usePortalContext$1] = createDialogContext$1(PORTAL_NAME$3, {
+  forceMount: void 0
+});
+var DialogPortal$1 = (props) => {
+  const { __scopeDialog, forceMount, children, container } = props;
+  const context = useDialogContext$1(PORTAL_NAME$3, __scopeDialog);
+  return /* @__PURE__ */ jsx(PortalProvider$1, { scope: __scopeDialog, forceMount, children: React.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence$1, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$7, { asChild: true, container, children: child }) })) });
+};
+DialogPortal$1.displayName = PORTAL_NAME$3;
+var OVERLAY_NAME$2 = "DialogOverlay";
+var DialogOverlay$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const portalContext = usePortalContext$1(OVERLAY_NAME$2, props.__scopeDialog);
+    const { forceMount = portalContext.forceMount, ...overlayProps } = props;
+    const context = useDialogContext$1(OVERLAY_NAME$2, props.__scopeDialog);
+    return context.modal ? /* @__PURE__ */ jsx(Presence$1, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(DialogOverlayImpl$1, { ...overlayProps, ref: forwardedRef }) }) : null;
+  }
+);
+DialogOverlay$1.displayName = OVERLAY_NAME$2;
+var Slot$1 = createSlot$1("DialogOverlay.RemoveScroll");
+var DialogOverlayImpl$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...overlayProps } = props;
+    const context = useDialogContext$1(OVERLAY_NAME$2, __scopeDialog);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ jsx(ReactRemoveScroll, { as: Slot$1, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
+        Primitive$3.div,
+        {
+          "data-state": getState$1(context.open),
+          ...overlayProps,
+          ref: forwardedRef,
+          style: { pointerEvents: "auto", ...overlayProps.style }
+        }
+      ) })
+    );
+  }
+);
+var CONTENT_NAME$2 = "DialogContent";
+var DialogContent$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const portalContext = usePortalContext$1(CONTENT_NAME$2, props.__scopeDialog);
+    const { forceMount = portalContext.forceMount, ...contentProps } = props;
+    const context = useDialogContext$1(CONTENT_NAME$2, props.__scopeDialog);
+    return /* @__PURE__ */ jsx(Presence$1, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(DialogContentModal$1, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(DialogContentNonModal$1, { ...contentProps, ref: forwardedRef }) });
+  }
+);
+DialogContent$1.displayName = CONTENT_NAME$2;
+var DialogContentModal$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const context = useDialogContext$1(CONTENT_NAME$2, props.__scopeDialog);
+    const contentRef = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
+    React.useEffect(() => {
+      const content = contentRef.current;
+      if (content) return hideOthers(content);
+    }, []);
+    return /* @__PURE__ */ jsx(
+      DialogContentImpl$1,
+      {
+        ...props,
+        ref: composedRefs,
+        trapFocus: context.open,
+        disableOutsidePointerEvents: true,
+        onCloseAutoFocus: composeEventHandlers$1(props.onCloseAutoFocus, (event) => {
+          event.preventDefault();
+          context.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: composeEventHandlers$1(props.onPointerDownOutside, (event) => {
+          const originalEvent = event.detail.originalEvent;
+          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+          if (isRightClick) event.preventDefault();
+        }),
+        onFocusOutside: composeEventHandlers$1(
+          props.onFocusOutside,
+          (event) => event.preventDefault()
+        )
+      }
+    );
+  }
+);
+var DialogContentNonModal$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const context = useDialogContext$1(CONTENT_NAME$2, props.__scopeDialog);
+    const hasInteractedOutsideRef = React.useRef(false);
+    const hasPointerDownOutsideRef = React.useRef(false);
+    return /* @__PURE__ */ jsx(
+      DialogContentImpl$1,
+      {
+        ...props,
+        ref: forwardedRef,
+        trapFocus: false,
+        disableOutsidePointerEvents: false,
+        onCloseAutoFocus: (event) => {
+          props.onCloseAutoFocus?.(event);
+          if (!event.defaultPrevented) {
+            if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
+            event.preventDefault();
+          }
+          hasInteractedOutsideRef.current = false;
+          hasPointerDownOutsideRef.current = false;
+        },
+        onInteractOutside: (event) => {
+          props.onInteractOutside?.(event);
+          if (!event.defaultPrevented) {
+            hasInteractedOutsideRef.current = true;
+            if (event.detail.originalEvent.type === "pointerdown") {
+              hasPointerDownOutsideRef.current = true;
+            }
+          }
+          const target = event.target;
+          const targetIsTrigger = context.triggerRef.current?.contains(target);
+          if (targetIsTrigger) event.preventDefault();
+          if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
+            event.preventDefault();
+          }
+        }
+      }
+    );
+  }
+);
+var DialogContentImpl$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
+    const context = useDialogContext$1(CONTENT_NAME$2, __scopeDialog);
+    const contentRef = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, contentRef);
+    useFocusGuards();
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      /* @__PURE__ */ jsx(
+        FocusScope$1,
+        {
+          asChild: true,
+          loop: true,
+          trapped: trapFocus,
+          onMountAutoFocus: onOpenAutoFocus,
+          onUnmountAutoFocus: onCloseAutoFocus,
+          children: /* @__PURE__ */ jsx(
+            DismissableLayer$2,
+            {
+              role: "dialog",
+              id: context.contentId,
+              "aria-describedby": context.descriptionId,
+              "aria-labelledby": context.titleId,
+              "data-state": getState$1(context.open),
+              ...contentProps,
+              ref: composedRefs,
+              onDismiss: () => context.onOpenChange(false)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx(TitleWarning$1, { titleId: context.titleId }),
+        /* @__PURE__ */ jsx(DescriptionWarning$2, { contentRef, descriptionId: context.descriptionId })
+      ] })
+    ] });
+  }
+);
+var TITLE_NAME$2 = "DialogTitle";
+var DialogTitle$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...titleProps } = props;
+    const context = useDialogContext$1(TITLE_NAME$2, __scopeDialog);
+    return /* @__PURE__ */ jsx(Primitive$3.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+  }
+);
+DialogTitle$1.displayName = TITLE_NAME$2;
+var DESCRIPTION_NAME$2 = "DialogDescription";
+var DialogDescription$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...descriptionProps } = props;
+    const context = useDialogContext$1(DESCRIPTION_NAME$2, __scopeDialog);
+    return /* @__PURE__ */ jsx(Primitive$3.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+  }
+);
+DialogDescription$1.displayName = DESCRIPTION_NAME$2;
+var CLOSE_NAME$1 = "DialogClose";
+var DialogClose$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...closeProps } = props;
+    const context = useDialogContext$1(CLOSE_NAME$1, __scopeDialog);
+    return /* @__PURE__ */ jsx(
+      Primitive$3.button,
+      {
+        type: "button",
+        ...closeProps,
+        ref: forwardedRef,
+        onClick: composeEventHandlers$1(props.onClick, () => context.onOpenChange(false))
+      }
+    );
+  }
+);
+DialogClose$1.displayName = CLOSE_NAME$1;
+function getState$1(open) {
+  return open ? "open" : "closed";
+}
+var TITLE_WARNING_NAME$1 = "DialogTitleWarning";
+var [WarningProvider$1, useWarningContext$1] = createContext2(TITLE_WARNING_NAME$1, {
+  contentName: CONTENT_NAME$2,
+  titleName: TITLE_NAME$2,
+  docsSlug: "dialog"
+});
+var TitleWarning$1 = ({ titleId }) => {
+  const titleWarningContext = useWarningContext$1(TITLE_WARNING_NAME$1);
+  const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
+  React.useEffect(() => {
+    if (titleId) {
+      const hasTitle = document.getElementById(titleId);
+      if (!hasTitle) console.error(MESSAGE);
+    }
+  }, [MESSAGE, titleId]);
+  return null;
+};
+var DESCRIPTION_WARNING_NAME$1 = "DialogDescriptionWarning";
+var DescriptionWarning$2 = ({ contentRef, descriptionId }) => {
+  const descriptionWarningContext = useWarningContext$1(DESCRIPTION_WARNING_NAME$1);
+  const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
+  React.useEffect(() => {
+    const describedById = contentRef.current?.getAttribute("aria-describedby");
+    if (descriptionId && describedById) {
+      const hasDescription = document.getElementById(descriptionId);
+      if (!hasDescription) console.warn(MESSAGE);
+    }
+  }, [MESSAGE, contentRef, descriptionId]);
+  return null;
+};
+var Root = Dialog;
+var Portal$2 = DialogPortal$1;
+var Overlay$1 = DialogOverlay$1;
+var Content$1 = DialogContent$1;
+
+var N='[cmdk-group=""]',Y='[cmdk-group-items=""]',be='[cmdk-group-heading=""]',le='[cmdk-item=""]',ce=`${le}:not([aria-disabled="true"])`,Z="cmdk-item-select",T="data-value",Re=(r,o,n)=>W(r,o,n),ue=React.createContext(void 0),K=()=>React.useContext(ue),de=React.createContext(void 0),ee=()=>React.useContext(de),fe=React.createContext(void 0),me=React.forwardRef((r,o)=>{let n=L(()=>{var e,a;return {search:"",value:(a=(e=r.value)!=null?e:r.defaultValue)!=null?a:"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}}}),u=L(()=>new Set),c=L(()=>new Map),d=L(()=>new Map),f=L(()=>new Set),p=pe(r),{label:b,children:m,value:R,onValueChange:x,filter:C,shouldFilter:S,loop:A,disablePointerSelection:ge=false,vimBindings:j=true,...O}=r,$=useId(),q=useId(),_=useId(),I=React.useRef(null),v=ke();k(()=>{if(R!==void 0){let e=R.trim();n.current.value=e,E.emit();}},[R]),k(()=>{v(6,ne);},[]);let E=React.useMemo(()=>({subscribe:e=>(f.current.add(e),()=>f.current.delete(e)),snapshot:()=>n.current,setState:(e,a,s)=>{var i,l,g,y;if(!Object.is(n.current[e],a)){if(n.current[e]=a,e==="search")J(),z(),v(1,W);else if(e==="value"){if(document.activeElement.hasAttribute("cmdk-input")||document.activeElement.hasAttribute("cmdk-root")){let h=document.getElementById(_);h?h.focus():(i=document.getElementById($))==null||i.focus();}if(v(7,()=>{var h;n.current.selectedItemId=(h=M())==null?void 0:h.id,E.emit();}),s||v(5,ne),((l=p.current)==null?void 0:l.value)!==void 0){let h=a!=null?a:"";(y=(g=p.current).onValueChange)==null||y.call(g,h);return}}E.emit();}},emit:()=>{f.current.forEach(e=>e());}}),[]),U=React.useMemo(()=>({value:(e,a,s)=>{var i;a!==((i=d.current.get(e))==null?void 0:i.value)&&(d.current.set(e,{value:a,keywords:s}),n.current.filtered.items.set(e,te(a,s)),v(2,()=>{z(),E.emit();}));},item:(e,a)=>(u.current.add(e),a&&(c.current.has(a)?c.current.get(a).add(e):c.current.set(a,new Set([e]))),v(3,()=>{J(),z(),n.current.value||W(),E.emit();}),()=>{d.current.delete(e),u.current.delete(e),n.current.filtered.items.delete(e);let s=M();v(4,()=>{J(),(s==null?void 0:s.getAttribute("id"))===e&&W(),E.emit();});}),group:e=>(c.current.has(e)||c.current.set(e,new Set),()=>{d.current.delete(e),c.current.delete(e);}),filter:()=>p.current.shouldFilter,label:b||r["aria-label"],getDisablePointerSelection:()=>p.current.disablePointerSelection,listId:$,inputId:_,labelId:q,listInnerRef:I}),[]);function te(e,a){var i,l;let s=(l=(i=p.current)==null?void 0:i.filter)!=null?l:Re;return e?s(e,n.current.search,a):0}function z(){if(!n.current.search||p.current.shouldFilter===false)return;let e=n.current.filtered.items,a=[];n.current.filtered.groups.forEach(i=>{let l=c.current.get(i),g=0;l.forEach(y=>{let h=e.get(y);g=Math.max(h,g);}),a.push([i,g]);});let s=I.current;V().sort((i,l)=>{var h,F;let g=i.getAttribute("id"),y=l.getAttribute("id");return ((h=e.get(y))!=null?h:0)-((F=e.get(g))!=null?F:0)}).forEach(i=>{let l=i.closest(Y);l?l.appendChild(i.parentElement===l?i:i.closest(`${Y} > *`)):s.appendChild(i.parentElement===s?i:i.closest(`${Y} > *`));}),a.sort((i,l)=>l[1]-i[1]).forEach(i=>{var g;let l=(g=I.current)==null?void 0:g.querySelector(`${N}[${T}="${encodeURIComponent(i[0])}"]`);l==null||l.parentElement.appendChild(l);});}function W(){let e=V().find(s=>s.getAttribute("aria-disabled")!=="true"),a=e==null?void 0:e.getAttribute(T);E.setState("value",a||void 0);}function J(){var a,s,i,l;if(!n.current.search||p.current.shouldFilter===false){n.current.filtered.count=u.current.size;return}n.current.filtered.groups=new Set;let e=0;for(let g of u.current){let y=(s=(a=d.current.get(g))==null?void 0:a.value)!=null?s:"",h=(l=(i=d.current.get(g))==null?void 0:i.keywords)!=null?l:[],F=te(y,h);n.current.filtered.items.set(g,F),F>0&&e++;}for(let[g,y]of c.current)for(let h of y)if(n.current.filtered.items.get(h)>0){n.current.filtered.groups.add(g);break}n.current.filtered.count=e;}function ne(){var a,s,i;let e=M();e&&(((a=e.parentElement)==null?void 0:a.firstChild)===e&&((i=(s=e.closest(N))==null?void 0:s.querySelector(be))==null||i.scrollIntoView({block:"nearest"})),e.scrollIntoView({block:"nearest"}));}function M(){var e;return (e=I.current)==null?void 0:e.querySelector(`${le}[aria-selected="true"]`)}function V(){var e;return Array.from(((e=I.current)==null?void 0:e.querySelectorAll(ce))||[])}function X(e){let s=V()[e];s&&E.setState("value",s.getAttribute(T));}function Q(e){var g;let a=M(),s=V(),i=s.findIndex(y=>y===a),l=s[i+e];(g=p.current)!=null&&g.loop&&(l=i+e<0?s[s.length-1]:i+e===s.length?s[0]:s[i+e]),l&&E.setState("value",l.getAttribute(T));}function re(e){let a=M(),s=a==null?void 0:a.closest(N),i;for(;s&&!i;)s=e>0?we(s,N):De(s,N),i=s==null?void 0:s.querySelector(ce);i?E.setState("value",i.getAttribute(T)):Q(e);}let oe=()=>X(V().length-1),ie=e=>{e.preventDefault(),e.metaKey?oe():e.altKey?re(1):Q(1);},se=e=>{e.preventDefault(),e.metaKey?X(0):e.altKey?re(-1):Q(-1);};return React.createElement(Primitive$1.div,{ref:o,tabIndex:-1,...O,"cmdk-root":"",onKeyDown:e=>{var s;(s=O.onKeyDown)==null||s.call(O,e);let a=e.nativeEvent.isComposing||e.keyCode===229;if(!(e.defaultPrevented||a))switch(e.key){case "n":case "j":{j&&e.ctrlKey&&ie(e);break}case "ArrowDown":{ie(e);break}case "p":case "k":{j&&e.ctrlKey&&se(e);break}case "ArrowUp":{se(e);break}case "Home":{e.preventDefault(),X(0);break}case "End":{e.preventDefault(),oe();break}case "Enter":{e.preventDefault();let i=M();if(i){let l=new Event(Z);i.dispatchEvent(l);}}}}},React.createElement("label",{"cmdk-label":"",htmlFor:U.inputId,id:U.labelId,style:Te},b),B(r,e=>React.createElement(de.Provider,{value:E},React.createElement(ue.Provider,{value:U},e))))}),he=React.forwardRef((r,o)=>{var _,I;let n=useId(),u=React.useRef(null),c=React.useContext(fe),d=K(),f=pe(r),p=(I=(_=f.current)==null?void 0:_.forceMount)!=null?I:c==null?void 0:c.forceMount;k(()=>{if(!p)return d.item(n,c==null?void 0:c.id)},[p]);let b=ve(n,u,[r.value,r.children,u],r.keywords),m=ee(),R=P(v=>v.value&&v.value===b.current),x=P(v=>p||d.filter()===false?true:v.search?v.filtered.items.get(n)>0:true);React.useEffect(()=>{let v=u.current;if(!(!v||r.disabled))return v.addEventListener(Z,C),()=>v.removeEventListener(Z,C)},[x,r.onSelect,r.disabled]);function C(){var v,E;S(),(E=(v=f.current).onSelect)==null||E.call(v,b.current);}function S(){m.setState("value",b.current,true);}if(!x)return null;let{disabled:A,value:ge,onSelect:j,forceMount:O,keywords:$,...q}=r;return React.createElement(Primitive$1.div,{ref:composeRefs$1(u,o),...q,id:n,"cmdk-item":"",role:"option","aria-disabled":!!A,"aria-selected":!!R,"data-disabled":!!A,"data-selected":!!R,onPointerMove:A||d.getDisablePointerSelection()?void 0:S,onClick:A?void 0:C},r.children)}),Ee=React.forwardRef((r,o)=>{let{heading:n,children:u,forceMount:c,...d}=r,f=useId(),p=React.useRef(null),b=React.useRef(null),m=useId(),R=K(),x=P(S=>c||R.filter()===false?true:S.search?S.filtered.groups.has(f):true);k(()=>R.group(f),[]),ve(f,p,[r.value,r.heading,b]);let C=React.useMemo(()=>({id:f,forceMount:c}),[c]);return React.createElement(Primitive$1.div,{ref:composeRefs$1(p,o),...d,"cmdk-group":"",role:"presentation",hidden:x?void 0:true},n&&React.createElement("div",{ref:b,"cmdk-group-heading":"","aria-hidden":true,id:m},n),B(r,S=>React.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":n?m:void 0},React.createElement(fe.Provider,{value:C},S))))}),ye=React.forwardRef((r,o)=>{let{alwaysRender:n,...u}=r,c=React.useRef(null),d=P(f=>!f.search);return !n&&!d?null:React.createElement(Primitive$1.div,{ref:composeRefs$1(c,o),...u,"cmdk-separator":"",role:"separator"})}),Se=React.forwardRef((r,o)=>{let{onValueChange:n,...u}=r,c=r.value!=null,d=ee(),f=P(m=>m.search),p=P(m=>m.selectedItemId),b=K();return React.useEffect(()=>{r.value!=null&&d.setState("search",r.value);},[r.value]),React.createElement(Primitive$1.input,{ref:o,...u,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:false,"aria-autocomplete":"list",role:"combobox","aria-expanded":true,"aria-controls":b.listId,"aria-labelledby":b.labelId,"aria-activedescendant":p,id:b.inputId,type:"text",value:c?r.value:f,onChange:m=>{c||d.setState("search",m.target.value),n==null||n(m.target.value);}})}),Ce=React.forwardRef((r,o)=>{let{children:n,label:u="Suggestions",...c}=r,d=React.useRef(null),f=React.useRef(null),p=P(m=>m.selectedItemId),b=K();return React.useEffect(()=>{if(f.current&&d.current){let m=f.current,R=d.current,x,C=new ResizeObserver(()=>{x=requestAnimationFrame(()=>{let S=m.offsetHeight;R.style.setProperty("--cmdk-list-height",S.toFixed(1)+"px");});});return C.observe(m),()=>{cancelAnimationFrame(x),C.unobserve(m);}}},[]),React.createElement(Primitive$1.div,{ref:composeRefs$1(d,o),...c,"cmdk-list":"",role:"listbox",tabIndex:-1,"aria-activedescendant":p,"aria-label":u,id:b.listId},B(r,m=>React.createElement("div",{ref:composeRefs$1(f,b.listInnerRef),"cmdk-list-sizer":""},m)))}),xe=React.forwardRef((r,o)=>{let{open:n,onOpenChange:u,overlayClassName:c,contentClassName:d,container:f,...p}=r;return React.createElement(Root,{open:n,onOpenChange:u},React.createElement(Portal$2,{container:f},React.createElement(Overlay$1,{"cmdk-overlay":"",className:c}),React.createElement(Content$1,{"aria-label":r.label,"cmdk-dialog":"",className:d},React.createElement(me,{ref:o,...p}))))}),Ie=React.forwardRef((r,o)=>P(u=>u.filtered.count===0)?React.createElement(Primitive$1.div,{ref:o,...r,"cmdk-empty":"",role:"presentation"}):null),Pe=React.forwardRef((r,o)=>{let{progress:n,children:u,label:c="Loading...",...d}=r;return React.createElement(Primitive$1.div,{ref:o,...d,"cmdk-loading":"",role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":c},B(r,f=>React.createElement("div",{"aria-hidden":true},f)))}),_e=Object.assign(me,{List:Ce,Item:he,Input:Se,Group:Ee,Separator:ye,Dialog:xe,Empty:Ie,Loading:Pe});function we(r,o){let n=r.nextElementSibling;for(;n;){if(n.matches(o))return n;n=n.nextElementSibling;}}function De(r,o){let n=r.previousElementSibling;for(;n;){if(n.matches(o))return n;n=n.previousElementSibling;}}function pe(r){let o=React.useRef(r);return k(()=>{o.current=r;}),o}var k=typeof window=="undefined"?React.useEffect:React.useLayoutEffect;function L(r){let o=React.useRef();return o.current===void 0&&(o.current=r()),o}function P(r){let o=ee(),n=()=>r(o.snapshot());return React.useSyncExternalStore(o.subscribe,n,n)}function ve(r,o,n,u=[]){let c=React.useRef(),d=K();return k(()=>{var b;let f=(()=>{var m;for(let R of n){if(typeof R=="string")return R.trim();if(typeof R=="object"&&"current"in R)return R.current?(m=R.current.textContent)==null?void 0:m.trim():c.current}})(),p=u.map(m=>m.trim());d.value(r,f,p),(b=o.current)==null||b.setAttribute(T,f),c.current=f;}),c}var ke=()=>{let[r,o]=React.useState(),n=L(()=>new Map);return k(()=>{n.current.forEach(u=>u()),n.current=new Map;},[r]),(u,c)=>{n.current.set(u,c),o({});}};function Me(r){let o=r.type;return typeof o=="function"?o(r.props):"render"in o?o.render(r.props):r}function B({asChild:r,children:o},n){return r&&React.isValidElement(o)?React.cloneElement(Me(o),{ref:o.ref},n(o.props.children)):n(o)}var Te={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};
+
+const Command = React.forwardRef(({ className, ...props }, ref) => (jsx(_e, { ref: ref, className: cn('bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md', className), ...props })));
+Command.displayName = _e.displayName;
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => (jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), jsx(_e.Input, { ref: ref, className: cn('placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50', className), ...props })] })));
+CommandInput.displayName = _e.Input.displayName;
+const CommandList = React.forwardRef(({ className, ...props }, ref) => (jsx(_e.List, { ref: ref, className: cn('max-h-[300px] overflow-x-hidden overflow-y-auto', className), ...props })));
+CommandList.displayName = _e.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => (jsx(_e.Empty, { ref: ref, className: "py-6 text-center text-sm", ...props })));
+CommandEmpty.displayName = _e.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (jsx(_e.Group, { ref: ref, className: cn('text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium', className), ...props })));
+CommandGroup.displayName = _e.Group.displayName;
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (jsx(_e.Separator, { ref: ref, className: cn('bg-border -mx-1 h-px', className), ...props })));
+CommandSeparator.displayName = _e.Separator.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (jsx(_e.Item, { ref: ref, className: cn("data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className), ...props })));
+CommandItem.displayName = _e.Item.displayName;
+
 const SkeletonMultiplier = ({ Skeleton, multiplier }) => {
     return (jsx(Fragment$1, { children: Array.from({ length: multiplier }).map((_, index) => (jsx(Skeleton, {}, index))) }));
 };
@@ -114592,20 +115136,20 @@ const CourseOutline = () => {
 };
 
 function Sheet({ ...props }) {
-    return jsx(Root$8, { "data-slot": "sheet", ...props });
+    return jsx(Root$9, { "data-slot": "sheet", ...props });
 }
 function SheetPortal({ ...props }) {
-    return jsx(Portal$5, { "data-slot": "sheet-portal", ...props });
+    return jsx(Portal$6, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({ className, ...props }) {
-    return (jsx(Overlay$1, { "data-slot": "sheet-overlay", className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50', className), ...props }));
+    return (jsx(Overlay$2, { "data-slot": "sheet-overlay", className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50', className), ...props }));
 }
 function SheetContent({ className, children, side = 'right', ...props }) {
-    return (jsxs(SheetPortal, { children: [jsx(SheetOverlay, {}), jsxs(Content$3, { "data-slot": "sheet-content", className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500', side === 'right' &&
+    return (jsxs(SheetPortal, { children: [jsx(SheetOverlay, {}), jsxs(Content$4, { "data-slot": "sheet-content", className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500', side === 'right' &&
                     'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm', side === 'left' &&
                     'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm', side === 'top' &&
                     'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b', side === 'bottom' &&
-                    'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t', className), ...props, children: [children, jsxs(Close$1, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [jsx(X, { className: "size-4" }), jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
+                    'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t', className), ...props, children: [children, jsxs(Close$1, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [jsx(X$1, { className: "size-4" }), jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
 }
 function SheetHeader({ className, ...props }) {
     return (jsx("div", { "data-slot": "sheet-header", className: cn('flex flex-col gap-1.5 p-4', className), ...props }));
@@ -115515,7 +116059,7 @@ var DialogContentImpl = React.forwardRef(
     const context = useDialogContext(CONTENT_NAME$1, __scopeDialog);
     const contentRef = React.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
-    useFocusGuards();
+    useFocusGuards$1();
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsx(
         FocusScope,
@@ -116184,13 +116728,13 @@ function TeamsAccessPanel({ isOpen, onClose, tenant, teamId, teamName, }) {
         setFormError(null);
         onClose();
     }
-    return (jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: jsxs(DialogContent$1, { "aria-describedby": undefined, className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [jsx(DialogHeader, { children: jsxs(DialogTitle$1, { children: ["Share Team: ", teamName] }) }), jsxs("div", { className: "space-y-6", children: [jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "permission-select", children: "Permission Level" }), jsxs(Select$1, { value: selectedPermission, onValueChange: setSelectedPermission, children: [jsx(SelectTrigger, { id: "permission-select", children: jsx(SelectValue, { placeholder: "Select permission" }) }), jsx(SelectContent, { children: PERMISSION_OPTIONS.map((option) => (jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] })] }), isLoadingAccess ? (jsxs("div", { className: "flex items-center justify-center py-8", children: [jsx(LoaderCircle, { className: "h-6 w-6 animate-spin text-gray-400" }), jsx("span", { className: "ml-2 text-sm text-gray-500", children: "Loading access data..." })] })) : (jsxs(Fragment$1, { children: [jsxs("div", { className: "grid gap-1.5", children: [jsxs(Label, { children: ["Users with ", (_a = PERMISSION_OPTIONS.find((p) => p.value === selectedPermission)) === null || _a === void 0 ? void 0 : _a.label, ' ', "access"] }), jsxs("div", { className: "space-y-2", children: [currentUsers.length > 0 ? (jsx("div", { className: "space-y-2 max-h-32 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: currentUsers.map((user) => (jsxs("div", { className: "flex items-center justify-between bg-gray-50 dark:bg-gray-800 p-2 rounded-md", children: [jsxs("div", { className: "flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: user.username }), user.email && (jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: user.email }))] }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeUser(user.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove ${user.username}`, children: jsx(X, { className: "h-4 w-4" }) })] }, user.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-3 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No users have this permission" })), jsxs("div", { className: "relative", children: [jsx(Input, { value: userSearch, onChange: (e) => {
+    return (jsx(Dialog$1, { open: isOpen, onOpenChange: handleClose, children: jsxs(DialogContent$2, { "aria-describedby": undefined, className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [jsx(DialogHeader, { children: jsxs(DialogTitle$2, { children: ["Share Team: ", teamName] }) }), jsxs("div", { className: "space-y-6", children: [jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "permission-select", children: "Permission Level" }), jsxs(Select$1, { value: selectedPermission, onValueChange: setSelectedPermission, children: [jsx(SelectTrigger, { id: "permission-select", children: jsx(SelectValue, { placeholder: "Select permission" }) }), jsx(SelectContent, { children: PERMISSION_OPTIONS.map((option) => (jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] })] }), isLoadingAccess ? (jsxs("div", { className: "flex items-center justify-center py-8", children: [jsx(LoaderCircle, { className: "h-6 w-6 animate-spin text-gray-400" }), jsx("span", { className: "ml-2 text-sm text-gray-500", children: "Loading access data..." })] })) : (jsxs(Fragment$1, { children: [jsxs("div", { className: "grid gap-1.5", children: [jsxs(Label, { children: ["Users with ", (_a = PERMISSION_OPTIONS.find((p) => p.value === selectedPermission)) === null || _a === void 0 ? void 0 : _a.label, ' ', "access"] }), jsxs("div", { className: "space-y-2", children: [currentUsers.length > 0 ? (jsx("div", { className: "space-y-2 max-h-32 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: currentUsers.map((user) => (jsxs("div", { className: "flex items-center justify-between bg-gray-50 dark:bg-gray-800 p-2 rounded-md", children: [jsxs("div", { className: "flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: user.username }), user.email && (jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: user.email }))] }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeUser(user.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove ${user.username}`, children: jsx(X$1, { className: "h-4 w-4" }) })] }, user.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-3 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No users have this permission" })), jsxs("div", { className: "relative", children: [jsx(Input, { value: userSearch, onChange: (e) => {
                                                                 setUserSearch(e.target.value);
                                                                 setShowUserSearch(e.target.value.length > 0);
                                                             }, onFocus: () => setShowUserSearch(userSearch.length > 0), placeholder: "Search users to add..." }), showUserSearch && availableUsers.length > 0 && (jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg max-h-48 overflow-y-auto z-50", children: availableUsers.map((user) => {
                                                                 var _a, _b;
                                                                 return (jsxs("button", { type: "button", onClick: () => addUser(user), className: "w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: (_a = user.name) !== null && _a !== void 0 ? _a : user.username }), user.email && (jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: user.email }))] }, (_b = user.user_id) !== null && _b !== void 0 ? _b : user.id));
-                                                            }) })), showUserSearch && userSearch.length > 2 && availableUsers.length === 0 && (jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg p-3 z-50", children: jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "No users found" }) }))] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Type at least 3 characters to search for users" })] })] }), jsxs("div", { className: "grid gap-1.5", children: [jsxs(Label, { children: ["Groups with", ' ', (_b = PERMISSION_OPTIONS.find((p) => p.value === selectedPermission)) === null || _b === void 0 ? void 0 : _b.label, " access"] }), jsxs("div", { className: "space-y-2", children: [currentGroups.length > 0 ? (jsx("div", { className: "space-y-2 max-h-32 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: currentGroups.map((group) => (jsxs("div", { className: "flex items-center justify-between bg-gray-50 dark:bg-gray-800 p-2 rounded-md", children: [jsxs("div", { className: "flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: group.name }), group.description && (jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: group.description }))] }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeGroup(group.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove ${group.name}`, children: jsx(X, { className: "h-4 w-4" }) })] }, group.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-3 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No groups have this permission" })), jsxs("div", { className: "relative", children: [jsx(Input, { value: groupSearch, onChange: (e) => {
+                                                            }) })), showUserSearch && userSearch.length > 2 && availableUsers.length === 0 && (jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg p-3 z-50", children: jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "No users found" }) }))] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Type at least 3 characters to search for users" })] })] }), jsxs("div", { className: "grid gap-1.5", children: [jsxs(Label, { children: ["Groups with", ' ', (_b = PERMISSION_OPTIONS.find((p) => p.value === selectedPermission)) === null || _b === void 0 ? void 0 : _b.label, " access"] }), jsxs("div", { className: "space-y-2", children: [currentGroups.length > 0 ? (jsx("div", { className: "space-y-2 max-h-32 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: currentGroups.map((group) => (jsxs("div", { className: "flex items-center justify-between bg-gray-50 dark:bg-gray-800 p-2 rounded-md", children: [jsxs("div", { className: "flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: group.name }), group.description && (jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: group.description }))] }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeGroup(group.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove ${group.name}`, children: jsx(X$1, { className: "h-4 w-4" }) })] }, group.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-3 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No groups have this permission" })), jsxs("div", { className: "relative", children: [jsx(Input, { value: groupSearch, onChange: (e) => {
                                                                 setGroupSearch(e.target.value);
                                                                 setShowGroupSearch(e.target.value.length > 0 || availableGroups.length > 0);
                                                             }, onFocus: () => setShowGroupSearch(groupSearch.length > 0 || availableGroups.length > 0), placeholder: "Search groups to add..." }), showGroupSearch && availableGroups.length > 0 && (jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg max-h-48 overflow-y-auto z-50", children: availableGroups.map((group) => (jsx("button", { type: "button", onClick: () => addGroup(group), className: "w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700", children: jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: group.name }) }, group.id))) }))] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Type to search or click to see available groups" })] })] })] }))] }), formError && (jsx("div", { className: "mt-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-md", children: jsx("p", { className: "text-sm text-red-600 dark:text-red-400", children: formError }) })), jsxs(DialogFooter, { className: "mt-6", children: [jsx(Button$1, { variant: "outline", onClick: handleClose, children: "Cancel" }), jsx(Button$1, { onClick: handleSave, disabled: isSubmitting || isLoadingAccess, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: isSubmitting ? (jsxs(Fragment$1, { children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin mr-2", "aria-hidden": "true" }), "Saving..."] })) : ('Save Changes') })] })] }) }));
@@ -116544,7 +117088,7 @@ function GroupsTab({ tenant, isTeam = false, hasInviteUserPermission = false, ha
     }
     return (jsxs("div", { className: "mt-4", children: [jsxs("div", { className: `flex mb-6 gap-2 ${isTeam ? 'flex-col sm:flex-row sm:items-center sm:justify-between' : 'flex-row items-center justify-between'}`, children: [jsxs("div", { className: "relative max-w-sm w-full sm:w-auto", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: isTeam ? 'Search teams' : 'Search groups', "aria-label": isTeam ? 'Search teams' : 'Search groups', className: "pl-10 pr-10 focus:ring-blue-500 focus:border-blue-500 h-[35px]" }), isLoading && (jsx(LoaderCircle, { "data-testid": "search-spinner", className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400 animate-spin", "aria-hidden": "true" }))] }), jsxs("div", { className: "flex gap-2", children: [isTeam && hasInviteUserPermission && onInviteClick && (jsx(Button$1, { onClick: onInviteClick, "aria-label": "Invite users", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white h-[35px]", children: "Invite" })), isTeam ? (hasCreateTeamPermission && (jsx(Button$1, { onClick: openNew, "aria-label": "New team", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white h-[35px]", children: "New Team" }))) : (jsx(Button$1, { onClick: openNew, "aria-label": "New group", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white h-[35px]", children: "New Group" }))] })] }), isLoading && (jsx("div", { className: "flex justify-center items-center h-64", children: jsx("div", { className: "py-8 text-center text-sm text-gray-500 dark:text-gray-400", children: "Loading\u2026" }) })), isError && (jsx("div", { className: "py-8 text-center text-sm text-red-500", children: isTeam ? 'Failed to load teams' : 'Failed to load groups' })), !isLoading && !isError && (jsx("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-x-auto", children: jsxs("table", { className: "w-full text-sm", children: [jsx("thead", { className: "bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600", children: jsxs("tr", { children: [jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400", children: isTeam ? 'Team Name' : 'Group Name' }), !isTeam && (jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400", children: "Unique ID" })), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400", children: "Description" }), jsx("th", { className: "px-6 py-3 text-right font-medium text-gray-500 dark:text-gray-400 w-[120px]" })] }) }), jsxs("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-600", children: [groups.map((g) => (jsxs("tr", { children: [jsx("td", { className: "px-6 py-4 text-gray-900 dark:text-gray-100 text-sm", children: g.name }), !isTeam && (jsx("td", { className: "px-6 py-4 text-gray-600 dark:text-gray-300 text-sm", children: g.unique_id })), jsx("td", { className: "px-6 py-4 text-gray-600 dark:text-gray-300 text-sm", children: g.description }), jsx("td", { className: "px-6 py-4", children: jsxs("div", { className: "flex gap-2 justify-end", children: [isTeam && (jsx(WithPermissions, { rbacResource: `/platforms/${tenant}/usergroups/${g.id}/#share_usergroup`, rbacPermissions: rbacPermissions, children: ({ hasPermission }) => (hasPermission || !enableRbac) && (jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => openSharePanel(g), disabled: deletingGroupId === g.id, "aria-label": `Share team ${g.name}`, children: jsx(Share2, { className: "h-4 w-4", "aria-hidden": "true" }) })) })), jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => openEdit(g), disabled: deletingGroupId === g.id, "aria-label": `Edit ${isTeam ? 'team' : 'group'} ${g.name}`, children: jsx(Pencil, { className: "h-4 w-4", "aria-hidden": "true" }) }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { tabIndex: 0, children: jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => onDelete(g), className: "text-red-600 hover:text-red-700", disabled: deletingGroupId === g.id ||
                                                                                 g.is_internal ||
-                                                                                !g.permissions.object.delete, "aria-label": `Delete ${isTeam ? 'team' : 'group'} ${g.name}`, children: deletingGroupId === g.id ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" })) : (jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" })) }) }) }), g.is_internal && (jsx(TooltipContent, { children: jsxs("p", { children: ["Cannot delete internal ", isTeam ? 'teams' : 'groups'] }) })), !g.permissions.object.delete && (jsx(TooltipContent, { children: jsxs("p", { children: ["Cannot delete ", isTeam ? 'teams' : 'groups'] }) }))] }) })] }) })] }, g.id))), groups.length === 0 && (jsx("tr", { children: jsx("td", { colSpan: isTeam ? 3 : 4, className: "px-6 py-8 text-center text-gray-500 dark:text-gray-400", children: isTeam ? 'No teams found' : 'No groups found' }) }))] })] }) })), !isLoading && !isError && (jsx("div", { className: "mt-6", children: jsx(AdvancedPagination, { totalPages: totalPages, currentPage: page, onPageChange: (newPage) => handlePageChange(newPage) }) })), jsx(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: jsxs(DialogContent$1, { "aria-describedby": undefined, className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [jsx(DialogHeader, { children: jsx(DialogTitle$1, { children: editing ? (isTeam ? 'Edit Team' : 'Edit Group') : isTeam ? 'New Team' : 'New Group' }) }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "g-name", children: isTeam ? 'Team Name' : 'Group Name' }), jsx(Input, { id: "g-name", value: form.name, onChange: (e) => setForm({ ...form, name: e.target.value }), placeholder: isTeam ? 'Enter team name' : 'Enter group name', required: true })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "g-desc", children: "Description" }), jsx(Input, { id: "g-desc", value: form.description, onChange: (e) => setForm({ ...form, description: e.target.value }), placeholder: isTeam ? 'Enter team description' : 'Enter group description' })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { children: isTeam ? 'Team Members' : 'Group Members' }), jsx("div", { className: "space-y-2", children: members.length > 0 ? (jsx("div", { className: "space-y-2 max-h-48 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: members.map((member) => (jsxs("div", { className: "flex items-center justify-between bg-gray-50 dark:bg-gray-800 p-2 rounded-md", children: [jsxs("div", { className: "flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: member.name || member.username }), member.email && (jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: member.email }))] }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeMember(member.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove ${member.name}`, children: jsx(X, { className: "h-4 w-4" }) })] }, member.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-4 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No members added yet" })) })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "user-search", children: "Add Members" }), jsxs("div", { className: "relative", children: [jsx(Input, { id: "user-search", value: userSearch, onChange: (e) => {
+                                                                                !g.permissions.object.delete, "aria-label": `Delete ${isTeam ? 'team' : 'group'} ${g.name}`, children: deletingGroupId === g.id ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" })) : (jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" })) }) }) }), g.is_internal && (jsx(TooltipContent, { children: jsxs("p", { children: ["Cannot delete internal ", isTeam ? 'teams' : 'groups'] }) })), !g.permissions.object.delete && (jsx(TooltipContent, { children: jsxs("p", { children: ["Cannot delete ", isTeam ? 'teams' : 'groups'] }) }))] }) })] }) })] }, g.id))), groups.length === 0 && (jsx("tr", { children: jsx("td", { colSpan: isTeam ? 3 : 4, className: "px-6 py-8 text-center text-gray-500 dark:text-gray-400", children: isTeam ? 'No teams found' : 'No groups found' }) }))] })] }) })), !isLoading && !isError && (jsx("div", { className: "mt-6", children: jsx(AdvancedPagination, { totalPages: totalPages, currentPage: page, onPageChange: (newPage) => handlePageChange(newPage) }) })), jsx(Dialog$1, { open: isOpen, onOpenChange: setIsOpen, children: jsxs(DialogContent$2, { "aria-describedby": undefined, className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [jsx(DialogHeader, { children: jsx(DialogTitle$2, { children: editing ? (isTeam ? 'Edit Team' : 'Edit Group') : isTeam ? 'New Team' : 'New Group' }) }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "g-name", children: isTeam ? 'Team Name' : 'Group Name' }), jsx(Input, { id: "g-name", value: form.name, onChange: (e) => setForm({ ...form, name: e.target.value }), placeholder: isTeam ? 'Enter team name' : 'Enter group name', required: true })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "g-desc", children: "Description" }), jsx(Input, { id: "g-desc", value: form.description, onChange: (e) => setForm({ ...form, description: e.target.value }), placeholder: isTeam ? 'Enter team description' : 'Enter group description' })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { children: isTeam ? 'Team Members' : 'Group Members' }), jsx("div", { className: "space-y-2", children: members.length > 0 ? (jsx("div", { className: "space-y-2 max-h-48 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: members.map((member) => (jsxs("div", { className: "flex items-center justify-between bg-gray-50 dark:bg-gray-800 p-2 rounded-md", children: [jsxs("div", { className: "flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: member.name || member.username }), member.email && (jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: member.email }))] }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeMember(member.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove ${member.name}`, children: jsx(X$1, { className: "h-4 w-4" }) })] }, member.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-4 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No members added yet" })) })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "user-search", children: "Add Members" }), jsxs("div", { className: "relative", children: [jsx(Input, { id: "user-search", value: userSearch, onChange: (e) => {
                                                         setUserSearch(e.target.value);
                                                         setShowUserSearch(e.target.value.length > 0);
                                                     }, onFocus: () => setShowUserSearch(userSearch.length > 0), placeholder: "Type to search users...", className: "w-full" }), showUserSearch && availableUsers.length > 0 && (jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg max-h-48 overflow-y-auto z-50", children: availableUsers.map((user) => (jsxs("button", { type: "button", onClick: () => {
@@ -116715,7 +117259,7 @@ function RolesTab({ tenant }) {
             setDeletingRoleId(null);
         }
     }
-    return (jsxs("div", { className: "mt-4", children: [jsxs("div", { className: "flex justify-between items-center gap-1 mb-6", children: [jsxs("div", { className: "relative max-w-sm", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search roles", "aria-label": "Search roles", className: "pl-10 pr-10 focus:ring-blue-500 focus:border-blue-500 h-[35px]" }), isLoading && (jsx(LoaderCircle, { "data-testid": "search-spinner", className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400 animate-spin", "aria-hidden": "true" }))] }), jsx(Button$1, { onClick: openNew, "aria-label": "New role", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white h-[35px]", children: "New Role" })] }), isLoading && (jsx("div", { className: "flex justify-center items-center h-64", children: jsx("div", { className: "py-8 text-center text-sm text-gray-500 dark:text-gray-400", children: "Loading\u2026" }) })), isError && jsx("div", { className: "py-8 text-center text-sm text-red-500", children: "Failed to load roles" }), !isLoading && !isError && (jsx("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-x-auto", children: jsxs("table", { className: "w-full text-sm", children: [jsx("thead", { className: "bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600", children: jsxs("tr", { children: [jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400", children: "Name" }), jsx("th", { className: "px-6 py-3 text-right font-medium text-gray-500 dark:text-gray-400 w-[100px]" })] }) }), jsxs("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-600", children: [roles.map((r) => (jsxs("tr", { children: [jsx("td", { className: "px-6 py-4 text-gray-900 dark:text-gray-100 text-sm", children: r.name }), jsx("td", { className: "px-6 py-4", children: jsxs("div", { className: "flex gap-2 justify-end", children: [jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => openEdit(r), disabled: deletingRoleId === r.id, "aria-label": `Edit role ${r.name}`, children: jsx(Pencil, { className: "h-4 w-4", "aria-hidden": "true" }) }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { tabIndex: 0, children: jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => onDelete(r), className: "text-red-600 hover:text-red-700", disabled: deletingRoleId === r.id || r.is_internal, "aria-label": `Delete role ${r.name}`, children: deletingRoleId === r.id ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" })) : (jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" })) }) }) }), r.is_internal && (jsx(TooltipContent, { children: jsx("p", { children: "Cannot delete internal roles" }) }))] }) })] }) })] }, r.id))), roles.length === 0 && (jsx("tr", { children: jsx("td", { colSpan: 2, className: "px-6 py-8 text-center text-gray-500 dark:text-gray-400", children: "No roles found" }) }))] })] }) })), !isLoading && !isError && (jsx("div", { className: "mt-6", children: jsx(AdvancedPagination, { totalPages: totalPages, currentPage: page, onPageChange: (newPage) => handlePageChange(newPage) }) })), jsx(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: jsxs(DialogContent$1, { "aria-describedby": undefined, className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [jsx(DialogHeader, { children: jsx(DialogTitle$1, { children: editing ? 'Edit Role' : 'New Role' }) }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "r-name", children: "Role Name" }), jsx(Input, { id: "r-name", value: form.name, onChange: (e) => setForm({ ...form, name: e.target.value }), placeholder: "Enter role name", required: true })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "r-actions", children: "Actions" }), jsxs("div", { className: "space-y-2", children: [actions.length > 0 && (jsx("div", { className: "flex flex-wrap gap-2 p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-gray-50 dark:bg-gray-800", children: actions.map((action, index) => (jsxs(Badge, { variant: "secondary", className: "px-2 py-1 flex items-center gap-1 font-mono text-xs", children: [jsx("span", { children: action }), jsx("button", { type: "button", onClick: () => removeAction(action), className: "ml-1 hover:text-red-600", "aria-label": `Remove action ${action}`, children: jsx(X, { className: "h-3 w-3" }) })] }, index))) })), jsxs("div", { className: "flex gap-2", children: [jsx(Input, { id: "r-actions", value: actionInput, onChange: (e) => setActionInput(e.target.value), onKeyDown: handleActionKeyDown, placeholder: "e.g., Ibl.Mentor/Settings/read, Ibl.Mentor/*/write", className: "flex-1 font-mono text-sm" }), jsx(Button$1, { type: "button", variant: "outline", size: "sm", onClick: addAction, disabled: !actionInput.trim(), "aria-label": "Add action", children: jsx(Plus, { className: "h-4 w-4" }) })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Press Enter or click + to add. Supports wildcards (e.g., Ibl.Mentor/*/read)" })] })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "r-data-actions", children: "Data Actions" }), jsxs("div", { className: "space-y-2", children: [dataActions.length > 0 && (jsx("div", { className: "flex flex-wrap gap-2 p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-gray-50 dark:bg-gray-800", children: dataActions.map((action, index) => (jsxs(Badge, { variant: "secondary", className: "px-2 py-1 flex items-center gap-1 font-mono text-xs", children: [jsx("span", { children: action }), jsx("button", { type: "button", onClick: () => removeDataAction(action), className: "ml-1 hover:text-red-600", "aria-label": `Remove data action ${action}`, children: jsx(X, { className: "h-3 w-3" }) })] }, index))) })), jsxs("div", { className: "flex gap-2", children: [jsx(Input, { id: "r-data-actions", value: dataActionInput, onChange: (e) => setDataActionInput(e.target.value), onKeyDown: handleDataActionKeyDown, placeholder: "e.g., Ibl.Mentor/Settings/email/read, Ibl.Core/*/name/write", className: "flex-1 font-mono text-sm" }), jsx(Button$1, { type: "button", variant: "outline", size: "sm", onClick: addDataAction, disabled: !dataActionInput.trim(), "aria-label": "Add data action", children: jsx(Plus, { className: "h-4 w-4" }) })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Press Enter or click + to add. Field-level access (e.g., Ibl.Mentor/Settings/email/read)" })] })] })] }), jsxs(DialogFooter, { className: "mt-6", children: [jsx(Button$1, { variant: "outline", onClick: () => setIsOpen(false), children: "Cancel" }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { tabIndex: 0, children: jsx(Button$1, { onClick: onSubmit, disabled: !!editing && (roleDetails === null || roleDetails === void 0 ? void 0 : roleDetails.is_internal), className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: editing ? 'Save Role' : 'Create Role' }) }) }), editing && (roleDetails === null || roleDetails === void 0 ? void 0 : roleDetails.is_internal) && (jsx(TooltipContent, { children: jsx("p", { children: "Cannot edit internal roles" }) }))] }) })] })] }) })] }));
+    return (jsxs("div", { className: "mt-4", children: [jsxs("div", { className: "flex justify-between items-center gap-1 mb-6", children: [jsxs("div", { className: "relative max-w-sm", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search roles", "aria-label": "Search roles", className: "pl-10 pr-10 focus:ring-blue-500 focus:border-blue-500 h-[35px]" }), isLoading && (jsx(LoaderCircle, { "data-testid": "search-spinner", className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400 animate-spin", "aria-hidden": "true" }))] }), jsx(Button$1, { onClick: openNew, "aria-label": "New role", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white h-[35px]", children: "New Role" })] }), isLoading && (jsx("div", { className: "flex justify-center items-center h-64", children: jsx("div", { className: "py-8 text-center text-sm text-gray-500 dark:text-gray-400", children: "Loading\u2026" }) })), isError && jsx("div", { className: "py-8 text-center text-sm text-red-500", children: "Failed to load roles" }), !isLoading && !isError && (jsx("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-x-auto", children: jsxs("table", { className: "w-full text-sm", children: [jsx("thead", { className: "bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600", children: jsxs("tr", { children: [jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400", children: "Name" }), jsx("th", { className: "px-6 py-3 text-right font-medium text-gray-500 dark:text-gray-400 w-[100px]" })] }) }), jsxs("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-600", children: [roles.map((r) => (jsxs("tr", { children: [jsx("td", { className: "px-6 py-4 text-gray-900 dark:text-gray-100 text-sm", children: r.name }), jsx("td", { className: "px-6 py-4", children: jsxs("div", { className: "flex gap-2 justify-end", children: [jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => openEdit(r), disabled: deletingRoleId === r.id, "aria-label": `Edit role ${r.name}`, children: jsx(Pencil, { className: "h-4 w-4", "aria-hidden": "true" }) }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { tabIndex: 0, children: jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => onDelete(r), className: "text-red-600 hover:text-red-700", disabled: deletingRoleId === r.id || r.is_internal, "aria-label": `Delete role ${r.name}`, children: deletingRoleId === r.id ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" })) : (jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" })) }) }) }), r.is_internal && (jsx(TooltipContent, { children: jsx("p", { children: "Cannot delete internal roles" }) }))] }) })] }) })] }, r.id))), roles.length === 0 && (jsx("tr", { children: jsx("td", { colSpan: 2, className: "px-6 py-8 text-center text-gray-500 dark:text-gray-400", children: "No roles found" }) }))] })] }) })), !isLoading && !isError && (jsx("div", { className: "mt-6", children: jsx(AdvancedPagination, { totalPages: totalPages, currentPage: page, onPageChange: (newPage) => handlePageChange(newPage) }) })), jsx(Dialog$1, { open: isOpen, onOpenChange: setIsOpen, children: jsxs(DialogContent$2, { "aria-describedby": undefined, className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [jsx(DialogHeader, { children: jsx(DialogTitle$2, { children: editing ? 'Edit Role' : 'New Role' }) }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "r-name", children: "Role Name" }), jsx(Input, { id: "r-name", value: form.name, onChange: (e) => setForm({ ...form, name: e.target.value }), placeholder: "Enter role name", required: true })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "r-actions", children: "Actions" }), jsxs("div", { className: "space-y-2", children: [actions.length > 0 && (jsx("div", { className: "flex flex-wrap gap-2 p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-gray-50 dark:bg-gray-800", children: actions.map((action, index) => (jsxs(Badge, { variant: "secondary", className: "px-2 py-1 flex items-center gap-1 font-mono text-xs", children: [jsx("span", { children: action }), jsx("button", { type: "button", onClick: () => removeAction(action), className: "ml-1 hover:text-red-600", "aria-label": `Remove action ${action}`, children: jsx(X$1, { className: "h-3 w-3" }) })] }, index))) })), jsxs("div", { className: "flex gap-2", children: [jsx(Input, { id: "r-actions", value: actionInput, onChange: (e) => setActionInput(e.target.value), onKeyDown: handleActionKeyDown, placeholder: "e.g., Ibl.Mentor/Settings/read, Ibl.Mentor/*/write", className: "flex-1 font-mono text-sm" }), jsx(Button$1, { type: "button", variant: "outline", size: "sm", onClick: addAction, disabled: !actionInput.trim(), "aria-label": "Add action", children: jsx(Plus, { className: "h-4 w-4" }) })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Press Enter or click + to add. Supports wildcards (e.g., Ibl.Mentor/*/read)" })] })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "r-data-actions", children: "Data Actions" }), jsxs("div", { className: "space-y-2", children: [dataActions.length > 0 && (jsx("div", { className: "flex flex-wrap gap-2 p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-gray-50 dark:bg-gray-800", children: dataActions.map((action, index) => (jsxs(Badge, { variant: "secondary", className: "px-2 py-1 flex items-center gap-1 font-mono text-xs", children: [jsx("span", { children: action }), jsx("button", { type: "button", onClick: () => removeDataAction(action), className: "ml-1 hover:text-red-600", "aria-label": `Remove data action ${action}`, children: jsx(X$1, { className: "h-3 w-3" }) })] }, index))) })), jsxs("div", { className: "flex gap-2", children: [jsx(Input, { id: "r-data-actions", value: dataActionInput, onChange: (e) => setDataActionInput(e.target.value), onKeyDown: handleDataActionKeyDown, placeholder: "e.g., Ibl.Mentor/Settings/email/read, Ibl.Core/*/name/write", className: "flex-1 font-mono text-sm" }), jsx(Button$1, { type: "button", variant: "outline", size: "sm", onClick: addDataAction, disabled: !dataActionInput.trim(), "aria-label": "Add data action", children: jsx(Plus, { className: "h-4 w-4" }) })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Press Enter or click + to add. Field-level access (e.g., Ibl.Mentor/Settings/email/read)" })] })] })] }), jsxs(DialogFooter, { className: "mt-6", children: [jsx(Button$1, { variant: "outline", onClick: () => setIsOpen(false), children: "Cancel" }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { tabIndex: 0, children: jsx(Button$1, { onClick: onSubmit, disabled: !!editing && (roleDetails === null || roleDetails === void 0 ? void 0 : roleDetails.is_internal), className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: editing ? 'Save Role' : 'Create Role' }) }) }), editing && (roleDetails === null || roleDetails === void 0 ? void 0 : roleDetails.is_internal) && (jsx(TooltipContent, { children: jsx("p", { children: "Cannot edit internal roles" }) }))] }) })] })] }) })] }));
 }
 
 function PoliciesTab({ tenant }) {
@@ -116984,7 +117528,7 @@ function PoliciesTab({ tenant }) {
     return (jsxs("div", { className: "mt-4", children: [jsxs("div", { className: "flex justify-between items-center gap-1 mb-6", children: [jsxs("div", { className: "relative max-w-sm", children: [jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), jsx(Input, { value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search policies", "aria-label": "Search policies", className: "pl-10 pr-10 focus:ring-blue-500 focus:border-blue-500 h-[35px]" }), isLoading && (jsx(LoaderCircle, { "data-testid": "search-spinner", className: "absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400 animate-spin", "aria-hidden": "true" }))] }), jsx(Button$1, { onClick: openNew, "aria-label": "New policy", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white h-[35px]", children: "New Policy" })] }), isLoading && (jsx("div", { className: "flex justify-center items-center h-64", children: jsx("div", { className: "py-8 text-center text-sm text-gray-500 dark:text-gray-400", children: "Loading\u2026" }) })), isError && (jsx("div", { className: "py-8 text-center text-sm text-red-500", children: "Failed to load policies" })), !isLoading && !isError && (jsx("div", { className: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-x-auto", children: jsxs("table", { className: "w-full text-sm", children: [jsx("thead", { className: "bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600", children: jsxs("tr", { children: [jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400", children: "Policy Name" }), jsx("th", { className: "px-6 py-3 text-left font-medium text-gray-500 dark:text-gray-400", children: "Role" }), jsx("th", { className: "px-6 py-3 text-right font-medium text-gray-500 dark:text-gray-400 w-[100px]" })] }) }), jsxs("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-600", children: [policies.map((p) => {
                                     var _a, _b;
                                     return (jsxs("tr", { children: [jsx("td", { className: "px-6 py-4 text-gray-900 dark:text-gray-100 text-sm", children: p.name }), jsx("td", { className: "px-6 py-4 text-gray-600 dark:text-gray-300 text-sm", children: (_b = (_a = p.role) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'N/A' }), jsx("td", { className: "px-6 py-4", children: jsxs("div", { className: "flex gap-2 justify-end", children: [jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => openEdit(p), disabled: deletingPolicyId === p.id, "aria-label": `Edit policy ${p.name}`, children: jsx(Pencil, { className: "h-4 w-4", "aria-hidden": "true" }) }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("span", { tabIndex: 0, children: jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => onDelete(p), className: "text-red-600 hover:text-red-700", disabled: deletingPolicyId === p.id || p.is_internal, "aria-label": `Delete policy ${p.name}`, children: deletingPolicyId === p.id ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" })) : (jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" })) }) }) }), p.is_internal && (jsx(TooltipContent, { children: jsx("p", { children: "Cannot delete internal policies" }) }))] }) })] }) })] }, p.id));
-                                }), policies.length === 0 && (jsx("tr", { children: jsx("td", { colSpan: 3, className: "px-6 py-8 text-center text-gray-500 dark:text-gray-400", children: "No policies found" }) }))] })] }) })), !isLoading && !isError && (jsx("div", { className: "mt-6", children: jsx(AdvancedPagination, { totalPages: totalPages, currentPage: page, onPageChange: (newPage) => handlePageChange(newPage) }) })), jsx(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: jsxs(DialogContent$1, { "aria-describedby": undefined, className: "max-w-3xl max-h-[90vh] overflow-y-auto", children: [jsx(DialogHeader, { children: jsx(DialogTitle$1, { children: editing ? 'Edit Policy' : 'New Policy' }) }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "p-name", children: "Policy Name" }), jsx(Input, { id: "p-name", value: form.name, onChange: (e) => setForm({ ...form, name: e.target.value }), placeholder: "Enter policy name", required: true })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "p-role", children: "Role" }), jsxs("div", { className: "relative", children: [jsx(Input, { id: "p-role", value: form.roleName || roleSearch, onChange: (e) => {
+                                }), policies.length === 0 && (jsx("tr", { children: jsx("td", { colSpan: 3, className: "px-6 py-8 text-center text-gray-500 dark:text-gray-400", children: "No policies found" }) }))] })] }) })), !isLoading && !isError && (jsx("div", { className: "mt-6", children: jsx(AdvancedPagination, { totalPages: totalPages, currentPage: page, onPageChange: (newPage) => handlePageChange(newPage) }) })), jsx(Dialog$1, { open: isOpen, onOpenChange: setIsOpen, children: jsxs(DialogContent$2, { "aria-describedby": undefined, className: "max-w-3xl max-h-[90vh] overflow-y-auto", children: [jsx(DialogHeader, { children: jsx(DialogTitle$2, { children: editing ? 'Edit Policy' : 'New Policy' }) }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "p-name", children: "Policy Name" }), jsx(Input, { id: "p-name", value: form.name, onChange: (e) => setForm({ ...form, name: e.target.value }), placeholder: "Enter policy name", required: true })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "p-role", children: "Role" }), jsxs("div", { className: "relative", children: [jsx(Input, { id: "p-role", value: form.roleName || roleSearch, onChange: (e) => {
                                                         setRoleSearch(e.target.value);
                                                         setForm({ ...form, roleId: 0, roleName: '' });
                                                         setShowRoleSearch(e.target.value.length > 0);
@@ -116992,14 +117536,14 @@ function PoliciesTab({ tenant }) {
                                                             setForm({ ...form, roleId: role.id, roleName: role.name });
                                                             setRoleSearch('');
                                                             setShowRoleSearch(false);
-                                                        }, className: "w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: role.name }), role.description && (jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: role.description }))] }, role.id))) }))] })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "p-res", children: "Resources" }), jsxs("div", { className: "space-y-2", children: [resources.length > 0 && (jsx("div", { className: "flex flex-wrap gap-2 p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-gray-50 dark:bg-gray-800", children: resources.map((resource, index) => (jsxs(Badge, { variant: "secondary", className: "px-2 py-1 flex items-center gap-1 font-mono text-xs", children: [jsx("span", { children: resource }), jsx("button", { type: "button", onClick: () => removeResource(resource), className: "ml-1 hover:text-red-600", "aria-label": `Remove resource ${resource}`, children: jsx(X, { className: "h-3 w-3" }) })] }, index))) })), jsxs("div", { className: "flex gap-2", children: [jsx(Input, { id: "p-res", value: resourceInput, onChange: (e) => setResourceInput(e.target.value), onKeyDown: handleResourceKeyDown, placeholder: "e.g., /platforms/{pk}/projects, /platforms/{pk}/mentors/*", className: "flex-1 font-mono text-sm" }), jsx(Button$1, { type: "button", variant: "outline", size: "sm", onClick: addResource, disabled: !resourceInput.trim(), "aria-label": "Add resource", children: jsx(Plus, { className: "h-4 w-4" }) })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Press Enter or click + to add. Supports wildcards and path parameters" })] })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { children: "Users" }), jsxs("div", { className: "space-y-2", children: [selectedUsers.length > 0 ? (jsx("div", { className: "space-y-2 max-h-32 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: selectedUsers.map((user) => (jsxs("div", { className: "flex items-center justify-between bg-gray-50 dark:bg-gray-800 p-2 rounded-md", children: [jsxs("div", { className: "flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: user.name }), jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: user.email })] }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeUser(user.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove ${user.name}`, children: jsx(X, { className: "h-4 w-4" }) })] }, user.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-3 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No users added" })), jsxs("div", { className: "relative", children: [jsx(Input, { value: userSearch, onChange: (e) => {
+                                                        }, className: "w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: role.name }), role.description && (jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: role.description }))] }, role.id))) }))] })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { htmlFor: "p-res", children: "Resources" }), jsxs("div", { className: "space-y-2", children: [resources.length > 0 && (jsx("div", { className: "flex flex-wrap gap-2 p-2 border border-gray-200 dark:border-gray-700 rounded-md bg-gray-50 dark:bg-gray-800", children: resources.map((resource, index) => (jsxs(Badge, { variant: "secondary", className: "px-2 py-1 flex items-center gap-1 font-mono text-xs", children: [jsx("span", { children: resource }), jsx("button", { type: "button", onClick: () => removeResource(resource), className: "ml-1 hover:text-red-600", "aria-label": `Remove resource ${resource}`, children: jsx(X$1, { className: "h-3 w-3" }) })] }, index))) })), jsxs("div", { className: "flex gap-2", children: [jsx(Input, { id: "p-res", value: resourceInput, onChange: (e) => setResourceInput(e.target.value), onKeyDown: handleResourceKeyDown, placeholder: "e.g., /platforms/{pk}/projects, /platforms/{pk}/mentors/*", className: "flex-1 font-mono text-sm" }), jsx(Button$1, { type: "button", variant: "outline", size: "sm", onClick: addResource, disabled: !resourceInput.trim(), "aria-label": "Add resource", children: jsx(Plus, { className: "h-4 w-4" }) })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Press Enter or click + to add. Supports wildcards and path parameters" })] })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { children: "Users" }), jsxs("div", { className: "space-y-2", children: [selectedUsers.length > 0 ? (jsx("div", { className: "space-y-2 max-h-32 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: selectedUsers.map((user) => (jsxs("div", { className: "flex items-center justify-between bg-gray-50 dark:bg-gray-800 p-2 rounded-md", children: [jsxs("div", { className: "flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: user.name }), jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: user.email })] }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeUser(user.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove ${user.name}`, children: jsx(X$1, { className: "h-4 w-4" }) })] }, user.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-3 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No users added" })), jsxs("div", { className: "relative", children: [jsx(Input, { value: userSearch, onChange: (e) => {
                                                                 setUserSearch(e.target.value);
                                                                 setShowUserSearch(e.target.value.length > 0);
                                                             }, onFocus: () => setShowUserSearch(userSearch.length > 0), placeholder: "Type to search and add users..." }), showUserSearch && availableUsers.length > 0 && (jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg max-h-48 overflow-y-auto z-50", children: availableUsers.map((user) => (jsxs("button", { type: "button", onClick: () => addUser({
                                                                     id: user.user_id,
                                                                     name: user.name,
                                                                     email: user.email,
-                                                                }), className: "w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: user.name }), jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: user.email })] }, user.user_id))) }))] })] })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { children: "Groups" }), jsxs("div", { className: "space-y-2", children: [selectedGroups.length > 0 ? (jsx("div", { className: "space-y-2 max-h-32 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: selectedGroups.map((group) => (jsxs("div", { className: "flex items-center justify-between bg-gray-50 dark:bg-gray-800 p-2 rounded-md", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: group.name }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeGroup(group.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove ${group.name}`, children: jsx(X, { className: "h-4 w-4" }) })] }, group.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-3 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No groups added" })), jsxs("div", { className: "relative", children: [jsx(Input, { value: groupSearch, onChange: (e) => {
+                                                                }), className: "w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 flex flex-col", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: user.name }), jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: user.email })] }, user.user_id))) }))] })] })] }), jsxs("div", { className: "grid gap-1.5", children: [jsx(Label, { children: "Groups" }), jsxs("div", { className: "space-y-2", children: [selectedGroups.length > 0 ? (jsx("div", { className: "space-y-2 max-h-32 overflow-y-auto border border-gray-200 dark:border-gray-700 rounded-md p-2", children: selectedGroups.map((group) => (jsxs("div", { className: "flex items-center justify-between bg-gray-50 dark:bg-gray-800 p-2 rounded-md", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: group.name }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => removeGroup(group.id), className: "h-8 w-8 p-0 text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20", "aria-label": `Remove ${group.name}`, children: jsx(X$1, { className: "h-4 w-4" }) })] }, group.id))) })) : (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 p-3 text-center border border-dashed border-gray-300 dark:border-gray-600 rounded-md", children: "No groups added" })), jsxs("div", { className: "relative", children: [jsx(Input, { value: groupSearch, onChange: (e) => {
                                                                 setGroupSearch(e.target.value);
                                                                 setShowGroupSearch(e.target.value.length > 0);
                                                             }, onFocus: () => setShowGroupSearch(groupSearch.length > 0 || availableGroups.length > 0), placeholder: "Type to search and add groups..." }), showGroupSearch && availableGroups.length > 0 && (jsx("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg max-h-48 overflow-y-auto z-50", children: availableGroups.map((group) => (jsx("button", { type: "button", onClick: () => addGroup({
@@ -117173,9 +117717,9 @@ function OrganizationTab({ platformKey, setOrganizationLogoFromOutside, tenant,
             toast.success(`Help Center ${checked ? 'enabled' : 'disabled'}`);
         });
     };
-    return (jsxs("div", { className: "container mx-auto max-w-7xl !mt-0", children: [jsxs("div", { className: "mb-6", children: [jsx(Label, { htmlFor: "orgName", className: "text-gray-500 dark:text-gray-400 text-base", children: "ID" }), jsx("div", { className: "flex items-center gap-2 mt-1", children: jsx("span", { className: "text-sm text-gray-600 font-semibold", children: platformKey }) })] }), jsxs("div", { className: "mb-6", children: [jsx(Label, { htmlFor: "orgName", className: "text-gray-500 dark:text-gray-400 text-base", children: "Name" }), isEditingOrg ? (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx(Input, { id: "orgName", value: tempOrgName, onChange: (e) => setTempOrgName(e.target.value), className: "max-w-md text-sm text-gray-600 font-semibold", placeholder: "Enter organization name", autoFocus: true }), jsxs(Button$1, { onClick: handleSaveOrg, size: "sm", disabled: !tempOrgName.trim() || isUpdatingPlatformInfo, className: "h-9 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: [jsx(Check, { className: "w-4 h-4 mr-1" }), isUpdatingPlatformInfo ? 'Saving...' : 'Save'] }), jsxs(Button$1, { onClick: handleCancelOrg, variant: "outline", size: "sm", className: "h-9 bg-transparent", children: [jsx(X, { className: "w-4 h-4 mr-1" }), "Cancel"] })] })) : (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx("span", { className: "text-sm text-gray-600 font-semibold", children: organizationName || 'Default' }), jsx(Button$1, { onClick: handleEditOrg, variant: "ghost", size: "sm", className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground", children: jsx(SquarePen, { className: "w-3 h-3" }) })] }))] }), jsxs("div", { className: "mb-6", children: [jsx(Label, { htmlFor: "orgName", className: "text-gray-500 dark:text-gray-400 text-base", children: "Support" }), isEditingSupportEmail ? (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx(Input, { id: "supportEmail", value: tempSupportEmail, onChange: (e) => setTempSupportEmail(e.target.value), className: "max-w-md text-sm text-gray-600 font-semibold", placeholder: "Enter organization support address", autoFocus: true }), jsxs(Button$1, { onClick: handleSaveSupportEmail, size: "sm", disabled: !tempSupportEmail.trim() || isUpdatingTenantMetadata, className: "h-9 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: [jsx(Check, { className: "w-4 h-4 mr-1" }), "Save"] }), jsxs(Button$1, { onClick: handleCancelSupportEmail, variant: "outline", size: "sm", className: "h-9 bg-transparent", children: [jsx(X, { className: "w-4 h-4 mr-1" }), "Cancel"] })] })) : (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx("span", { className: "text-sm text-gray-600 font-semibold", children: supportEmail }), jsx(Button$1, { onClick: handleEditSupportEmail, variant: "ghost", size: "sm", className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground", children: jsx(SquarePen, { className: "w-3 h-3" }) })] }))] }), jsxs("div", { className: "mb-6", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(Label, { htmlFor: "helpCenterUrl", className: "text-gray-500 dark:text-gray-400 text-base", children: "Help Center" }), jsx(Switch, { checked: showHelp, onCheckedChange: handleToggleShowHelp, disabled: isUpdatingTenantMetadata, "aria-label": "Toggle Help Center visibility", className: "cursor-pointer data-[state=checked]:bg-blue-500 disabled:cursor-not-allowed disabled:opacity-50" })] }), isEditingHelpCenterUrl ? (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx(Input, { id: "helpCenterUrl", value: tempHelpCenterUrl, onChange: (e) => setTempHelpCenterUrl(e.target.value), className: "max-w-md text-sm font-semibold", placeholder: "Enter help center URL", autoFocus: true }), jsxs(Button$1, { onClick: handleSaveHelpCenterUrl, size: "sm", 
+    return (jsxs("div", { className: "container mx-auto max-w-7xl !mt-0", children: [jsxs("div", { className: "mb-6", children: [jsx(Label, { htmlFor: "orgName", className: "text-gray-500 dark:text-gray-400 text-base", children: "ID" }), jsx("div", { className: "flex items-center gap-2 mt-1", children: jsx("span", { className: "text-sm text-gray-600 font-semibold", children: platformKey }) })] }), jsxs("div", { className: "mb-6", children: [jsx(Label, { htmlFor: "orgName", className: "text-gray-500 dark:text-gray-400 text-base", children: "Name" }), isEditingOrg ? (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx(Input, { id: "orgName", value: tempOrgName, onChange: (e) => setTempOrgName(e.target.value), className: "max-w-md text-sm text-gray-600 font-semibold", placeholder: "Enter organization name", autoFocus: true }), jsxs(Button$1, { onClick: handleSaveOrg, size: "sm", disabled: !tempOrgName.trim() || isUpdatingPlatformInfo, className: "h-9 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: [jsx(Check, { className: "w-4 h-4 mr-1" }), isUpdatingPlatformInfo ? 'Saving...' : 'Save'] }), jsxs(Button$1, { onClick: handleCancelOrg, variant: "outline", size: "sm", className: "h-9 bg-transparent", children: [jsx(X$1, { className: "w-4 h-4 mr-1" }), "Cancel"] })] })) : (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx("span", { className: "text-sm text-gray-600 font-semibold", children: organizationName || 'Default' }), jsx(Button$1, { onClick: handleEditOrg, variant: "ghost", size: "sm", className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground", children: jsx(SquarePen, { className: "w-3 h-3" }) })] }))] }), jsxs("div", { className: "mb-6", children: [jsx(Label, { htmlFor: "orgName", className: "text-gray-500 dark:text-gray-400 text-base", children: "Support" }), isEditingSupportEmail ? (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx(Input, { id: "supportEmail", value: tempSupportEmail, onChange: (e) => setTempSupportEmail(e.target.value), className: "max-w-md text-sm text-gray-600 font-semibold", placeholder: "Enter organization support address", autoFocus: true }), jsxs(Button$1, { onClick: handleSaveSupportEmail, size: "sm", disabled: !tempSupportEmail.trim() || isUpdatingTenantMetadata, className: "h-9 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: [jsx(Check, { className: "w-4 h-4 mr-1" }), "Save"] }), jsxs(Button$1, { onClick: handleCancelSupportEmail, variant: "outline", size: "sm", className: "h-9 bg-transparent", children: [jsx(X$1, { className: "w-4 h-4 mr-1" }), "Cancel"] })] })) : (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx("span", { className: "text-sm text-gray-600 font-semibold", children: supportEmail }), jsx(Button$1, { onClick: handleEditSupportEmail, variant: "ghost", size: "sm", className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground", children: jsx(SquarePen, { className: "w-3 h-3" }) })] }))] }), jsxs("div", { className: "mb-6", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(Label, { htmlFor: "helpCenterUrl", className: "text-gray-500 dark:text-gray-400 text-base", children: "Help Center" }), jsx(Switch, { checked: showHelp, onCheckedChange: handleToggleShowHelp, disabled: isUpdatingTenantMetadata, "aria-label": "Toggle Help Center visibility", className: "cursor-pointer data-[state=checked]:bg-blue-500 disabled:cursor-not-allowed disabled:opacity-50" })] }), isEditingHelpCenterUrl ? (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx(Input, { id: "helpCenterUrl", value: tempHelpCenterUrl, onChange: (e) => setTempHelpCenterUrl(e.target.value), className: "max-w-md text-sm font-semibold", placeholder: "Enter help center URL", autoFocus: true }), jsxs(Button$1, { onClick: handleSaveHelpCenterUrl, size: "sm", 
                                 //disabled={!tempCustomFaqUrl.trim()}
-                                className: "h-9 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: [jsx(Check, { className: "w-4 h-4 mr-1" }), "Save"] }), jsxs(Button$1, { onClick: handleCancelHelpCenterUrl, variant: "outline", size: "sm", className: "h-9 bg-transparent", children: [jsx(X, { className: "w-4 h-4 mr-1" }), "Cancel"] })] })) : (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx("span", { className: "text-sm text-gray-600 font-semibold", children: helpCenterUrl }), jsx(Button$1, { onClick: handleEditHelpCenterUrl, variant: "ghost", size: "sm", className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground", children: jsx(SquarePen, { className: "w-3 h-3" }) })] }))] }), jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "orgName", className: "text-gray-500 dark:text-gray-400 text-base", children: "Light Logo" }), jsxs("div", { className: "flex h-[200px] w-full sm:w-[200px] flex-col items-center justify-center rounded-lg border-2 border-dashed border-gray-200 mt-3 hover:bg-gray-50 cursor-pointer", onClick: (event) => {
+                                className: "h-9 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: [jsx(Check, { className: "w-4 h-4 mr-1" }), "Save"] }), jsxs(Button$1, { onClick: handleCancelHelpCenterUrl, variant: "outline", size: "sm", className: "h-9 bg-transparent", children: [jsx(X$1, { className: "w-4 h-4 mr-1" }), "Cancel"] })] })) : (jsxs("div", { className: "flex items-center gap-2 mt-1", children: [jsx("span", { className: "text-sm text-gray-600 font-semibold", children: helpCenterUrl }), jsx(Button$1, { onClick: handleEditHelpCenterUrl, variant: "ghost", size: "sm", className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground", children: jsx(SquarePen, { className: "w-3 h-3" }) })] }))] }), jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "orgName", className: "text-gray-500 dark:text-gray-400 text-base", children: "Light Logo" }), jsxs("div", { className: "flex h-[200px] w-full sm:w-[200px] flex-col items-center justify-center rounded-lg border-2 border-dashed border-gray-200 mt-3 hover:bg-gray-50 cursor-pointer", onClick: (event) => {
                                     event.stopPropagation();
                                     if (lightLogoInputRef.current) {
                                         lightLogoInputRef.current.click();
@@ -117194,7 +117738,7 @@ function OrganizationTab({ platformKey, setOrganizationLogoFromOutside, tenant,
                                                         setOrganizationLogoFromOutside(`${LOGO_ENDPOINTS.light_logo(platformKey)}?v=${Date.now()}`);
                                                         lightLogoInputRef.current.value = '';
                                                     }
-                                                }, "aria-label": "Remove image", children: jsx(X, { className: "h-3 w-3" }) })] })) : (jsx("span", { className: "text-sm text-gray-500", children: "+ Upload" })), jsx("input", { type: "file", accept: "image/*", ref: lightLogoInputRef, onChange: (event) => {
+                                                }, "aria-label": "Remove image", children: jsx(X$1, { className: "h-3 w-3" }) })] })) : (jsx("span", { className: "text-sm text-gray-500", children: "+ Upload" })), jsx("input", { type: "file", accept: "image/*", ref: lightLogoInputRef, onChange: (event) => {
                                             var _a;
                                             const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
                                             if (file) {
@@ -117219,7 +117763,7 @@ function OrganizationTab({ platformKey, setOrganizationLogoFromOutside, tenant,
                                                         setOrganizationDarkLogo('');
                                                         darkLogoInputRef.current.value = '';
                                                     }
-                                                }, "aria-label": "Remove image", children: jsx(X, { className: "h-3 w-3" }) })] })) : (jsx("span", { className: "text-sm text-gray-500", children: "+ Upload" })), jsx("input", { type: "file", accept: "image/*", ref: darkLogoInputRef, onChange: (event) => {
+                                                }, "aria-label": "Remove image", children: jsx(X$1, { className: "h-3 w-3" }) })] })) : (jsx("span", { className: "text-sm text-gray-500", children: "+ Upload" })), jsx("input", { type: "file", accept: "image/*", ref: darkLogoInputRef, onChange: (event) => {
                                             var _a;
                                             const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
                                             if (file) {
@@ -117246,7 +117790,7 @@ function DeleteApiModal({ isOpen, onClose, apiKey, tenantKey }) {
             //Sentry.captureException(String(error));
         }
     }
-    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent$1, { "aria-describedby": "delete-api-key-description", children: [jsx(DialogHeader, { children: jsx(DialogTitle$1, { className: "ibl-dialog-title", children: "Delete API Key" }) }), jsx("div", { className: "my-5", children: jsxs("p", { className: "text-sm text-[#646464]", children: ["Are you sure you want to delete the API Key with the name", ' ', jsx("span", { className: "font-bold italic", children: apiKey.name }), "? This action cannot be undone."] }) }), jsxs(DialogFooter, { className: "gap-3", children: [jsx(Button$1, { variant: "outline", onClick: onClose, children: "Cancel" }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", onClick: handleDeleteApiKey, disabled: isLoading, children: isLoading ? 'Deleting...' : 'Delete' })] })] }) }));
+    return (jsx(Dialog$1, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent$2, { "aria-describedby": "delete-api-key-description", children: [jsx(DialogHeader, { children: jsx(DialogTitle$2, { className: "ibl-dialog-title", children: "Delete API Key" }) }), jsx("div", { className: "my-5", children: jsxs("p", { className: "text-sm text-[#646464]", children: ["Are you sure you want to delete the API Key with the name", ' ', jsx("span", { className: "font-bold italic", children: apiKey.name }), "? This action cannot be undone."] }) }), jsxs(DialogFooter, { className: "gap-3", children: [jsx(Button$1, { variant: "outline", onClick: onClose, children: "Cancel" }), jsx(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", onClick: handleDeleteApiKey, disabled: isLoading, children: isLoading ? 'Deleting...' : 'Delete' })] })] }) }));
 }
 
 function IntegrationAutogeneratedTab({ tenantKey }) {
@@ -117266,7 +117810,7 @@ function IntegrationAutogeneratedTab({ tenantKey }) {
 function ApiKeyModal({ isOpen, onClose, apiKey }) {
     const { copy, status } = useCopyToClipboard(800);
     const Icon = status === 'success' ? Check : Copy;
-    return (jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent$1, { children: [jsx(DialogHeader, { children: jsx(DialogTitle$1, { className: "ibl-dialog-title", children: "API Key" }) }), jsx(DialogDescription$1, { className: "sr-only", children: "Copy and paste the API key." }), jsxs("div", { className: "grid gap-6", children: [jsxs("p", { className: "text-sm text-muted-foreground grid gap-2", children: [jsx("span", { children: "Please copy your API key and store it in a secure location. For security reasons, this key will only be displayed once and cannot be retrieved again after you leave this page." }), jsx("span", { children: "If you lose your API key, you'll need to generate a new one." })] }), jsxs("div", { className: "flex items-center gap-4", children: [jsx(Input, { defaultValue: apiKey, readOnly: true }), jsx(Button$1, { size: "icon", className: "ibl-button-primary cursor-pointer", onClick: () => copy(apiKey), children: jsx(Icon, { className: "h-4 w-4" }) })] })] })] }) }));
+    return (jsx(Dialog$1, { open: isOpen, onOpenChange: onClose, children: jsxs(DialogContent$2, { children: [jsx(DialogHeader, { children: jsx(DialogTitle$2, { className: "ibl-dialog-title", children: "API Key" }) }), jsx(DialogDescription$2, { className: "sr-only", children: "Copy and paste the API key." }), jsxs("div", { className: "grid gap-6", children: [jsxs("p", { className: "text-sm text-muted-foreground grid gap-2", children: [jsx("span", { children: "Please copy your API key and store it in a secure location. For security reasons, this key will only be displayed once and cannot be retrieved again after you leave this page." }), jsx("span", { children: "If you lose your API key, you'll need to generate a new one." })] }), jsxs("div", { className: "flex items-center gap-4", children: [jsx(Input, { defaultValue: apiKey, readOnly: true }), jsx(Button$1, { size: "icon", className: "ibl-button-primary cursor-pointer", onClick: () => copy(apiKey), children: jsx(Icon, { className: "h-4 w-4" }) })] })] })] }) }));
 }
 
 const createApiFormSchema = z$1.object({
@@ -117322,7 +117866,7 @@ function CreateApiModal({ isOpen, onClose, tenantKey, username }) {
             }
         },
     });
-    return (jsxs(Fragment$1, { children: [jsx(Dialog, { open: isOpen, onOpenChange: isLoading ? undefined : onClose, children: jsxs(DialogContent$1, { "aria-describedby": "api-key-creation-description", className: "w-full max-w-md", children: [jsx(DialogDescription$1, { className: "sr-only", children: "Create API Key" }), jsx(DialogHeader, { children: jsx(DialogTitle$1, { className: "ibl-dialog-title", children: "Create API Key" }) }), jsxs("form", { onSubmit: (formEvent) => {
+    return (jsxs(Fragment$1, { children: [jsx(Dialog$1, { open: isOpen, onOpenChange: isLoading ? undefined : onClose, children: jsxs(DialogContent$2, { "aria-describedby": "api-key-creation-description", className: "w-full max-w-md", children: [jsx(DialogDescription$2, { className: "sr-only", children: "Create API Key" }), jsx(DialogHeader, { children: jsx(DialogTitle$2, { className: "ibl-dialog-title", children: "Create API Key" }) }), jsxs("form", { onSubmit: (formEvent) => {
                                 formEvent.preventDefault();
                                 formEvent.stopPropagation();
                                 form.handleSubmit();
@@ -117541,7 +118085,7 @@ function CreateLLMModal({ isOpen, onClose, tenantKey, onSuccess }) {
             }
         },
     });
-    return (jsx(Dialog, { open: isOpen, onOpenChange: isLoading ? undefined : onClose, children: jsxs(DialogContent$1, { "aria-describedby": "external-provider-key-creation-description", className: "w-full max-w-md max-h-[90vh] overflow-y-auto", children: [jsx(DialogDescription$1, { className: "sr-only", children: "Add LLM Key" }), jsx(DialogHeader, { children: jsx(DialogTitle$1, { className: "ibl-dialog-title", children: "Add LLM" }) }), jsxs("form", { onSubmit: (formEvent) => {
+    return (jsx(Dialog$1, { open: isOpen, onOpenChange: isLoading ? undefined : onClose, children: jsxs(DialogContent$2, { "aria-describedby": "external-provider-key-creation-description", className: "w-full max-w-md max-h-[90vh] overflow-y-auto", children: [jsx(DialogDescription$2, { className: "sr-only", children: "Add LLM Key" }), jsx(DialogHeader, { children: jsx(DialogTitle$2, { className: "ibl-dialog-title", children: "Add LLM" }) }), jsxs("form", { onSubmit: (formEvent) => {
                         formEvent.preventDefault();
                         formEvent.stopPropagation();
                         if (isAzureOpenAI) {
@@ -117740,7 +118284,7 @@ function CreateDataSourceModal({ isOpen, onClose, tenantKey, onSuccess }) {
             }
         },
     });
-    return (jsx(Dialog, { open: isOpen, onOpenChange: isLoading ? undefined : onClose, children: jsxs(DialogContent$1, { "aria-describedby": "data-source-credential-creation-description", className: "w-full max-w-md max-h-[90vh] overflow-y-auto", children: [jsx(DialogDescription$1, { className: "sr-only", children: "Add Data Source" }), jsx(DialogHeader, { children: jsx(DialogTitle$1, { className: "ibl-dialog-title", children: "Add Data Source" }) }), jsxs("form", { onSubmit: (formEvent) => {
+    return (jsx(Dialog$1, { open: isOpen, onOpenChange: isLoading ? undefined : onClose, children: jsxs(DialogContent$2, { "aria-describedby": "data-source-credential-creation-description", className: "w-full max-w-md max-h-[90vh] overflow-y-auto", children: [jsx(DialogDescription$2, { className: "sr-only", children: "Add Data Source" }), jsx(DialogHeader, { children: jsx(DialogTitle$2, { className: "ibl-dialog-title", children: "Add Data Source" }) }), jsxs("form", { onSubmit: (formEvent) => {
                         formEvent.preventDefault();
                         formEvent.stopPropagation();
                         form.handleSubmit();
@@ -117926,7 +118470,7 @@ function AutoRechargeModal({ isOpen, onClose, tenant }) {
         }
         return date.toLocaleDateString('en-US', options);
     };
-    return (jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: jsxs(DialogContent$1, { className: "max-w-md", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle$1, { children: "Manage Usage" }), jsx(DialogDescription$1, { children: "Configure automatic recharge and spending limits." })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" }) })) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [jsxs("div", { className: "bg-slate-50 dark:bg-slate-800/50 rounded-lg p-4 border border-slate-200 dark:border-slate-700", children: [(parseFloat((autoRechargeInfo === null || autoRechargeInfo === void 0 ? void 0 : autoRechargeInfo.auto_recharge_total_charged_usd) || '0') > 0 ||
+    return (jsx(Dialog$1, { open: isOpen, onOpenChange: handleClose, children: jsxs(DialogContent$2, { className: "max-w-md", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle$2, { children: "Manage Usage" }), jsx(DialogDescription$2, { children: "Configure automatic recharge and spending limits." })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-8", children: jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" }) })) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [jsxs("div", { className: "bg-slate-50 dark:bg-slate-800/50 rounded-lg p-4 border border-slate-200 dark:border-slate-700", children: [(parseFloat((autoRechargeInfo === null || autoRechargeInfo === void 0 ? void 0 : autoRechargeInfo.auto_recharge_total_charged_usd) || '0') > 0 ||
                                     (autoRechargeInfo === null || autoRechargeInfo === void 0 ? void 0 : autoRechargeInfo.auto_recharge_period_ends_at)) && (jsxs("div", { className: "flex items-center justify-between gap-4 mb-4 pb-4 border-b border-slate-200 dark:border-slate-700", children: [parseFloat((autoRechargeInfo === null || autoRechargeInfo === void 0 ? void 0 : autoRechargeInfo.auto_recharge_total_charged_usd) || '0') > 0 && (jsxs("div", { className: "flex-1", children: [jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400 mb-1", children: "Total Spent" }), jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-blue-100 dark:bg-blue-900/40 text-blue-700 dark:text-blue-300 rounded-full text-sm font-medium", children: [jsx(DollarSign, { className: "h-3.5 w-3.5" }), formatCurrencyInput(autoRechargeInfo === null || autoRechargeInfo === void 0 ? void 0 : autoRechargeInfo.auto_recharge_total_charged_usd)] })] })), (autoRechargeInfo === null || autoRechargeInfo === void 0 ? void 0 : autoRechargeInfo.auto_recharge_period_ends_at) && (jsxs("div", { className: "flex-1 text-right", children: [jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400 mb-1", children: "Resets On" }), jsxs("div", { className: "inline-flex items-center gap-1 text-sm text-slate-700 dark:text-slate-300", children: [jsx(Calendar$1, { className: "h-3.5 w-3.5" }), formatLastTriggered(autoRechargeInfo.auto_recharge_period_ends_at, false)] })] }))] })), jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "space-y-1", children: [jsx(Label, { htmlFor: "auto-recharge-toggle", className: "text-sm font-medium text-slate-700 dark:text-slate-300", children: "Enable Auto Recharge" }), jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: "Automatically top up credits when balance is low" })] }), jsx(Switch, { id: "auto-recharge-toggle", checked: isEnabled, onCheckedChange: setIsEnabled, className: "data-[state=checked]:bg-blue-500" })] }), (autoRechargeInfo === null || autoRechargeInfo === void 0 ? void 0 : autoRechargeInfo.auto_recharge_last_triggered_at) && (jsxs("div", { className: "text-xs text-slate-500 dark:text-slate-400 mt-3 pt-3 border-t border-slate-200 dark:border-slate-700", children: [jsx("span", { children: "Last triggered: " }), jsx("span", { className: "font-medium", children: formatLastTriggered(autoRechargeInfo === null || autoRechargeInfo === void 0 ? void 0 : autoRechargeInfo.auto_recharge_last_triggered_at) })] }))] }), isEnabled && (jsxs(Fragment$1, { children: [jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx(Label, { htmlFor: "spending-limit", className: "text-sm font-medium", children: "Spending Limit" }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Switch, { id: "unlimited-toggle", checked: isUnlimited, onCheckedChange: (checked) => {
                                                                 setIsUnlimited(checked);
                                                                 if (checked)
@@ -117965,7 +118509,7 @@ function AddCreditsModal({ isOpen, onClose, tenant }) {
         setAmount('');
         onClose();
     };
-    return (jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: jsxs(DialogContent$1, { className: "max-w-md", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle$1, { children: "Add Credits" }), jsx(DialogDescription$1, { children: "Add credits to your account using your payment method on file." })] }), jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "credit-amount", className: "text-sm font-medium", children: "Amount (USD)" }), jsxs("div", { className: "relative", children: [jsx(DollarSign, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400" }), jsx(Input, { id: "credit-amount", type: "number", min: "0.01", step: "0.01", placeholder: "50.00", value: amount, onChange: (e) => setAmount(e.target.value), className: "pl-9" })] }), jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: "Enter the amount you want to add to your credit balance" })] }), jsxs("div", { className: "flex items-start gap-2 p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-100 dark:border-blue-800", children: [jsx(CircleAlert, { className: "h-4 w-4 text-blue-500 mt-0.5 flex-shrink-0" }), jsx("p", { className: "text-xs text-blue-700 dark:text-blue-300", children: "Your payment method on file will be charged for this amount." })] }), jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: handleClose, children: "Cancel" }), jsx(Button$1, { type: "submit", disabled: isLoading, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: isLoading ? (jsxs(Fragment$1, { children: [jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Processing..."] })) : ('Add Credits') })] })] })] }) }));
+    return (jsx(Dialog$1, { open: isOpen, onOpenChange: handleClose, children: jsxs(DialogContent$2, { className: "max-w-md", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle$2, { children: "Add Credits" }), jsx(DialogDescription$2, { children: "Add credits to your account using your payment method on file." })] }), jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "credit-amount", className: "text-sm font-medium", children: "Amount (USD)" }), jsxs("div", { className: "relative", children: [jsx(DollarSign, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400" }), jsx(Input, { id: "credit-amount", type: "number", min: "0.01", step: "0.01", placeholder: "50.00", value: amount, onChange: (e) => setAmount(e.target.value), className: "pl-9" })] }), jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: "Enter the amount you want to add to your credit balance" })] }), jsxs("div", { className: "flex items-start gap-2 p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-100 dark:border-blue-800", children: [jsx(CircleAlert, { className: "h-4 w-4 text-blue-500 mt-0.5 flex-shrink-0" }), jsx("p", { className: "text-xs text-blue-700 dark:text-blue-300", children: "Your payment method on file will be charged for this amount." })] }), jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: handleClose, children: "Cancel" }), jsx(Button$1, { type: "submit", disabled: isLoading, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", children: isLoading ? (jsxs(Fragment$1, { children: [jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Processing..."] })) : ('Add Credits') })] })] })] }) }));
 }
 
 function formatCredits(credits) {
@@ -118453,7 +118997,7 @@ const CustomDomainsContent = ({ platformKey, currentSPA, currentPlatformBaseDoma
             toast.error('Unable to copy');
         }
     };
-    return (jsxs("div", { className: "rounded-lg px-6 py-5 border border-gray-200 dark:border-gray-700", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex sm:items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "DNS Configuration" }), isFetching && !isLoading && (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500", "aria-hidden": "true" }))] }), jsxs("div", { className: "flex items-center gap-2 self-end sm:self-auto", children: [!currentDomain && (jsxs(Dialog, { open: isModalOpen, onOpenChange: setIsModalOpen, children: [jsx(DialogTrigger$1, { asChild: true, children: jsxs(Button$1, { type: "button", variant: "secondary", size: "sm", className: "gap-1", children: [jsx(Plus, { className: "h-4 w-4", "aria-hidden": "true" }), "Add"] }) }), jsxs(DialogContent$1, { className: "sm:max-w-[425px]", children: [jsx(DialogHeader, { children: jsx(DialogTitle$1, { children: "Your custom domain" }) }), jsxs("form", { onSubmit: handleAddCustomDomain, className: "space-y-4", children: [jsxs("div", { className: "space-y-2", children: [jsx("div", { className: "bg-blue-50 border border-blue-200 rounded-md p-3", children: jsxs("div", { className: "flex items-center gap-2", children: [jsx("div", { className: "w-4 h-4 bg-blue-400 rounded-full flex items-center justify-center", children: jsx("span", { className: "text-white text-xs", children: "!" }) }), jsx("span", { className: "text-sm text-blue-800", children: "Domain verification is necessary after making changes" })] }) }), jsxs("div", { className: "space-y-2", children: [jsx("label", { htmlFor: "custom-domain", className: "text-sm", children: "Custom Domain" }), jsx(Input, { id: "custom-domain", value: customDomainValue, onChange: (event) => setCustomDomainValue(event.target.value), placeholder: "example.com", className: "w-full", required: true })] })] }), jsxs("div", { className: "flex justify-end gap-2", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: () => {
+    return (jsxs("div", { className: "rounded-lg px-6 py-5 border border-gray-200 dark:border-gray-700", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex sm:items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "DNS Configuration" }), isFetching && !isLoading && (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500", "aria-hidden": "true" }))] }), jsxs("div", { className: "flex items-center gap-2 self-end sm:self-auto", children: [!currentDomain && (jsxs(Dialog$1, { open: isModalOpen, onOpenChange: setIsModalOpen, children: [jsx(DialogTrigger$2, { asChild: true, children: jsxs(Button$1, { type: "button", variant: "secondary", size: "sm", className: "gap-1", children: [jsx(Plus, { className: "h-4 w-4", "aria-hidden": "true" }), "Add"] }) }), jsxs(DialogContent$2, { className: "sm:max-w-[425px]", children: [jsx(DialogHeader, { children: jsx(DialogTitle$2, { children: "Your custom domain" }) }), jsxs("form", { onSubmit: handleAddCustomDomain, className: "space-y-4", children: [jsxs("div", { className: "space-y-2", children: [jsx("div", { className: "bg-blue-50 border border-blue-200 rounded-md p-3", children: jsxs("div", { className: "flex items-center gap-2", children: [jsx("div", { className: "w-4 h-4 bg-blue-400 rounded-full flex items-center justify-center", children: jsx("span", { className: "text-white text-xs", children: "!" }) }), jsx("span", { className: "text-sm text-blue-800", children: "Domain verification is necessary after making changes" })] }) }), jsxs("div", { className: "space-y-2", children: [jsx("label", { htmlFor: "custom-domain", className: "text-sm", children: "Custom Domain" }), jsx(Input, { id: "custom-domain", value: customDomainValue, onChange: (event) => setCustomDomainValue(event.target.value), placeholder: "example.com", className: "w-full", required: true })] })] }), jsxs("div", { className: "flex justify-end gap-2", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: () => {
                                                                     setIsModalOpen(false);
                                                                     handleResetForm();
                                                                 }, children: "Cancel" }), jsxs(Button$1, { className: "bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:opacity-90", type: "submit", disabled: isCreating, children: [isCreating && jsx(LoaderCircle, { className: "h-4 w-4 animate-spin mr-2" }), "Save"] })] })] })] })] })), jsx("button", { onClick: () => setIsCollapsed((previous) => !previous), className: "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1", "aria-label": isCollapsed ? 'Expand custom domain' : 'Collapse custom domain', type: "button", children: isCollapsed ? (jsx(ChevronDown, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) : (jsx(ChevronUp, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) })] })] }), !isCollapsed && (jsx("div", { className: "mt-4", children: isLoading ? (jsx("div", { className: "p-4 text-gray-500", children: "Loading custom domain..." })) : currentDomain ? (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between p-3 bg-gray-50 rounded-lg", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { children: currentDomain.custom_domain }), isVerifying ? (jsxs("span", { className: "px-2 py-1 text-xs bg-gray-100 text-gray-600 rounded flex items-center gap-1", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), "Verifying..."] })) : isVerified ? (jsx("span", { className: "px-2 py-1 text-xs bg-green-100 text-green-800 rounded", children: "Verified" })) : !currentDomain.registered_with_dns_pro ? (jsx("span", { className: "px-2 py-1 text-xs bg-yellow-100 text-yellow-800 rounded", children: "Unregistered" })) : isVerified === false ? (jsx("span", { className: "px-2 py-1 text-xs bg-yellow-100 text-yellow-800 rounded", children: "Not Verified" })) : null] }), jsxs("div", { className: "flex items-center gap-2", children: [!isVerified && isVerified !== null && currentDomain.registered_with_dns_pro && (jsx(Button$1, { variant: "outline", size: "sm", onClick: () => verifyCustomDomain(currentDomain.custom_domain), disabled: isVerifying, children: isVerifying ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : (jsxs(Fragment$1, { children: [jsx(RefreshCw, { className: "h-4 w-4 mr-1" }), "Retry"] })) })), jsx(Button$1, { variant: "outline", size: "sm", className: "text-red-600 hover:text-red-700", onClick: () => handleDeleteCustomDomain(currentDomain.id), disabled: deletingDomainId === currentDomain.id, children: deletingDomainId === currentDomain.id ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" })) : ('Delete') })] })] }), jsx("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: jsxs("div", { className: "flex items-start gap-2", children: [jsx("div", { className: "w-5 h-5 bg-blue-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5", children: jsx("span", { className: "text-white text-xs", children: "i" }) }), jsxs("div", { className: "space-y-2", children: [jsx("h4", { className: "font-medium text-blue-900", children: "Domain verification" }), jsx("p", { className: "text-sm text-blue-800", children: "To verify your domain ownership and enable it to point to your application, you need to add the following DNS records at your domain registrar (like Namecheap, GoDaddy, or Google Domains)." })] })] }) }), jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "flex items-center justify-between", children: jsx("h5", { children: "Domain records" }) }), jsx("div", { className: "", children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { children: [jsx(TableHead, { className: "w-[100px]", children: "Type" }), jsx(TableHead, { children: "Name/Host" }), jsx(TableHead, { children: "Value" }), jsx(TableHead, { className: "w-[100px]", children: "Status" })] }) }), jsx(TableBody, { children: jsxs(TableRow, { children: [jsx(TableCell, { className: "text-sm", children: "CNAME" }), jsx(TableCell, { children: jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm", children: currentDomain.custom_domain }), jsx(Button$1, { type: "button", variant: "ghost", size: "icon", className: "h-6 w-6 shrink-0", onClick: () => handleCopyField(currentDomain.custom_domain, 'name'), "aria-label": `Copy name/host: ${currentDomain.custom_domain}`, children: copiedField === 'name' ? (jsx(Check, { className: "h-4 w-4 text-blue-600", "aria-hidden": "true" })) : (jsx(Copy, { className: "h-4 w-4", "aria-hidden": "true" })) })] }) }), jsx(TableCell, { children: jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm", children: sslValue }), jsx(Button$1, { type: "button", variant: "ghost", size: "icon", className: "h-6 w-6 shrink-0", onClick: () => handleCopyField(sslValue, 'value'), "aria-label": "Copy value/target", children: copiedField === 'value' ? (jsx(Check, { className: "h-4 w-4 text-blue-600", "aria-hidden": "true" })) : (jsx(Copy, { className: "h-4 w-4", "aria-hidden": "true" })) })] }) }), jsx(TableCell, { children: isVerifying ? (jsxs("span", { className: "px-2 py-1 text-xs bg-gray-100 text-gray-600 rounded flex items-center gap-1 w-fit", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), "Verifying..."] })) : isVerified ? (jsx("span", { className: "px-2 py-1 text-xs bg-green-100 text-green-800 rounded", children: "Verified" })) : !currentDomain.registered_with_dns_pro ? (jsx("span", { className: "px-2 py-1 text-xs bg-yellow-100 text-yellow-800 rounded", children: "Unregistered" })) : isVerified === false ? (jsxs(Button$1, { variant: "outline", size: "sm", onClick: () => verifyCustomDomain(currentDomain.custom_domain), disabled: isVerifying, className: "h-7 text-xs", children: [jsx(RefreshCw, { className: "h-3 w-3 mr-1" }), "Retry"] })) : null })] }) })] }) })] })] })) : (jsx("div", { className: "p-4 text-sm text-gray-500 text-center", children: "No custom domain configured for this application." })) }))] }));
@@ -118634,7 +119178,7 @@ const RecommendationSystemPromptsContent = ({ platformKey, currentSPA, }) => {
                                                             ? 'Catalog'
                                                             : 'Mentor', ' ', "Prompt"] }), prompt.id === null ? (jsx("span", { className: "px-2 py-0.5 text-xs rounded bg-gray-100 text-gray-600", children: "Default" })) : (jsx("span", { className: `px-2 py-0.5 text-xs rounded ${prompt.active
                                                         ? 'bg-blue-100 text-blue-800'
-                                                        : 'bg-gray-100 text-gray-600'}`, children: prompt.active ? 'Active' : 'Inactive' }))] }), jsx("p", { className: "text-sm text-gray-700 line-clamp-2", children: prompt.prompt_text })] }), jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => handleOpenDialog(prompt), disabled: prompt.id && deletingPromptId === prompt.id, "aria-label": prompt.id === null ? 'Create custom prompt from default' : 'Edit prompt', children: jsx(Pen, { className: "h-4 w-4", "aria-hidden": "true" }) }), prompt.id !== null && (jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => handleDelete(prompt.id), className: "text-red-600 hover:text-red-700", disabled: deletingPromptId === prompt.id, "aria-label": "Delete prompt", children: deletingPromptId === prompt.id ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" })) : (jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" })) }))] })] }) }, prompt.id === null ? 'default-prompt' : prompt.id))) })) })), jsx(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen, children: jsxs(DialogContent$1, { className: "sm:max-w-[600px]", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle$1, { children: editingPrompt ? 'Edit Prompt' : 'Add New Prompt' }), jsx(DialogDescription$1, { children: editingPrompt
+                                                        : 'bg-gray-100 text-gray-600'}`, children: prompt.active ? 'Active' : 'Inactive' }))] }), jsx("p", { className: "text-sm text-gray-700 line-clamp-2", children: prompt.prompt_text })] }), jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => handleOpenDialog(prompt), disabled: prompt.id && deletingPromptId === prompt.id, "aria-label": prompt.id === null ? 'Create custom prompt from default' : 'Edit prompt', children: jsx(Pen, { className: "h-4 w-4", "aria-hidden": "true" }) }), prompt.id !== null && (jsx(Button$1, { variant: "ghost", size: "sm", onClick: () => handleDelete(prompt.id), className: "text-red-600 hover:text-red-700", disabled: deletingPromptId === prompt.id, "aria-label": "Delete prompt", children: deletingPromptId === prompt.id ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" })) : (jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" })) }))] })] }) }, prompt.id === null ? 'default-prompt' : prompt.id))) })) })), jsx(Dialog$1, { open: isDialogOpen, onOpenChange: setIsDialogOpen, children: jsxs(DialogContent$2, { className: "sm:max-w-[600px]", children: [jsxs(DialogHeader, { children: [jsx(DialogTitle$2, { children: editingPrompt ? 'Edit Prompt' : 'Add New Prompt' }), jsx(DialogDescription$2, { children: editingPrompt
                                         ? 'Update the recommendation system prompt details.'
                                         : `Create a new ${recommendationType === recommendationPromptTypeEnum.catalog ? 'catalog' : 'mentors'} recommendation prompt.` })] }), jsx("div", { className: "space-y-4", children: jsxs("div", { children: [jsx("label", { className: "text-sm font-medium text-gray-700 mb-1 block", children: "Prompt Text *" }), jsx(Textarea, { value: formData.prompt_text, onChange: (e) => handleInputChange('prompt_text', e.target.value), placeholder: "Enter the prompt text that will guide users to relevant recommendations", className: "w-full min-h-[120px]", rows: 8 })] }) }), jsxs("div", { className: "flex justify-end gap-2 mt-4", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: handleCloseDialog, disabled: isSubmitting, children: "Cancel" }), jsxs(Button$1, { className: "bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:opacity-90", type: "button", onClick: handleSubmit, disabled: isSubmitting || !formData.prompt_text.trim(), children: [isSubmitting && jsx(LoaderCircle, { className: "h-4 w-4 animate-spin mr-2" }), editingPrompt ? 'Update' : 'Save'] })] })] }) })] }));
 };
@@ -118952,7 +119496,7 @@ const AuthSpaCustomizationContent = ({ platformKey, currentSPA, }) => {
                                                 e.currentTarget.style.display = 'none';
                                             } }) }))] })] }), jsxs("div", { className: "space-y-4", children: [jsx("h3", { className: "text-sm font-semibold text-gray-700", children: "Legal Links" }), jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "privacy_policy_url", className: "text-sm font-medium text-[#646464]", children: "Privacy Policy URL" }), jsx(Input, { id: "privacy_policy_url", value: formData.privacy_policy_url, onChange: (e) => handleFieldChange('privacy_policy_url', e.target.value), placeholder: "https://example.com/privacy-policy", className: "font-medium text-[#646464]", "aria-label": "Privacy policy URL" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "terms_of_use_url", className: "text-sm font-medium text-[#646464]", children: "Terms of Use URL" }), jsx(Input, { id: "terms_of_use_url", value: formData.terms_of_use_url, onChange: (e) => handleFieldChange('terms_of_use_url', e.target.value), placeholder: "https://example.com/terms-of-use", className: "font-medium text-[#646464]", "aria-label": "Terms of use URL" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "footer_credit", className: "text-sm font-medium text-[#646464]", children: "Footer Credit" }), jsx(Input, { id: "footer_credit", value: formData.footer_credit, onChange: (e) => handleFieldChange('footer_credit', e.target.value), placeholder: "Powered by {{logo}} in New York", className: "font-medium text-[#646464]", "aria-label": "Footer credit text" }), jsxs("p", { className: "text-xs text-gray-500", children: ["Use ", `{{logo}}`, " to display the logo, ", `{{favicon}}`, " for the favicon, and", ' ', `{{year}}`, " for the current year."] })] })] }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx("h3", { className: "text-sm font-semibold text-gray-700", children: "Display Images" }), jsxs(Button$1, { type: "button", variant: "outline", size: "sm", onClick: handleAddDisplayImage, "aria-label": "Add display image", children: [jsx(Plus, { className: "h-4 w-4 mr-2", "aria-hidden": "true" }), "Add Image"] })] }), formData.display_images.length === 0 ? (jsxs("div", { className: "text-center py-8 border-2 border-dashed rounded-lg text-gray-500", children: [jsx(Image$2, { className: "h-12 w-12 mx-auto mb-2 text-gray-400", "aria-hidden": "true" }), jsx("p", { className: "text-sm", children: "No display images added yet" }), jsx(Button$1, { type: "button", variant: "link", onClick: handleAddDisplayImage, className: "mt-2", "aria-label": "Add first display image", children: "Add your first image" })] })) : (jsx("div", { className: "space-y-4", children: formData.display_images.map((img, index) => (jsxs("div", { className: "p-4 border rounded-lg space-y-3 bg-gray-50", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsxs(Label, { className: "text-sm font-medium text-[#646464]", children: ["Display Image ", index + 1] }), jsx(Button$1, { type: "button", variant: "ghost", size: "sm", onClick: () => handleRemoveDisplayImage(index), className: "text-red-600 hover:text-red-700 hover:bg-red-50", "aria-label": `Remove display image ${index + 1}`, children: jsx(Trash2, { className: "h-4 w-4", "aria-hidden": "true" }) })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: `image-url-${index}`, className: "text-xs text-gray-600", children: "Image URL or Upload" }), jsxs("div", { className: "flex gap-2", children: [jsx(Input, { id: `image-url-${index}`, value: img.image, onChange: (e) => handleDisplayImageChange(index, 'image', e.target.value), placeholder: "https://example.com/image.png", className: "flex-1 font-medium text-[#646464]", "aria-label": `Image ${index + 1} URL` }), jsxs("div", { children: [jsx("input", { type: "file", id: `image-upload-${index}`, accept: "image/*", onChange: (e) => handleDisplayImageUpload(index, e), className: "hidden", "aria-label": `Upload image ${index + 1}`, "aria-hidden": "true", disabled: uploadingImageIndex === index }), jsx(Button$1, { type: "button", variant: "outline", onClick: () => { var _a; return (_a = document.getElementById(`image-upload-${index}`)) === null || _a === void 0 ? void 0 : _a.click(); }, "aria-label": `Upload image ${index + 1}`, disabled: uploadingImageIndex === index, children: uploadingImageIndex === index ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" })) : (jsx(Upload, { className: "h-4 w-4", "aria-hidden": "true" })) })] })] }), img.image && (jsx("div", { className: "mt-2 p-2 border rounded-lg bg-white", children: jsx("img", { src: img.image, alt: img.alt || `Display image ${index + 1}`, className: "h-24 w-auto object-contain mx-auto", onError: (e) => {
                                                             e.currentTarget.style.display = 'none';
-                                                        } }) }))] }), jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: `image-alt-${index}`, className: "text-xs text-gray-600", children: "Alt Text (for accessibility)" }), jsx(Input, { id: `image-alt-${index}`, value: img.alt, onChange: (e) => handleDisplayImageChange(index, 'alt', e.target.value), className: "font-medium text-[#646464]", "aria-label": `Image ${index + 1} alt text` })] })] }, index))) }))] }), jsxs("div", { className: "flex items-center justify-end gap-3 pt-4 border-t", children: [hasChanges && (jsxs(Button$1, { type: "button", variant: "outline", onClick: handleReset, disabled: isSaving, "aria-label": "Discard changes", children: [jsx(X, { className: "h-4 w-4 mr-2" }), "Discard"] })), jsx(Button$1, { type: "button", onClick: handleSave, disabled: isSaving || !hasChanges, className: "bg-blue-500 hover:bg-blue-600", "aria-label": "Save auth SPA customization", children: isSaving ? (jsxs(Fragment$1, { children: [jsx("div", { className: "w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin mr-2" }), "Saving..."] })) : (jsxs(Fragment$1, { children: [jsx(Save, { className: "h-4 w-4 mr-2" }), "Save"] })) })] })] }))] }));
+                                                        } }) }))] }), jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: `image-alt-${index}`, className: "text-xs text-gray-600", children: "Alt Text (for accessibility)" }), jsx(Input, { id: `image-alt-${index}`, value: img.alt, onChange: (e) => handleDisplayImageChange(index, 'alt', e.target.value), className: "font-medium text-[#646464]", "aria-label": `Image ${index + 1} alt text` })] })] }, index))) }))] }), jsxs("div", { className: "flex items-center justify-end gap-3 pt-4 border-t", children: [hasChanges && (jsxs(Button$1, { type: "button", variant: "outline", onClick: handleReset, disabled: isSaving, "aria-label": "Discard changes", children: [jsx(X$1, { className: "h-4 w-4 mr-2" }), "Discard"] })), jsx(Button$1, { type: "button", onClick: handleSave, disabled: isSaving || !hasChanges, className: "bg-blue-500 hover:bg-blue-600", "aria-label": "Save auth SPA customization", children: isSaving ? (jsxs(Fragment$1, { children: [jsx("div", { className: "w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin mr-2" }), "Saving..."] })) : (jsxs(Fragment$1, { children: [jsx(Save, { className: "h-4 w-4 mr-2" }), "Save"] })) })] })] }))] }));
 };
 
 function ChatAreaWidth({ chatAreaSize, isUpdating, onUpdate, onError }) {
@@ -119305,7 +119849,7 @@ const AdvancedCssContent = ({ platformKey, currentSPA }) => {
   padding: 16px;
 }`, rows: 15, className: "font-mono text-sm text-[#646464] resize-y", "aria-label": "Custom CSS input", "aria-describedby": "css-validation-status", spellCheck: false }), jsx("p", { className: "text-xs text-gray-500", children: "Enter valid CSS to customize the appearance of your platform. The CSS will be applied globally." })] }), jsx("div", { id: "css-validation-status", className: "space-y-2", children: cssValue.trim() && (showValidation || !validationResult.isValid) && (jsx("div", { className: `flex items-start gap-2 p-3 rounded-lg transition-opacity duration-300 ${validationResult.isValid
                                         ? 'bg-green-50 border border-green-200'
-                                        : 'bg-red-50 border border-red-200'}`, children: validationResult.isValid ? (jsxs(Fragment$1, { children: [jsx(CircleCheckBig, { className: "h-4 w-4 text-green-600 mt-0.5 flex-shrink-0" }), jsx("span", { className: "text-sm text-green-700", children: "CSS syntax is valid" })] })) : (jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(CircleAlert, { className: "h-4 w-4 text-red-600 flex-shrink-0" }), jsx("span", { className: "text-sm font-medium text-red-700", children: "CSS validation errors:" })] }), jsx("ul", { className: "mt-2 space-y-1 ml-6", children: validationResult.errors.map((error, index) => (jsx("li", { className: "text-sm text-red-600 list-disc", children: error }, index))) })] })) })) })] }), jsxs("div", { className: "flex items-center justify-end gap-3 pt-4 border-t", children: [hasChanges && (jsxs(Button$1, { type: "button", variant: "outline", onClick: handleReset, disabled: isSaving, "aria-label": "Discard changes", children: [jsx(X, { className: "h-4 w-4 mr-2" }), "Discard"] })), jsx(Button$1, { type: "button", onClick: handleSave, disabled: isSaving || !hasChanges || !validationResult.isValid, className: "bg-blue-500 hover:bg-blue-600", "aria-label": "Save advanced CSS", children: isSaving ? (jsxs(Fragment$1, { children: [jsx("div", { className: "w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin mr-2" }), "Saving..."] })) : (jsxs(Fragment$1, { children: [jsx(Save, { className: "h-4 w-4 mr-2" }), "Save"] })) })] })] }))] }));
+                                        : 'bg-red-50 border border-red-200'}`, children: validationResult.isValid ? (jsxs(Fragment$1, { children: [jsx(CircleCheckBig, { className: "h-4 w-4 text-green-600 mt-0.5 flex-shrink-0" }), jsx("span", { className: "text-sm text-green-700", children: "CSS syntax is valid" })] })) : (jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(CircleAlert, { className: "h-4 w-4 text-red-600 flex-shrink-0" }), jsx("span", { className: "text-sm font-medium text-red-700", children: "CSS validation errors:" })] }), jsx("ul", { className: "mt-2 space-y-1 ml-6", children: validationResult.errors.map((error, index) => (jsx("li", { className: "text-sm text-red-600 list-disc", children: error }, index))) })] })) })) })] }), jsxs("div", { className: "flex items-center justify-end gap-3 pt-4 border-t", children: [hasChanges && (jsxs(Button$1, { type: "button", variant: "outline", onClick: handleReset, disabled: isSaving, "aria-label": "Discard changes", children: [jsx(X$1, { className: "h-4 w-4 mr-2" }), "Discard"] })), jsx(Button$1, { type: "button", onClick: handleSave, disabled: isSaving || !hasChanges || !validationResult.isValid, className: "bg-blue-500 hover:bg-blue-600", "aria-label": "Save advanced CSS", children: isSaving ? (jsxs(Fragment$1, { children: [jsx("div", { className: "w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin mr-2" }), "Saving..."] })) : (jsxs(Fragment$1, { children: [jsx(Save, { className: "h-4 w-4 mr-2" }), "Save"] })) })] })] }))] }));
 };
 
 const normalizeProviderConfigs$1 = (response) => {
@@ -119460,11 +120004,11 @@ const ProviderConfigContent = ({ platformKey, username }) => {
             return dateString;
         }
     };
-    return (jsxs("div", { className: "rounded-lg px-6 py-5 border border-gray-200 dark:border-gray-700", style: { borderColor: 'oklch(.922 0 0)' }, role: "region", "aria-label": "Provider Configuration", children: [jsxs("div", { className: "flex sm:items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "Provider Configuration" }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { "aria-label": "More info about Provider Configuration", className: "hidden sm:block", children: jsx(Info, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: "Configure external credential providers for your platform" }) })] }) }), isFetching && !isLoading && (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500", "aria-hidden": "true" }))] }), jsxs("div", { className: "flex items-center gap-2 self-end sm:self-auto", children: [jsxs(Dialog, { open: isModalOpen, onOpenChange: (open) => {
+    return (jsxs("div", { className: "rounded-lg px-6 py-5 border border-gray-200 dark:border-gray-700", style: { borderColor: 'oklch(.922 0 0)' }, role: "region", "aria-label": "Provider Configuration", children: [jsxs("div", { className: "flex sm:items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "Provider Configuration" }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { "aria-label": "More info about Provider Configuration", className: "hidden sm:block", children: jsx(Info, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: "Configure external credential providers for your platform" }) })] }) }), isFetching && !isLoading && (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500", "aria-hidden": "true" }))] }), jsxs("div", { className: "flex items-center gap-2 self-end sm:self-auto", children: [jsxs(Dialog$1, { open: isModalOpen, onOpenChange: (open) => {
                                     setIsModalOpen(open);
                                     if (!open)
                                         handleResetForm();
-                                }, children: [jsx(DialogTrigger$1, { asChild: true, children: jsxs(Button$1, { type: "button", variant: "secondary", size: "sm", className: "gap-1", onClick: handleOpenAddModal, children: [jsx(Plus, { className: "h-4 w-4", "aria-hidden": "true" }), "Add"] }) }), jsxs(DialogContent$1, { className: "sm:max-w-[500px]", children: [jsx(DialogHeader, { children: jsx(DialogTitle$1, { children: editingConfig ? 'Edit Provider Configuration' : 'Add Provider Configuration' }) }), jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "provider-name", children: "Provider Name" }), jsx(Input, { id: "provider-name", value: providerName, onChange: (e) => setProviderName(e.target.value), placeholder: "e.g., accredible", disabled: !!editingConfig, className: editingConfig ? 'bg-gray-100 cursor-not-allowed' : '', required: true }), editingConfig && (jsx("p", { className: "text-xs text-gray-500", children: "Provider name cannot be changed when editing" }))] }), jsxs("div", { className: "space-y-2", children: [jsxs(Label, { htmlFor: "config-json", children: ["Configuration (JSON)", ' ', jsx("span", { className: "text-gray-400 font-normal", children: "- Optional" })] }), jsx(Textarea, { id: "config-json", value: configJson, onChange: (e) => handleConfigJsonChange(e.target.value), placeholder: '{"api_key": "your-api-key", "base_url": "https://api.example.com/"}', rows: 8, className: `font-mono text-sm ${jsonError ? 'border-red-500' : ''}` }), jsonError && (jsx("p", { className: "text-xs text-red-500", role: "alert", children: jsonError })), jsx("p", { className: "text-xs text-gray-500", children: "Provider-specific settings in JSON format. Leave empty if not required." })] }), jsxs("div", { className: "flex items-center justify-between", children: [jsx(Label, { htmlFor: "provider-enabled", className: "text-sm", children: "Enabled" }), jsx(Switch, { id: "provider-enabled", checked: isEnabled, onCheckedChange: setIsEnabled, "aria-label": `Provider ${isEnabled ? 'enabled' : 'disabled'}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: () => {
+                                }, children: [jsx(DialogTrigger$2, { asChild: true, children: jsxs(Button$1, { type: "button", variant: "secondary", size: "sm", className: "gap-1", onClick: handleOpenAddModal, children: [jsx(Plus, { className: "h-4 w-4", "aria-hidden": "true" }), "Add"] }) }), jsxs(DialogContent$2, { className: "sm:max-w-[500px]", children: [jsx(DialogHeader, { children: jsx(DialogTitle$2, { children: editingConfig ? 'Edit Provider Configuration' : 'Add Provider Configuration' }) }), jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "provider-name", children: "Provider Name" }), jsx(Input, { id: "provider-name", value: providerName, onChange: (e) => setProviderName(e.target.value), placeholder: "e.g., accredible", disabled: !!editingConfig, className: editingConfig ? 'bg-gray-100 cursor-not-allowed' : '', required: true }), editingConfig && (jsx("p", { className: "text-xs text-gray-500", children: "Provider name cannot be changed when editing" }))] }), jsxs("div", { className: "space-y-2", children: [jsxs(Label, { htmlFor: "config-json", children: ["Configuration (JSON)", ' ', jsx("span", { className: "text-gray-400 font-normal", children: "- Optional" })] }), jsx(Textarea, { id: "config-json", value: configJson, onChange: (e) => handleConfigJsonChange(e.target.value), placeholder: '{"api_key": "your-api-key", "base_url": "https://api.example.com/"}', rows: 8, className: `font-mono text-sm ${jsonError ? 'border-red-500' : ''}` }), jsonError && (jsx("p", { className: "text-xs text-red-500", role: "alert", children: jsonError })), jsx("p", { className: "text-xs text-gray-500", children: "Provider-specific settings in JSON format. Leave empty if not required." })] }), jsxs("div", { className: "flex items-center justify-between", children: [jsx(Label, { htmlFor: "provider-enabled", className: "text-sm", children: "Enabled" }), jsx(Switch, { id: "provider-enabled", checked: isEnabled, onCheckedChange: setIsEnabled, "aria-label": `Provider ${isEnabled ? 'enabled' : 'disabled'}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: () => {
                                                                     setIsModalOpen(false);
                                                                     handleResetForm();
                                                                 }, children: "Cancel" }), jsxs(Button$1, { className: "bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:opacity-90", type: "submit", disabled: isCreating || !!jsonError, children: [isCreating && jsx(LoaderCircle, { className: "h-4 w-4 animate-spin mr-2" }), editingConfig ? 'Update' : 'Create'] })] })] })] })] }), jsx("button", { onClick: () => setIsCollapsed((previous) => !previous), className: "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1", "aria-label": isCollapsed ? 'Expand provider configuration' : 'Collapse provider configuration', type: "button", children: isCollapsed ? (jsx(ChevronDown, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) : (jsx(ChevronUp, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) })] })] }), !isCollapsed && (jsx("div", { className: "mt-4", children: isLoading ? (jsxs("div", { className: "p-4 text-gray-500 text-center", children: [jsx(LoaderCircle, { className: "h-5 w-5 animate-spin inline-block mr-2" }), "Loading provider configurations..."] })) : activeConfigs.length > 0 ? (jsx("div", { className: "overflow-x-auto", children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { children: [jsx(TableHead, { children: "Provider" }), jsx(TableHead, { children: "Configuration" }), jsx(TableHead, { children: "Status" }), jsx(TableHead, { children: "Updated" }), jsx(TableHead, { className: "text-right", children: "Actions" })] }) }), jsx(TableBody, { children: activeConfigs.map((config) => (jsxs(TableRow, { children: [jsx(TableCell, { className: "font-medium", children: config.provider_name_display || config.provider_name }), jsx(TableCell, { children: jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsxs("code", { className: "text-xs bg-gray-100 px-2 py-1 rounded cursor-help", children: [Object.keys(config.config || {}).length, " key(s)"] }) }), jsx(TooltipContent, { className: "max-w-sm", children: jsx("pre", { className: "text-xs whitespace-pre-wrap", children: JSON.stringify(config.config, null, 2) }) })] }) }) }), jsx(TableCell, { children: jsx("span", { className: `px-2 py-1 text-xs rounded ${config.enabled
@@ -119685,11 +120229,11 @@ const ExternalMappingContent = ({ platformKey, username }) => {
         const credential = credentials.find((c) => c.entity_id === entityId);
         return (credential === null || credential === void 0 ? void 0 : credential.name) || entityId;
     };
-    return (jsxs("div", { className: "rounded-lg px-6 py-5 border border-gray-200 dark:border-gray-700", style: { borderColor: 'oklch(.922 0 0)' }, role: "region", "aria-label": "External Credential Mapping", children: [jsxs("div", { className: "flex sm:items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "External Credential Mapping" }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { "aria-label": "More info about External Credential Mapping", className: "hidden sm:block", children: jsx(Info, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: "Map credentials to external provider templates (e.g., Accredible)" }) })] }) }), isFetching && !isLoading && (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500", "aria-hidden": "true" }))] }), jsxs("div", { className: "flex items-center gap-2 self-end sm:self-auto", children: [jsxs(Dialog, { open: isModalOpen, onOpenChange: (open) => {
+    return (jsxs("div", { className: "rounded-lg px-6 py-5 border border-gray-200 dark:border-gray-700", style: { borderColor: 'oklch(.922 0 0)' }, role: "region", "aria-label": "External Credential Mapping", children: [jsxs("div", { className: "flex sm:items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "External Credential Mapping" }), jsx(TooltipProvider, { children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { "aria-label": "More info about External Credential Mapping", className: "hidden sm:block", children: jsx(Info, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: "Map credentials to external provider templates (e.g., Accredible)" }) })] }) }), isFetching && !isLoading && (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500", "aria-hidden": "true" }))] }), jsxs("div", { className: "flex items-center gap-2 self-end sm:self-auto", children: [jsxs(Dialog$1, { open: isModalOpen, onOpenChange: (open) => {
                                     setIsModalOpen(open);
                                     if (!open)
                                         handleResetForm();
-                                }, children: [jsx(DialogTrigger$1, { asChild: true, children: jsxs(Button$1, { type: "button", variant: "secondary", size: "sm", className: "gap-1", onClick: handleOpenAddModal, children: [jsx(Plus, { className: "h-4 w-4", "aria-hidden": "true" }), "Add"] }) }), jsxs(DialogContent$1, { className: "sm:max-w-[500px]", children: [jsx(DialogHeader, { children: jsx(DialogTitle$1, { children: editingMapping ? 'Edit External Mapping' : 'Add External Mapping' }) }), jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "credential-select", children: "Credential" }), jsxs(Select$1, { value: credentialId, onValueChange: setCredentialId, disabled: !!editingMapping, children: [jsx(SelectTrigger, { id: "credential-select", className: editingMapping ? 'bg-gray-100 cursor-not-allowed' : '', children: jsx(SelectValue, { placeholder: "Select a credential", children: credentialId ? getCredentialName(credentialId) : '' }) }), jsxs(SelectContent, { children: [jsx("div", { className: "p-2", onPointerDown: (e) => e.stopPropagation(), children: jsx(Input, { placeholder: "Search credentials...", value: credentialSearchQuery, onChange: (e) => setCredentialSearchQuery(e.target.value), onKeyDown: (e) => e.stopPropagation(), className: "mb-2" }) }), isLoadingCredentials ? (jsx(SelectItem, { value: "loading", disabled: true, children: "Loading credentials..." })) : credentials.length > 0 ? (credentials.map((cred) => (jsx(SelectItem, { value: cred.entity_id, children: cred.name }, cred.entity_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: "No credentials found" }))] })] }), editingMapping && (jsx("p", { className: "text-xs text-gray-500", children: "Credential cannot be changed when editing" }))] }), jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "provider-select", children: "Provider" }), jsxs(Select$1, { value: providerName, onValueChange: setProviderName, disabled: !!editingMapping, children: [jsx(SelectTrigger, { id: "provider-select", className: editingMapping ? 'bg-gray-100 cursor-not-allowed' : '', children: jsx(SelectValue, { placeholder: "Select a provider" }) }), jsx(SelectContent, { children: providerConfigs.length > 0 ? (providerConfigs.map((config) => (jsx(SelectItem, { value: config.provider_name, children: config.provider_name_display || config.provider_name }, config.provider_name)))) : (jsx(SelectItem, { value: "no-providers", disabled: true, children: "No providers configured" })) })] }), editingMapping && (jsx("p", { className: "text-xs text-gray-500", children: "Provider cannot be changed when editing" })), providerConfigs.length === 0 && !editingMapping && (jsx("p", { className: "text-xs text-amber-600", children: "Configure a provider first in Provider Configuration" }))] }), jsxs("div", { className: "space-y-2", children: [jsxs(Label, { htmlFor: "external-template-id", children: ["External Template ID", ' ', jsx("span", { className: "text-gray-400 font-normal", children: "- Optional" })] }), jsx(Input, { id: "external-template-id", value: externalTemplateId, onChange: (e) => setExternalTemplateId(e.target.value), placeholder: "e.g., 123456789" }), jsx("p", { className: "text-xs text-gray-500", children: "The template ID in the external system (e.g., Accredible template ID)" })] }), jsxs("div", { className: "space-y-2", children: [jsxs(Label, { htmlFor: "group-id", children: ["Group ID ", jsx("span", { className: "text-gray-400 font-normal", children: "- Optional" })] }), jsx(Input, { id: "group-id", value: groupId, onChange: (e) => setGroupId(e.target.value), placeholder: "e.g., 679866" }), jsx("p", { className: "text-xs text-gray-500", children: "Overrides the group ID from provider config for this mapping" })] }), jsxs("div", { className: "space-y-2", children: [jsxs(Label, { htmlFor: "metadata-json", children: ["Metadata (JSON) ", jsx("span", { className: "text-gray-400 font-normal", children: "- Optional" })] }), jsx(Textarea, { id: "metadata-json", value: metadataJson, onChange: (e) => handleMetadataJsonChange(e.target.value), placeholder: '{"notes": "Additional information"}', rows: 4, className: `font-mono text-sm ${jsonError ? 'border-red-500' : ''}` }), jsonError && (jsx("p", { className: "text-xs text-red-500", role: "alert", children: jsonError }))] }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: () => {
+                                }, children: [jsx(DialogTrigger$2, { asChild: true, children: jsxs(Button$1, { type: "button", variant: "secondary", size: "sm", className: "gap-1", onClick: handleOpenAddModal, children: [jsx(Plus, { className: "h-4 w-4", "aria-hidden": "true" }), "Add"] }) }), jsxs(DialogContent$2, { className: "sm:max-w-[500px]", children: [jsx(DialogHeader, { children: jsx(DialogTitle$2, { children: editingMapping ? 'Edit External Mapping' : 'Add External Mapping' }) }), jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "credential-select", children: "Credential" }), jsxs(Select$1, { value: credentialId, onValueChange: setCredentialId, disabled: !!editingMapping, children: [jsx(SelectTrigger, { id: "credential-select", className: editingMapping ? 'bg-gray-100 cursor-not-allowed' : '', children: jsx(SelectValue, { placeholder: "Select a credential", children: credentialId ? getCredentialName(credentialId) : '' }) }), jsxs(SelectContent, { children: [jsx("div", { className: "p-2", onPointerDown: (e) => e.stopPropagation(), children: jsx(Input, { placeholder: "Search credentials...", value: credentialSearchQuery, onChange: (e) => setCredentialSearchQuery(e.target.value), onKeyDown: (e) => e.stopPropagation(), className: "mb-2" }) }), isLoadingCredentials ? (jsx(SelectItem, { value: "loading", disabled: true, children: "Loading credentials..." })) : credentials.length > 0 ? (credentials.map((cred) => (jsx(SelectItem, { value: cred.entity_id, children: cred.name }, cred.entity_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: "No credentials found" }))] })] }), editingMapping && (jsx("p", { className: "text-xs text-gray-500", children: "Credential cannot be changed when editing" }))] }), jsxs("div", { className: "space-y-2", children: [jsx(Label, { htmlFor: "provider-select", children: "Provider" }), jsxs(Select$1, { value: providerName, onValueChange: setProviderName, disabled: !!editingMapping, children: [jsx(SelectTrigger, { id: "provider-select", className: editingMapping ? 'bg-gray-100 cursor-not-allowed' : '', children: jsx(SelectValue, { placeholder: "Select a provider" }) }), jsx(SelectContent, { children: providerConfigs.length > 0 ? (providerConfigs.map((config) => (jsx(SelectItem, { value: config.provider_name, children: config.provider_name_display || config.provider_name }, config.provider_name)))) : (jsx(SelectItem, { value: "no-providers", disabled: true, children: "No providers configured" })) })] }), editingMapping && (jsx("p", { className: "text-xs text-gray-500", children: "Provider cannot be changed when editing" })), providerConfigs.length === 0 && !editingMapping && (jsx("p", { className: "text-xs text-amber-600", children: "Configure a provider first in Provider Configuration" }))] }), jsxs("div", { className: "space-y-2", children: [jsxs(Label, { htmlFor: "external-template-id", children: ["External Template ID", ' ', jsx("span", { className: "text-gray-400 font-normal", children: "- Optional" })] }), jsx(Input, { id: "external-template-id", value: externalTemplateId, onChange: (e) => setExternalTemplateId(e.target.value), placeholder: "e.g., 123456789" }), jsx("p", { className: "text-xs text-gray-500", children: "The template ID in the external system (e.g., Accredible template ID)" })] }), jsxs("div", { className: "space-y-2", children: [jsxs(Label, { htmlFor: "group-id", children: ["Group ID ", jsx("span", { className: "text-gray-400 font-normal", children: "- Optional" })] }), jsx(Input, { id: "group-id", value: groupId, onChange: (e) => setGroupId(e.target.value), placeholder: "e.g., 679866" }), jsx("p", { className: "text-xs text-gray-500", children: "Overrides the group ID from provider config for this mapping" })] }), jsxs("div", { className: "space-y-2", children: [jsxs(Label, { htmlFor: "metadata-json", children: ["Metadata (JSON) ", jsx("span", { className: "text-gray-400 font-normal", children: "- Optional" })] }), jsx(Textarea, { id: "metadata-json", value: metadataJson, onChange: (e) => handleMetadataJsonChange(e.target.value), placeholder: '{"notes": "Additional information"}', rows: 4, className: `font-mono text-sm ${jsonError ? 'border-red-500' : ''}` }), jsonError && (jsx("p", { className: "text-xs text-red-500", role: "alert", children: jsonError }))] }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { type: "button", variant: "outline", onClick: () => {
                                                                     setIsModalOpen(false);
                                                                     handleResetForm();
                                                                 }, children: "Cancel" }), jsxs(Button$1, { className: "bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:opacity-90", type: "submit", disabled: isCreating || !!jsonError || providerConfigs.length === 0, children: [isCreating && jsx(LoaderCircle, { className: "h-4 w-4 animate-spin mr-2" }), editingMapping ? 'Update' : 'Create'] })] })] })] })] }), jsx("button", { onClick: () => setIsCollapsed((previous) => !previous), className: "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1", "aria-label": isCollapsed ? 'Expand external mapping' : 'Collapse external mapping', type: "button", children: isCollapsed ? (jsx(ChevronDown, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) : (jsx(ChevronUp, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) })] })] }), !isCollapsed && (jsx("div", { className: "mt-4", children: isLoading ? (jsxs("div", { className: "p-4 text-gray-500 text-center", children: [jsx(LoaderCircle, { className: "h-5 w-5 animate-spin inline-block mr-2" }), "Loading external mappings..."] })) : externalMappings.length > 0 ? (jsx("div", { className: "overflow-x-auto", children: jsxs(Table, { children: [jsx(TableHeader, { children: jsxs(TableRow, { children: [jsx(TableHead, { children: "Credential" }), jsx(TableHead, { children: "Provider" }), jsx(TableHead, { children: "Template ID" }), jsx(TableHead, { children: "Group ID" }), jsx(TableHead, { children: "Updated" }), jsx(TableHead, { className: "text-right", children: "Actions" })] }) }), jsx(TableBody, { children: externalMappings.map((mapping) => {
@@ -120030,12 +120574,12 @@ function PriceForm({ form, onChange, onSave, onCancel, isSaving, isEdit, }) {
     const handleRemoveFeature = (index) => {
         onChange({ ...form, features: form.features.filter((_, i) => i !== index) });
     };
-    return (jsx(Card, { className: "shadow-sm border border-blue-200 bg-blue-50/30", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4 space-y-3", children: [jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Name *" }), jsx(Input, { value: form.name, onChange: (e) => onChange({ ...form, name: e.target.value }), placeholder: "e.g. Monthly Plan", className: "mt-1" })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Amount (USD) *" }), jsx(Input, { type: "number", min: 0, step: "0.01", value: form.amount, onChange: (e) => onChange({ ...form, amount: e.target.value }), placeholder: "9.99", className: "mt-1" })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Interval" }), jsxs(Select$1, { value: form.interval, onValueChange: (v) => onChange({ ...form, interval: v }), children: [jsx(SelectTrigger, { className: "mt-1", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "month", children: "Monthly" }), jsx(SelectItem, { value: "year", children: "Yearly" }), jsx(SelectItem, { value: "one_time", children: "One-Time" })] })] })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Currency" }), jsx(Input, { value: form.currency, disabled: true, className: "mt-1 bg-gray-50 text-gray-500 cursor-not-allowed" })] })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Description" }), jsx(Input, { value: form.description, onChange: (e) => onChange({ ...form, description: e.target.value }), placeholder: "Optional description", className: "mt-1" })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Features" }), form.features.length > 0 && (jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5 mb-1.5", children: form.features.map((feature, i) => (jsxs(Badge, { variant: "secondary", className: "text-xs font-normal pl-2 pr-1 py-0.5 flex items-center gap-1", children: [feature, jsx("button", { type: "button", onClick: () => handleRemoveFeature(i), className: "hover:bg-gray-300 rounded-full p-0.5 transition-colors cursor-pointer", children: jsx(X, { className: "h-2.5 w-2.5" }) })] }, i))) })), jsxs("div", { className: "flex gap-1.5 mt-1", children: [jsx(Input, { value: featureInput, onChange: (e) => setFeatureInput(e.target.value), onKeyDown: (e) => {
+    return (jsx(Card, { className: "shadow-sm border border-blue-200 bg-blue-50/30", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs(CardContent, { className: "p-4 space-y-3", children: [jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Name *" }), jsx(Input, { value: form.name, onChange: (e) => onChange({ ...form, name: e.target.value }), placeholder: "e.g. Monthly Plan", className: "mt-1" })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Amount (USD) *" }), jsx(Input, { type: "number", min: 0, step: "0.01", value: form.amount, onChange: (e) => onChange({ ...form, amount: e.target.value }), placeholder: "9.99", className: "mt-1" })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Interval" }), jsxs(Select$1, { value: form.interval, onValueChange: (v) => onChange({ ...form, interval: v }), children: [jsx(SelectTrigger, { className: "mt-1", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "month", children: "Monthly" }), jsx(SelectItem, { value: "year", children: "Yearly" }), jsx(SelectItem, { value: "one_time", children: "One-Time" })] })] })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Currency" }), jsx(Input, { value: form.currency, disabled: true, className: "mt-1 bg-gray-50 text-gray-500 cursor-not-allowed" })] })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Description" }), jsx(Input, { value: form.description, onChange: (e) => onChange({ ...form, description: e.target.value }), placeholder: "Optional description", className: "mt-1" })] }), jsxs("div", { children: [jsx(Label, { className: "text-xs text-gray-500", children: "Features" }), form.features.length > 0 && (jsx("div", { className: "flex flex-wrap gap-1.5 mt-1.5 mb-1.5", children: form.features.map((feature, i) => (jsxs(Badge, { variant: "secondary", className: "text-xs font-normal pl-2 pr-1 py-0.5 flex items-center gap-1", children: [feature, jsx("button", { type: "button", onClick: () => handleRemoveFeature(i), className: "hover:bg-gray-300 rounded-full p-0.5 transition-colors cursor-pointer", children: jsx(X$1, { className: "h-2.5 w-2.5" }) })] }, i))) })), jsxs("div", { className: "flex gap-1.5 mt-1", children: [jsx(Input, { value: featureInput, onChange: (e) => setFeatureInput(e.target.value), onKeyDown: (e) => {
                                         if (e.key === 'Enter') {
                                             e.preventDefault();
                                             handleAddFeature();
                                         }
-                                    }, placeholder: "Add a feature...", className: "flex-1" }), jsx(Button$1, { type: "button", onClick: handleAddFeature, disabled: !featureInput.trim(), variant: "outline", size: "sm", className: "h-9 px-2 cursor-pointer", children: jsx(Plus, { className: "h-3.5 w-3.5" }) })] })] }), jsx("div", { className: "flex items-center justify-between pt-2", children: jsxs("div", { className: "flex gap-2", children: [jsxs(Button$1, { onClick: onSave, disabled: isSaving || !form.name.trim() || !form.amount, size: "sm", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isSaving ? (jsx(LoaderCircle, { className: "h-3 w-3 mr-1 animate-spin" })) : (jsx(Check, { className: "h-3 w-3 mr-1" })), isEdit ? 'Update' : 'Create'] }), jsxs(Button$1, { onClick: onCancel, variant: "outline", size: "sm", className: "cursor-pointer", children: [jsx(X, { className: "h-3 w-3 mr-1" }), "Cancel"] })] }) })] }) }));
+                                    }, placeholder: "Add a feature...", className: "flex-1" }), jsx(Button$1, { type: "button", onClick: handleAddFeature, disabled: !featureInput.trim(), variant: "outline", size: "sm", className: "h-9 px-2 cursor-pointer", children: jsx(Plus, { className: "h-3.5 w-3.5" }) })] })] }), jsx("div", { className: "flex items-center justify-between pt-2", children: jsxs("div", { className: "flex gap-2", children: [jsxs(Button$1, { onClick: onSave, disabled: isSaving || !form.name.trim() || !form.amount, size: "sm", className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white cursor-pointer", children: [isSaving ? (jsx(LoaderCircle, { className: "h-3 w-3 mr-1 animate-spin" })) : (jsx(Check, { className: "h-3 w-3 mr-1" })), isEdit ? 'Update' : 'Create'] }), jsxs(Button$1, { onClick: onCancel, variant: "outline", size: "sm", className: "cursor-pointer", children: [jsx(X$1, { className: "h-3 w-3 mr-1" }), "Cancel"] })] }) })] }) }));
 }
 // ── Main Component ──
 function PriceManagement({ platformKey, itemType, itemId }) {
@@ -120486,11 +121030,11 @@ function UserProfileModal({ isOpen, onClose, params, billingEnabled = false, bil
             setStripeTopUpURL(topUpURL);
         }
     }, [topUpURL, topUpEnabled]);
-    return (jsx(Fragment$1, { children: jsx(Dialog, { open: isOpen, onOpenChange: () => {
+    return (jsx(Fragment$1, { children: jsx(Dialog$1, { open: isOpen, onOpenChange: () => {
                 if (!isInviteUserDialogOpen) {
                     onClose();
                 }
-            }, children: jsxs(DialogContent$1, { autoFocus: false, forceMount: true, className: "max-w-7xl w-[85vw] p-0 gap-0 overflow-hidden bg-white profile-component-dialog", style: { height: '75vh', display: 'flex', flexDirection: 'column' }, children: [jsx(DialogTitle$1, { className: "sr-only", children: "User Profile" }), jsx(DialogDescription$1, { className: "sr-only", children: "Manage your profile settings, social links, education, experience, resume, and security options." }), [
+            }, children: jsxs(DialogContent$2, { autoFocus: false, forceMount: true, className: "max-w-7xl w-[85vw] p-0 gap-0 overflow-hidden bg-white profile-component-dialog", style: { height: '75vh', display: 'flex', flexDirection: 'column' }, children: [jsx(DialogTitle$2, { className: "sr-only", children: "User Profile" }), jsx(DialogDescription$2, { className: "sr-only", children: "Manage your profile settings, social links, education, experience, resume, and security options." }), [
                         'basic',
                         'social',
                         'security',
@@ -121996,7 +122540,7 @@ const dynamicIconImports = {
   "flip-vertical": () => Promise.resolve().then(function () { return flipVertical; }),
   "flower-2": () => Promise.resolve().then(function () { return flower2; }),
   "flower": () => Promise.resolve().then(function () { return flower; }),
-  "focus": () => Promise.resolve().then(function () { return focus$3; }),
+  "focus": () => Promise.resolve().then(function () { return focus$4; }),
   "fold-horizontal": () => Promise.resolve().then(function () { return foldHorizontal; }),
   "fold-vertical": () => Promise.resolve().then(function () { return foldVertical; }),
   "folder-archive": () => Promise.resolve().then(function () { return folderArchive; }),
@@ -123195,7 +123739,7 @@ const sidebarMenuButtonVariants = cva('peer/menu-button flex w-full items-center
     },
 });
 function SidebarMenuButton({ asChild = false, isActive = false, variant = 'default', size = 'default', tooltip, className, ...props }) {
-    const Comp = asChild ? Slot$6 : 'button';
+    const Comp = asChild ? Slot$7 : 'button';
     const { isMobile, state } = useSidebar();
     const button = (jsx(Comp, { "data-slot": "sidebar-menu-button", "data-sidebar": "menu-button", "data-size": size, "data-active": isActive, className: cn(sidebarMenuButtonVariants({ variant, size }), className), ...props }));
     if (!tooltip) {
@@ -140719,7 +141263,7 @@ function CredentialDetailModal({ credential, onClose, defaultImage = FALLBACK_CR
         return null;
     }
     const displayTitle = recipientTitle || ((_a = credential.recipient) === null || _a === void 0 ? void 0 : _a.name) || ((_b = credential.recipient) === null || _b === void 0 ? void 0 : _b.username) || 'Recipient';
-    return (jsx("div", { className: "bg-opacity-50 fixed inset-0 z-50 flex items-center justify-center bg-black p-4", children: jsxs("div", { className: "flex h-[85vh] w-full max-w-lg flex-col rounded-lg bg-white", children: [jsxs("div", { className: "flex items-center justify-between rounded-t-lg border-b border-gray-200 bg-gradient-to-r from-[var(--background-light)] to-[var(--primary-light)]/30 p-4", children: [jsx("h3", { className: "text-lg font-medium text-[var(--text)]", children: "Credential Details" }), jsx("button", { onClick: onClose, className: "rounded-full p-1 text-gray-400 hover:bg-[var(--primary-light)] hover:text-gray-500", "aria-label": "Close credential details", children: jsx(X, { className: "h-5 w-5" }) })] }), jsxs("div", { ref: certificateElement, className: "flex-1 overflow-y-auto p-6", children: [jsxs("div", { className: "mb-8 flex flex-col items-center", children: [jsx("div", { className: "mb-4 h-28 w-28 overflow-hidden rounded-full border-4 border-[var(--primary-light)] shadow-lg", children: jsx(Image$3, { src: ((_c = credential.credentialDetails) === null || _c === void 0 ? void 0 : _c.iconImage) || defaultImage, alt: ((_d = credential.credentialDetails) === null || _d === void 0 ? void 0 : _d.name) || 'Credential', width: 112, height: 112, className: "h-full w-full object-contain" }) }), jsx("h2", { className: "text-center text-xl font-semibold text-[var(--text)]", children: displayTitle }), jsxs("div", { className: "mt-2 flex items-center gap-2", children: [jsx(Award, { className: "h-4 w-4 text-[var(--primary)]" }), jsxs("p", { className: "text-base text-gray-600", children: ["Issued by ", ((_f = (_e = credential.credentialDetails) === null || _e === void 0 ? void 0 : _e.issuerDetails) === null || _f === void 0 ? void 0 : _f.name) || '-'] })] })] }), jsx("div", { className: "mb-6 rounded-lg border border-gray-100 bg-gray-50 p-4", children: jsxs("p", { className: "text-sm leading-relaxed text-gray-600", children: ["A completion credential for ", ((_g = credential.course) === null || _g === void 0 ? void 0 : _g.name) || 'a course', " was issued to", ' ', ((_h = credential.recipient) === null || _h === void 0 ? void 0 : _h.name) || ((_j = credential.recipient) === null || _j === void 0 ? void 0 : _j.username) || 'You', " on", ' ', dayjs(credential.issuedOn).format('MMM D, YYYY'), "."] }) }), !_.isEmpty(credential.course) && (jsxs("div", { className: "mb-6 overflow-hidden rounded-lg border border-gray-200", children: [jsx("div", { className: "border-b border-gray-200 bg-gray-50 px-4 py-3", children: jsxs("h3", { className: "text-md flex items-center gap-2 font-medium text-gray-700", children: [jsx(FileText, { className: "h-4 w-4 text-[var(--primary)]" }), "Course"] }) }), jsxs("div", { className: "flex items-center gap-4 p-4", children: [jsx("div", { className: "h-16 w-24 flex-shrink-0 overflow-hidden rounded-md border border-gray-200", children: jsx(Image$3, { src: resolvedCourseImage, alt: ((_k = credential.course) === null || _k === void 0 ? void 0 : _k.name) || 'Course', width: 96, height: 64, className: "h-full w-full object-cover" }) }), jsx("div", { children: jsx("h4", { className: "text-sm font-medium text-[var(--primary)]", children: ((_l = credential.course) === null || _l === void 0 ? void 0 : _l.name) || 'Course' }) })] })] })), jsxs("div", { className: "overflow-hidden rounded-lg border border-gray-200", children: [jsx("div", { className: "border-b border-gray-200 bg-gray-50 px-4 py-3", children: jsxs("h3", { className: "text-md flex items-center gap-2 font-medium text-gray-700", children: [jsx(Calendar$1, { className: "h-4 w-4 text-[var(--primary)]" }), "Issued on"] }) }), jsx("div", { className: "p-4", children: jsx("p", { className: "text-sm font-medium text-[var(--primary)]", children: dayjs(credential.issuedOn).format('MMM D, YYYY') }) })] })] }), jsx("div", { className: "flex justify-end gap-3 rounded-b-lg border-t border-gray-200 bg-gradient-to-r from-[var(--background-light)] to-[var(--primary-light)]/30 p-4", children: jsxs("button", { onClick: () => onDownload(certificateElement.current), className: "flex items-center gap-2 rounded-md bg-gradient-to-r from-[var(--button-primary-gradient-from)] to-[var(--button-primary-gradient-to)] px-5 py-2.5 text-sm font-medium text-[var(--button-primary-text)] shadow-sm transition-opacity hover:opacity-[var(--button-primary-hover-opacity)]", children: [jsx(Download, { className: "h-4 w-4" }), "Download Certificate"] }) })] }) }));
+    return (jsx("div", { className: "bg-opacity-50 fixed inset-0 z-50 flex items-center justify-center bg-black p-4", children: jsxs("div", { className: "flex h-[85vh] w-full max-w-lg flex-col rounded-lg bg-white", children: [jsxs("div", { className: "flex items-center justify-between rounded-t-lg border-b border-gray-200 bg-gradient-to-r from-[var(--background-light)] to-[var(--primary-light)]/30 p-4", children: [jsx("h3", { className: "text-lg font-medium text-[var(--text)]", children: "Credential Details" }), jsx("button", { onClick: onClose, className: "rounded-full p-1 text-gray-400 hover:bg-[var(--primary-light)] hover:text-gray-500", "aria-label": "Close credential details", children: jsx(X$1, { className: "h-5 w-5" }) })] }), jsxs("div", { ref: certificateElement, className: "flex-1 overflow-y-auto p-6", children: [jsxs("div", { className: "mb-8 flex flex-col items-center", children: [jsx("div", { className: "mb-4 h-28 w-28 overflow-hidden rounded-full border-4 border-[var(--primary-light)] shadow-lg", children: jsx(Image$3, { src: ((_c = credential.credentialDetails) === null || _c === void 0 ? void 0 : _c.iconImage) || defaultImage, alt: ((_d = credential.credentialDetails) === null || _d === void 0 ? void 0 : _d.name) || 'Credential', width: 112, height: 112, className: "h-full w-full object-contain" }) }), jsx("h2", { className: "text-center text-xl font-semibold text-[var(--text)]", children: displayTitle }), jsxs("div", { className: "mt-2 flex items-center gap-2", children: [jsx(Award, { className: "h-4 w-4 text-[var(--primary)]" }), jsxs("p", { className: "text-base text-gray-600", children: ["Issued by ", ((_f = (_e = credential.credentialDetails) === null || _e === void 0 ? void 0 : _e.issuerDetails) === null || _f === void 0 ? void 0 : _f.name) || '-'] })] })] }), jsx("div", { className: "mb-6 rounded-lg border border-gray-100 bg-gray-50 p-4", children: jsxs("p", { className: "text-sm leading-relaxed text-gray-600", children: ["A completion credential for ", ((_g = credential.course) === null || _g === void 0 ? void 0 : _g.name) || 'a course', " was issued to", ' ', ((_h = credential.recipient) === null || _h === void 0 ? void 0 : _h.name) || ((_j = credential.recipient) === null || _j === void 0 ? void 0 : _j.username) || 'You', " on", ' ', dayjs(credential.issuedOn).format('MMM D, YYYY'), "."] }) }), !_.isEmpty(credential.course) && (jsxs("div", { className: "mb-6 overflow-hidden rounded-lg border border-gray-200", children: [jsx("div", { className: "border-b border-gray-200 bg-gray-50 px-4 py-3", children: jsxs("h3", { className: "text-md flex items-center gap-2 font-medium text-gray-700", children: [jsx(FileText, { className: "h-4 w-4 text-[var(--primary)]" }), "Course"] }) }), jsxs("div", { className: "flex items-center gap-4 p-4", children: [jsx("div", { className: "h-16 w-24 flex-shrink-0 overflow-hidden rounded-md border border-gray-200", children: jsx(Image$3, { src: resolvedCourseImage, alt: ((_k = credential.course) === null || _k === void 0 ? void 0 : _k.name) || 'Course', width: 96, height: 64, className: "h-full w-full object-cover" }) }), jsx("div", { children: jsx("h4", { className: "text-sm font-medium text-[var(--primary)]", children: ((_l = credential.course) === null || _l === void 0 ? void 0 : _l.name) || 'Course' }) })] })] })), jsxs("div", { className: "overflow-hidden rounded-lg border border-gray-200", children: [jsx("div", { className: "border-b border-gray-200 bg-gray-50 px-4 py-3", children: jsxs("h3", { className: "text-md flex items-center gap-2 font-medium text-gray-700", children: [jsx(Calendar$1, { className: "h-4 w-4 text-[var(--primary)]" }), "Issued on"] }) }), jsx("div", { className: "p-4", children: jsx("p", { className: "text-sm font-medium text-[var(--primary)]", children: dayjs(credential.issuedOn).format('MMM D, YYYY') }) })] })] }), jsx("div", { className: "flex justify-end gap-3 rounded-b-lg border-t border-gray-200 bg-gradient-to-r from-[var(--background-light)] to-[var(--primary-light)]/30 p-4", children: jsxs("button", { onClick: () => onDownload(certificateElement.current), className: "flex items-center gap-2 rounded-md bg-gradient-to-r from-[var(--button-primary-gradient-from)] to-[var(--button-primary-gradient-to)] px-5 py-2.5 text-sm font-medium text-[var(--button-primary-text)] shadow-sm transition-opacity hover:opacity-[var(--button-primary-hover-opacity)]", children: [jsx(Download, { className: "h-4 w-4" }), "Download Certificate"] }) })] }) }));
 }
 
 dayjs.extend(duration);
@@ -140754,7 +141298,7 @@ const PathwayDetailModal = ({ pathway, paths, pathwayDetailLoading = false, path
     const resolvedBanner = bannerImageSrc !== null && bannerImageSrc !== void 0 ? bannerImageSrc : fallbackImage;
     const hasCompletion = !!pathwayCompletion && Object.keys(pathwayCompletion).length > 0;
     const showEnrollButton = !enrollmentStatus && !isEnrollmentSuccess && !isEnrollmentLoading;
-    return (jsx("div", { className: "bg-opacity-50 fixed inset-0 z-50 flex items-center justify-center bg-black p-4", children: jsxs("div", { className: "max-h-[85vh] w-full max-w-2xl overflow-y-auto rounded-lg bg-white", children: [jsxs("div", { className: "flex items-center justify-between border-b border-gray-200 bg-gradient-to-r from-[var(--background-light)] to-[var(--primary-light)]/30 p-4", children: [jsx("h3", { className: "text-lg font-medium text-[var(--text)]", children: "Pathway Details" }), jsx("button", { onClick: onClose, "aria-label": "Close", className: "rounded-full p-1 text-gray-400 hover:bg-[var(--primary-light)] hover:text-gray-500", children: jsx(X, { className: "h-5 w-5" }) })] }), jsxs("div", { className: "max-h-[70vh] overflow-y-auto p-6 [&::-webkit-scrollbar]:hidden", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: [jsxs("div", { className: "relative mb-6 h-48 w-full overflow-hidden rounded-lg", children: [jsx(Image$3, { src: resolvedBanner, alt: pathway.name || '', fill: true, className: "object-cover", onError: (e) => {
+    return (jsx("div", { className: "bg-opacity-50 fixed inset-0 z-50 flex items-center justify-center bg-black p-4", children: jsxs("div", { className: "max-h-[85vh] w-full max-w-2xl overflow-y-auto rounded-lg bg-white", children: [jsxs("div", { className: "flex items-center justify-between border-b border-gray-200 bg-gradient-to-r from-[var(--background-light)] to-[var(--primary-light)]/30 p-4", children: [jsx("h3", { className: "text-lg font-medium text-[var(--text)]", children: "Pathway Details" }), jsx("button", { onClick: onClose, "aria-label": "Close", className: "rounded-full p-1 text-gray-400 hover:bg-[var(--primary-light)] hover:text-gray-500", children: jsx(X$1, { className: "h-5 w-5" }) })] }), jsxs("div", { className: "max-h-[70vh] overflow-y-auto p-6 [&::-webkit-scrollbar]:hidden", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: [jsxs("div", { className: "relative mb-6 h-48 w-full overflow-hidden rounded-lg", children: [jsx(Image$3, { src: resolvedBanner, alt: pathway.name || '', fill: true, className: "object-cover", onError: (e) => {
                                         e.target.src = fallbackImage;
                                     }, priority: true }), jsx("div", { className: "absolute bottom-2 left-2 rounded bg-amber-500 px-2 py-1 text-xs text-white", children: "PATHWAY" })] }), jsx("h2", { className: "mb-2 text-xl font-semibold text-gray-800", children: pathway.name }), hasCompletion && (jsxs("div", { className: "mb-6 space-y-1", children: [jsxs("div", { className: "flex justify-between text-sm", children: [jsx("span", { className: "text-gray-600", children: "Progress" }), jsxs("span", { className: "font-medium text-gray-800", children: [pathwayCompletion.completion_percentage || 0, "%"] })] }), jsx("div", { className: "h-2 w-full rounded-full bg-gray-200", children: jsx("div", { className: "h-2 rounded-full bg-amber-500", style: {
                                             width: `${pathwayCompletion.completion_percentage || 0}%`,
@@ -140811,7 +141355,7 @@ const MultiValueInput = ({ label, values, onChange, placeholder }) => {
     const handleRemove = (index) => {
         onChange(values.filter((_, i) => i !== index));
     };
-    return (jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: label }), jsx("div", { className: "mb-2 flex flex-wrap gap-2", children: values.map((value, index) => (jsxs("span", { className: "inline-flex items-center gap-1 rounded-md bg-amber-100 px-2 py-1 text-sm text-amber-800", children: [value, jsx("button", { type: "button", onClick: () => handleRemove(index), "aria-label": `Remove ${value}`, className: "text-amber-600 hover:text-amber-800", children: jsx(X, { className: "h-3 w-3" }) })] }, index))) }), jsxs("div", { className: "flex gap-2", children: [jsx("input", { type: "text", value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder || 'Type and press Enter to add', className: "flex-1 rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-transparent focus:ring-2 focus:ring-amber-500 focus:outline-none" }), jsx("button", { type: "button", onClick: add, "aria-label": `Add ${label.toLowerCase()}`, className: "rounded-md bg-amber-500 px-3 py-2 text-white transition-colors hover:bg-amber-600", children: jsx(Plus, { className: "h-4 w-4" }) })] })] }));
+    return (jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: label }), jsx("div", { className: "mb-2 flex flex-wrap gap-2", children: values.map((value, index) => (jsxs("span", { className: "inline-flex items-center gap-1 rounded-md bg-amber-100 px-2 py-1 text-sm text-amber-800", children: [value, jsx("button", { type: "button", onClick: () => handleRemove(index), "aria-label": `Remove ${value}`, className: "text-amber-600 hover:text-amber-800", children: jsx(X$1, { className: "h-3 w-3" }) })] }, index))) }), jsxs("div", { className: "flex gap-2", children: [jsx("input", { type: "text", value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder || 'Type and press Enter to add', className: "flex-1 rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-transparent focus:ring-2 focus:ring-amber-500 focus:outline-none" }), jsx("button", { type: "button", onClick: add, "aria-label": `Add ${label.toLowerCase()}`, className: "rounded-md bg-amber-500 px-3 py-2 text-white transition-colors hover:bg-amber-600", children: jsx(Plus, { className: "h-4 w-4" }) })] })] }));
 };
 const ImageUrlInput = ({ label, value, onChange, placeholder }) => {
     const [previewError, setPreviewError] = React.useState(false);
@@ -140871,7 +141415,7 @@ const ProgramDetailModal = ({ program, courses = [], courseListLoading = false,
                                                     } }) }), jsx("div", { children: jsx("h4", { className: "text-sm font-medium text-amber-500", children: (_h = course.course) === null || _h === void 0 ? void 0 : _h.name }) })] })] }, String((_k = (_j = course.course) === null || _j === void 0 ? void 0 : _j.id) !== null && _k !== void 0 ? _k : index)));
                         })] })] }));
     const settingsPanel = (jsxs("div", { className: "space-y-6", children: [jsxs("fieldset", { className: "space-y-4", children: [jsx("legend", { className: "w-full border-b border-gray-200 pb-2 text-sm font-semibold text-gray-800", children: "Basic Information" }), jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Subject" }), jsx("input", { type: "text", value: settings.subject, onChange: (e) => updateSetting('subject', e.target.value), placeholder: "e.g., Computer Science", className: BASE_INPUT_CLASSES })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "URL Slug" }), jsx("input", { type: "text", value: settings.slug, onChange: (e) => updateSetting('slug', e.target.value), placeholder: "e.g., my-program", className: BASE_INPUT_CLASSES })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Level" }), jsx("input", { type: "text", value: settings.level, onChange: (e) => updateSetting('level', e.target.value), placeholder: "e.g., Beginner, Intermediate, Advanced", className: BASE_INPUT_CLASSES })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Language" }), jsx("input", { type: "text", value: settings.language, onChange: (e) => updateSetting('language', e.target.value), placeholder: "e.g., en", className: BASE_INPUT_CLASSES })] })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Description" }), jsx("textarea", { value: settings.description, onChange: (e) => updateSetting('description', e.target.value), placeholder: "Program description...", rows: 3, className: BASE_INPUT_CLASSES })] }), jsx(MultiValueInput, { label: "Tags", values: settings.tags, onChange: (values) => updateSetting('tags', values), placeholder: "Type a tag and press Enter" }), jsx(MultiValueInput, { label: "Topics", values: settings.topics, onChange: (values) => updateSetting('topics', values), placeholder: "Type a topic and press Enter" })] }), jsxs("fieldset", { className: "space-y-4", children: [jsx("legend", { className: "w-full border-b border-gray-200 pb-2 text-sm font-semibold text-gray-800", children: "Pricing & Dates" }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Display Price" }), jsx("input", { type: "text", value: settings.display_price, onChange: (e) => updateSetting('display_price', e.target.value), placeholder: "e.g., $99.00", className: BASE_INPUT_CLASSES })] }), jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Start Date" }), jsx("input", { type: "date", value: settings.start_date, onChange: (e) => updateSetting('start_date', e.target.value), max: settings.end_date || undefined, className: BASE_INPUT_CLASSES })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "End Date" }), jsx("input", { type: "date", value: settings.end_date, onChange: (e) => updateSetting('end_date', e.target.value), min: settings.start_date || undefined, className: BASE_INPUT_CLASSES })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Enrollment Start" }), jsx("input", { type: "date", value: settings.enrollment_start, onChange: (e) => updateSetting('enrollment_start', e.target.value), max: settings.enrollment_end || undefined, className: BASE_INPUT_CLASSES })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Enrollment End" }), jsx("input", { type: "date", value: settings.enrollment_end, onChange: (e) => updateSetting('enrollment_end', e.target.value), min: settings.enrollment_start || undefined, className: BASE_INPUT_CLASSES })] })] })] }), jsxs("fieldset", { className: "space-y-4", children: [jsx("legend", { className: "w-full border-b border-gray-200 pb-2 text-sm font-semibold text-gray-800", children: "Visibility & Access" }), jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Catalog Visibility" }), jsxs(Select$1, { value: settings.catalog_visibility, onValueChange: (value) => updateSetting('catalog_visibility', value), children: [jsx(SelectTrigger, { className: "w-full", children: jsx(SelectValue, { placeholder: "Select visibility" }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "both", children: "Both" }), jsx(SelectItem, { value: "about", children: "About" }), jsx(SelectItem, { value: "none", children: "None" })] })] })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Invitation Only" }), jsxs("div", { className: "flex items-center gap-2 pt-2", children: [jsx(Switch, { checked: settings.invitation_only, onCheckedChange: (checked) => updateSetting('invitation_only', checked), className: "data-[state=checked]:bg-amber-500" }), jsx("span", { className: "text-sm text-gray-600", children: settings.invitation_only ? 'Yes' : 'No' })] })] })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Credential" }), jsx("input", { type: "text", value: settings.credential, onChange: (e) => updateSetting('credential', e.target.value), placeholder: "Credential information", className: BASE_INPUT_CLASSES })] })] }), jsxs("fieldset", { className: "space-y-4", children: [jsx("legend", { className: "w-full border-b border-gray-200 pb-2 text-sm font-semibold text-gray-800", children: "Images" }), jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [jsx(ImageUrlInput, { label: "Banner Image URL", value: settings.banner_image, onChange: (value) => updateSetting('banner_image', value), placeholder: "https://example.com/banner.jpg" }), jsx(ImageUrlInput, { label: "Card Image URL", value: settings.card_image, onChange: (value) => updateSetting('card_image', value), placeholder: "https://example.com/card.jpg" })] })] }), jsxs("fieldset", { className: "space-y-4", children: [jsx("legend", { className: "w-full border-b border-gray-200 pb-2 text-sm font-semibold text-gray-800", children: "Social & Promotion" }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Promotion" }), jsx("input", { type: "text", value: settings.promotion, onChange: (e) => updateSetting('promotion', e.target.value), placeholder: "Promotion data", className: BASE_INPUT_CLASSES })] }), jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Social Team" }), jsx("input", { type: "text", value: settings.social_team, onChange: (e) => updateSetting('social_team', e.target.value), placeholder: "Social team info", className: BASE_INPUT_CLASSES })] }), jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-sm font-medium text-gray-700", children: "Social Channels" }), jsx("input", { type: "text", value: settings.social_channels, onChange: (e) => updateSetting('social_channels', e.target.value), placeholder: "Social channels", className: BASE_INPUT_CLASSES })] })] })] }), jsx("div", { className: "border-t border-gray-200 pt-4", children: jsxs("button", { onClick: handleSave, disabled: isSavingSettings, "data-testid": "save-settings-button", className: "flex w-full items-center justify-center gap-2 rounded-md bg-gradient-to-r from-[var(--button-primary-gradient-from)] to-[var(--button-primary-gradient-to)] px-4 py-2 text-sm font-medium text-[var(--button-primary-text)] transition-opacity hover:opacity-[var(--button-primary-hover-opacity)] disabled:opacity-50", children: [isSavingSettings ? (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin", "aria-label": "Saving" })) : (jsx(Save, { className: "h-4 w-4" })), "Save Settings"] }) })] }));
-    return (jsx("div", { className: "bg-opacity-50 fixed inset-0 z-50 flex items-center justify-center bg-black p-4", role: "dialog", "aria-modal": "true", "aria-labelledby": "program-detail-modal-title", "data-testid": "program-detail-modal", children: jsxs("div", { className: "max-h-[85vh] w-full max-w-2xl overflow-y-auto rounded-lg bg-white", children: [jsxs("div", { className: "flex items-center justify-between border-b border-gray-200 bg-gradient-to-r from-[var(--background-light)] to-[var(--primary-light)]/30 p-4", children: [jsx("h3", { id: "program-detail-modal-title", className: "text-lg font-medium text-[var(--text)]", children: "Program Details" }), jsx("button", { onClick: onClose, "aria-label": "Close modal", className: "rounded-full p-1 text-gray-400 hover:bg-[var(--primary-light)] hover:text-gray-500", children: jsx(X, { className: "h-5 w-5" }) })] }), jsxs("div", { className: "max-h-[70vh] overflow-y-auto p-6 [&::-webkit-scrollbar]:hidden", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: [jsxs("div", { className: "relative mb-6 h-48 w-full overflow-hidden rounded-lg", children: [jsx(Image$3, { src: resolvedBanner, alt: (program === null || program === void 0 ? void 0 : program.name) || '', fill: true, className: "object-cover", onError: (e) => {
+    return (jsx("div", { className: "bg-opacity-50 fixed inset-0 z-50 flex items-center justify-center bg-black p-4", role: "dialog", "aria-modal": "true", "aria-labelledby": "program-detail-modal-title", "data-testid": "program-detail-modal", children: jsxs("div", { className: "max-h-[85vh] w-full max-w-2xl overflow-y-auto rounded-lg bg-white", children: [jsxs("div", { className: "flex items-center justify-between border-b border-gray-200 bg-gradient-to-r from-[var(--background-light)] to-[var(--primary-light)]/30 p-4", children: [jsx("h3", { id: "program-detail-modal-title", className: "text-lg font-medium text-[var(--text)]", children: "Program Details" }), jsx("button", { onClick: onClose, "aria-label": "Close modal", className: "rounded-full p-1 text-gray-400 hover:bg-[var(--primary-light)] hover:text-gray-500", children: jsx(X$1, { className: "h-5 w-5" }) })] }), jsxs("div", { className: "max-h-[70vh] overflow-y-auto p-6 [&::-webkit-scrollbar]:hidden", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: [jsxs("div", { className: "relative mb-6 h-48 w-full overflow-hidden rounded-lg", children: [jsx(Image$3, { src: resolvedBanner, alt: (program === null || program === void 0 ? void 0 : program.name) || '', fill: true, className: "object-cover", onError: (e) => {
                                         e.currentTarget.src = randomImage;
                                     } }), jsx("div", { className: "absolute bottom-2 left-2 rounded bg-amber-500 px-2 py-1 text-xs text-white", children: "PROGRAM" })] }), jsx("h2", { className: "mb-2 text-xl font-semibold text-gray-800", children: program === null || program === void 0 ? void 0 : program.name }), hasCompletion && (jsxs("div", { className: "mb-6 space-y-1", children: [jsxs("div", { className: "flex justify-between text-sm", children: [jsx("span", { className: "text-gray-600", children: "Progress" }), jsxs("span", { className: "font-medium text-gray-800", children: [programCompletion.completion_percentage || 0, "%"] })] }), jsx("div", { className: "h-2 w-full rounded-full bg-gray-200", children: jsx("div", { className: "h-2 rounded-full bg-amber-500", style: {
                                             width: `${programCompletion.completion_percentage || 0}%`,
@@ -141063,7 +141607,7 @@ const CreatePathwayModal = ({ open, onOpenChange, onSearchChange, onSave, search
         });
     };
     const saveDisabled = !name || (selectedCourses.length === 0 && selectedResources.length === 0);
-    return (jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: jsxs(DialogContent$1, { className: "flex max-h-[85vh] w-full max-w-4xl flex-col gap-0 overflow-hidden rounded-lg bg-white p-0", children: [jsxs("div", { className: "flex items-center justify-between border-b p-4", children: [jsx("h3", { className: "text-lg font-medium text-gray-600", children: "Create New Pathway" }), jsx("button", { onClick: () => onOpenChange(false), "aria-label": "Close", className: "rounded-full p-1 hover:bg-gray-100", children: jsx(X, { className: "h-4 w-4" }) })] }), jsxs("div", { className: "flex flex-1 flex-col overflow-auto md:flex-row", children: [jsx("div", { className: "overflow-y-auto bg-gray-50 p-6 md:w-1/2 [&::-webkit-scrollbar]:hidden", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: jsx("div", { className: "space-y-6", children: jsxs("div", { className: "space-y-6", children: [jsxs("div", { children: [jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Pathway Cover Image" }), jsx("div", { className: "flex cursor-pointer flex-col items-center justify-center rounded-lg border border-gray-200 bg-white p-6 transition-colors hover:bg-gray-100", onClick: openFilePicker, children: coverImage ? (jsx("div", { className: "relative mb-2 h-40 w-full", children: jsx(Image$3, { src: coverImage, alt: "Pathway cover", fill: true, className: "rounded-md object-cover" }) })) : (jsxs(Fragment$1, { children: [jsx(Upload, { className: "mb-4 h-10 w-10 text-amber-500" }), jsx("p", { className: "mb-1 font-medium text-gray-700", children: "Upload a cover image" }), jsx("p", { className: "text-sm text-gray-500", children: "(Recommended size: 1280\u00D7720px)" })] })) })] }), jsxs("div", { children: [jsxs("label", { htmlFor: "pathway-name", className: "mb-2 block text-sm font-medium text-gray-700", children: ["Pathway Name ", jsx("span", { className: "text-red-500", children: "*" })] }), jsx("input", { id: "pathway-name", type: "text", value: name, onChange: (e) => setName(e.target.value), placeholder: "Enter pathway name", className: "w-full rounded-md border border-gray-200 bg-white px-4 py-2 placeholder-gray-400 focus:border-transparent focus:ring-2 focus:ring-amber-500 focus:outline-none" })] }), jsxs("div", { children: [jsx("label", { htmlFor: "pathway-subject", className: "mb-2 block text-sm font-medium text-gray-700", children: "Subject/Category" }), jsx("input", { id: "pathway-subject", type: "text", value: subject, onChange: (e) => setSubject(e.target.value), placeholder: "Enter subject", className: "w-full rounded-md border border-gray-200 bg-white px-4 py-2 placeholder-gray-400 focus:border-transparent focus:ring-2 focus:ring-amber-500 focus:outline-none" })] }), jsxs("div", { children: [jsx("label", { htmlFor: "pathway-description", className: "mb-2 block text-sm font-medium text-gray-700", children: "Description" }), jsx("textarea", { id: "pathway-description", value: description, onChange: (e) => setDescription(e.target.value), placeholder: "Enter pathway description", rows: 3, className: "w-full resize-none rounded-md border border-gray-200 bg-white px-4 py-2 placeholder-gray-400 focus:border-transparent focus:ring-2 focus:ring-amber-500 focus:outline-none" })] })] }) }) }), jsx("div", { className: "overflow-y-auto border-t border-gray-200 bg-white p-6 md:w-1/2 md:border-t-0 md:border-l [&::-webkit-scrollbar]:hidden", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: jsxs("div", { className: "flex h-full flex-col space-y-0", children: [jsx("h2", { className: "mb-2 text-sm font-medium text-gray-700", children: "Add Content" }), jsxs("div", { className: "relative mb-4 flex items-center", children: [jsx(Search, { className: "absolute left-4 h-4 w-4 text-gray-400" }), jsx("input", { type: "text", placeholder: "Search content to add", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "mb-2 w-full rounded-md border border-gray-200 bg-gray-50 py-2 pr-4 pl-10 placeholder-gray-400 focus:border-transparent focus:ring-2 focus:ring-amber-500 focus:outline-none" })] }), jsxs("div", { className: "mt-3 mb-2 text-sm text-gray-600", children: [selectedCourses.length + selectedResources.length, " items selected"] }), jsxs("div", { className: "flex-1 space-y-3 overflow-y-auto [&::-webkit-scrollbar]:hidden", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: [(isCoursesLoading || isResourceSearchLoading) && (jsx(SkeletonMultiplier, { multiplier: 6, Skeleton: SkeletonCreatePathwaySearchList })), !isCoursesLoading &&
+    return (jsx(Dialog$1, { open: open, onOpenChange: onOpenChange, children: jsxs(DialogContent$2, { className: "flex max-h-[85vh] w-full max-w-4xl flex-col gap-0 overflow-hidden rounded-lg bg-white p-0", children: [jsxs("div", { className: "flex items-center justify-between border-b p-4", children: [jsx("h3", { className: "text-lg font-medium text-gray-600", children: "Create New Pathway" }), jsx("button", { onClick: () => onOpenChange(false), "aria-label": "Close", className: "rounded-full p-1 hover:bg-gray-100", children: jsx(X$1, { className: "h-4 w-4" }) })] }), jsxs("div", { className: "flex flex-1 flex-col overflow-auto md:flex-row", children: [jsx("div", { className: "overflow-y-auto bg-gray-50 p-6 md:w-1/2 [&::-webkit-scrollbar]:hidden", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: jsx("div", { className: "space-y-6", children: jsxs("div", { className: "space-y-6", children: [jsxs("div", { children: [jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Pathway Cover Image" }), jsx("div", { className: "flex cursor-pointer flex-col items-center justify-center rounded-lg border border-gray-200 bg-white p-6 transition-colors hover:bg-gray-100", onClick: openFilePicker, children: coverImage ? (jsx("div", { className: "relative mb-2 h-40 w-full", children: jsx(Image$3, { src: coverImage, alt: "Pathway cover", fill: true, className: "rounded-md object-cover" }) })) : (jsxs(Fragment$1, { children: [jsx(Upload, { className: "mb-4 h-10 w-10 text-amber-500" }), jsx("p", { className: "mb-1 font-medium text-gray-700", children: "Upload a cover image" }), jsx("p", { className: "text-sm text-gray-500", children: "(Recommended size: 1280\u00D7720px)" })] })) })] }), jsxs("div", { children: [jsxs("label", { htmlFor: "pathway-name", className: "mb-2 block text-sm font-medium text-gray-700", children: ["Pathway Name ", jsx("span", { className: "text-red-500", children: "*" })] }), jsx("input", { id: "pathway-name", type: "text", value: name, onChange: (e) => setName(e.target.value), placeholder: "Enter pathway name", className: "w-full rounded-md border border-gray-200 bg-white px-4 py-2 placeholder-gray-400 focus:border-transparent focus:ring-2 focus:ring-amber-500 focus:outline-none" })] }), jsxs("div", { children: [jsx("label", { htmlFor: "pathway-subject", className: "mb-2 block text-sm font-medium text-gray-700", children: "Subject/Category" }), jsx("input", { id: "pathway-subject", type: "text", value: subject, onChange: (e) => setSubject(e.target.value), placeholder: "Enter subject", className: "w-full rounded-md border border-gray-200 bg-white px-4 py-2 placeholder-gray-400 focus:border-transparent focus:ring-2 focus:ring-amber-500 focus:outline-none" })] }), jsxs("div", { children: [jsx("label", { htmlFor: "pathway-description", className: "mb-2 block text-sm font-medium text-gray-700", children: "Description" }), jsx("textarea", { id: "pathway-description", value: description, onChange: (e) => setDescription(e.target.value), placeholder: "Enter pathway description", rows: 3, className: "w-full resize-none rounded-md border border-gray-200 bg-white px-4 py-2 placeholder-gray-400 focus:border-transparent focus:ring-2 focus:ring-amber-500 focus:outline-none" })] })] }) }) }), jsx("div", { className: "overflow-y-auto border-t border-gray-200 bg-white p-6 md:w-1/2 md:border-t-0 md:border-l [&::-webkit-scrollbar]:hidden", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: jsxs("div", { className: "flex h-full flex-col space-y-0", children: [jsx("h2", { className: "mb-2 text-sm font-medium text-gray-700", children: "Add Content" }), jsxs("div", { className: "relative mb-4 flex items-center", children: [jsx(Search, { className: "absolute left-4 h-4 w-4 text-gray-400" }), jsx("input", { type: "text", placeholder: "Search content to add", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "mb-2 w-full rounded-md border border-gray-200 bg-gray-50 py-2 pr-4 pl-10 placeholder-gray-400 focus:border-transparent focus:ring-2 focus:ring-amber-500 focus:outline-none" })] }), jsxs("div", { className: "mt-3 mb-2 text-sm text-gray-600", children: [selectedCourses.length + selectedResources.length, " items selected"] }), jsxs("div", { className: "flex-1 space-y-3 overflow-y-auto [&::-webkit-scrollbar]:hidden", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: [(isCoursesLoading || isResourceSearchLoading) && (jsx(SkeletonMultiplier, { multiplier: 6, Skeleton: SkeletonCreatePathwaySearchList })), !isCoursesLoading &&
                                                 searchedCourses.map((courseResult) => {
                                                     var _a, _b, _c, _d, _e, _f, _g;
                                                     const courseId = (_b = (_a = courseResult === null || courseResult === void 0 ? void 0 : courseResult.data) === null || _a === void 0 ? void 0 : _a.course_id) !== null && _b !== void 0 ? _b : '';