jett.admin.npmpackage 2.0.35 → 2.0.37

package/dist/index.js

@@ -472,7 +472,6 @@ var CustomUpload = ({
 };
 
 // src/sideBar/SideBar.jsx
-var import_lucide_react8 = require("lucide-react");
 var import_react14 = __toESM(require("react"));
 
 // ConstantUI.js
@@ -634,6 +633,12 @@ var navItemsConstant = [
           window.location.href = "/market/";
         }
       },
+      {
+        label: "AuthMesh",
+        onClick: () => {
+          window.location.href = "/settings/authmesh";
+        }
+      },
       {
         label: "Audit",
         onClick: () => {
@@ -665,102 +670,6 @@ var additionalItemsConstant = [
   }
 ];
 
-// src/sideBar/SideBar.jsx
-var import_js_cookie = __toESM(require("js-cookie"));
-
-// src/inputs/CustomSelect.jsx
-var import_react11 = __toESM(require("react"));
-var import_lucide_react5 = require("lucide-react");
-var CustomSelect = ({
-  id = "custom-select",
-  label,
-  value,
-  onChange,
-  options,
-  placeholder = "Select...",
-  isRequired = false,
-  error,
-  heading,
-  disabled = false
-}) => {
-  const [open, setOpen] = (0, import_react11.useState)(false);
-  const [search, setSearch] = (0, import_react11.useState)("");
-  const wrapperRef = (0, import_react11.useRef)(null);
-  const handleBlur = (e) => {
-    var _a;
-    if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.relatedTarget))) {
-      setOpen(false);
-    }
-  };
-  const filteredOptions = options.filter(
-    (opt) => opt.label.toLowerCase().includes(search.toLowerCase())
-  );
-  const handleSelect = (val) => {
-    onChange(val);
-    setOpen(false);
-  };
-  const selectedOption = options.find((opt) => opt.value === value);
-  return /* @__PURE__ */ import_react11.default.createElement(
-    "div",
-    {
-      className: "flex flex-col w-full relative",
-      ref: wrapperRef,
-      tabIndex: disabled ? -1 : 0,
-      onBlur: handleBlur,
-      id: `${id}-div-1`
-    },
-    heading && /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-lg font-semibold mb-1", id: `${id}-h3-1` }, heading),
-    label && /* @__PURE__ */ import_react11.default.createElement(
-      "label",
-      {
-        className: `font-medium text-sm mb-1 ${heading ? "text-[#737373] dark:text-white" : "text-black dark:text-white"}`,
-        id: `${id}-label-1`
-      },
-      label,
-      " ",
-      isRequired && /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
-    ),
-    /* @__PURE__ */ import_react11.default.createElement(
-      "div",
-      {
-        onClick: () => !disabled && setOpen((prev) => !prev),
-        className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer dark:border-[#303036] dark:bg-[#18181b] dark:text-white
-          ${disabled ? "bg-gray-100 text-gray-400" : "bg-white dark:bg-[#18181b] dark:text-white"}
-          ${error ? "border-red-500" : "border-gray-300"}
-        `,
-        id: `${id}-div-2`
-      },
-      /* @__PURE__ */ import_react11.default.createElement("span", { className: `${selectedOption ? "text-black dark:text-white" : "text-gray-400 dark:text-white"}`, id: `${id}-span-2` }, selectedOption ? selectedOption.label : placeholder),
-      /* @__PURE__ */ import_react11.default.createElement(
-        import_lucide_react5.ChevronDown,
-        {
-          className: `w-4 h-4 text-gray-500 transition-transform dark:text-white ${open ? "rotate-180" : ""}`
-        }
-      )
-    ),
-    open && !disabled && /* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-[#18181b] dark:text-white", id: `${id}-div-3` }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200", id: `${id}-div-4` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ import_react11.default.createElement(
-      "input",
-      {
-        type: "text",
-        value: search,
-        onChange: (e) => setSearch(e.target.value),
-        placeholder: "Search...",
-        className: "flex-1 text-sm focus:outline-none",
-        id: `${id}-input-1`
-      }
-    )), /* @__PURE__ */ import_react11.default.createElement("ul", { id: `${id}-ul-1` }, filteredOptions.length > 0 ? filteredOptions.map((opt) => /* @__PURE__ */ import_react11.default.createElement(
-      "li",
-      {
-        key: opt.value,
-        onClick: () => handleSelect(opt.value),
-        className: `px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-[#27272a] ${value === opt.value ? "bg-gray-100 font-medium dark:bg-[#27272a] dark:text-white" : ""}`,
-        id: `${id}-li-1`
-      },
-      opt.label
-    )) : /* @__PURE__ */ import_react11.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400 dark:text-white", id: `${id}-li-2` }, "No results found")))
-  );
-};
-
 // src/utils/cookieHelpers.js
 var JETT_ID_COOKIE_NAME = "jett-id";
 function getCookie(name) {
@@ -901,14 +810,14 @@ var switchProfile = async (profile) => {
 };
 
 // src/sideBar/SwitchProfileSection.jsx
-var import_react13 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_react_dom2 = require("react-dom");
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 
 // src/sideBar/LogoutConfirmModal.jsx
-var import_react12 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 var LogoutConfirmModal = ({
   id = "logout-confirm",
   open,
@@ -921,14 +830,14 @@ var LogoutConfirmModal = ({
     if (e.target === e.currentTarget && !loading) onCancel();
   };
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ import_react12.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement(
       "div",
       {
         className: "fixed inset-0 z-[10000] flex items-center justify-center bg-black/50",
         onClick: handleOverlayClick,
         id: `${id}-overlay`
       },
-      /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-[360px] rounded-2xl bg-white dark:bg-[#18181b] p-6 text-center shadow-2xl", id: `${id}-dialog` }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-blue-50 dark:bg-blue-950/40", id: `${id}-icon` }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.LogOut, { className: "text-blue-600", width: 28, height: 28 })), /* @__PURE__ */ import_react12.default.createElement("p", { className: "!text-[22px] !font-semibold text-gray-900 dark:text-white" }, "Are you sure you want to logout?"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-6 flex gap-3" }, /* @__PURE__ */ import_react12.default.createElement(
+      /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[360px] rounded-2xl bg-white dark:bg-[#18181b] p-6 text-center shadow-2xl", id: `${id}-dialog` }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-blue-50 dark:bg-blue-950/40", id: `${id}-icon` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.LogOut, { className: "text-blue-600", width: 28, height: 28 })), /* @__PURE__ */ import_react11.default.createElement("p", { className: "!text-[22px] !font-semibold text-gray-900 dark:text-white" }, "Are you sure you want to logout?"), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-6 flex gap-3" }, /* @__PURE__ */ import_react11.default.createElement(
         "button",
         {
           type: "button",
@@ -938,7 +847,7 @@ var LogoutConfirmModal = ({
           id: `${id}-cancel-button`
         },
         "No, Keep me in"
-      ), /* @__PURE__ */ import_react12.default.createElement(
+      ), /* @__PURE__ */ import_react11.default.createElement(
         "button",
         {
           type: "button",
@@ -963,12 +872,14 @@ var SwitchProfileSection = ({
   onManageProfile,
   onProfileSwitch,
   onTmcSettings,
-  onLogout
+  onLogout,
+  collapsed = false,
+  scopeLabel = ""
 }) => {
-  const [position, setPosition] = (0, import_react13.useState)(null);
-  const [showLogoutConfirm, setShowLogoutConfirm] = (0, import_react13.useState)(false);
-  const [switchingProfileId, setSwitchingProfileId] = (0, import_react13.useState)(null);
-  const [switchError, setSwitchError] = (0, import_react13.useState)(null);
+  const [position, setPosition] = (0, import_react12.useState)(null);
+  const [showLogoutConfirm, setShowLogoutConfirm] = (0, import_react12.useState)(false);
+  const [switchingProfileId, setSwitchingProfileId] = (0, import_react12.useState)(null);
+  const [switchError, setSwitchError] = (0, import_react12.useState)(null);
   const jettIdData = getJettIdCookieData();
   const userName = (jettIdData == null ? void 0 : jettIdData.UserName) || "";
   const userEmail = (jettIdData == null ? void 0 : jettIdData.UserEmail) || "";
@@ -1001,14 +912,14 @@ var SwitchProfileSection = ({
       setSwitchingProfileId(null);
     }
   };
-  (0, import_react13.useLayoutEffect)(() => {
+  (0, import_react12.useLayoutEffect)(() => {
     if (!open || !(anchorRef == null ? void 0 : anchorRef.current)) return;
     const updatePosition = () => {
       const rect = anchorRef.current.getBoundingClientRect();
-      setPosition({
-        left: rect.right + 2,
-        bottom: window.innerHeight - rect.bottom
-      });
+      const width = Math.min(296, window.innerWidth - 16);
+      setPosition(
+        collapsed ? { left: rect.right + 8, bottom: Math.max(8, window.innerHeight - rect.bottom) } : { left: Math.max(8, Math.min(rect.left + 12, window.innerWidth - width - 8)), bottom: window.innerHeight - rect.top - 4 }
+      );
     };
     updatePosition();
     window.addEventListener("resize", updatePosition);
@@ -1017,11 +928,11 @@ var SwitchProfileSection = ({
       window.removeEventListener("resize", updatePosition);
       window.removeEventListener("scroll", updatePosition, true);
     };
-  }, [open, anchorRef]);
-  (0, import_react13.useEffect)(() => {
+  }, [open, anchorRef, collapsed]);
+  (0, import_react12.useEffect)(() => {
     if (!open) setSwitchError(null);
   }, [open]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!switchError) return;
     const timer = setTimeout(() => setSwitchError(null), 5e3);
     return () => clearTimeout(timer);
@@ -1031,66 +942,65 @@ var SwitchProfileSection = ({
     setShowLogoutConfirm(false);
     onLogout == null ? void 0 : onLogout();
   };
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, open && (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("div", { className: "fixed inset-0 z-[9999]", onClick: onClose, id: `${id}-backdrop` }), /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, open && (0, import_react_dom2.createPortal)(
+    /* @__PURE__ */ import_react12.default.createElement("div", { className: "font-jett", "data-jett-shell": true }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "fixed inset-0 z-[9999]", onClick: onClose, id: `${id}-backdrop`, "aria-hidden": "true" }), /* @__PURE__ */ import_react12.default.createElement(
       "div",
       {
-        className: "fixed w-[320px] max-h-[75vh] flex p-4 flex-col overflow-hidden bg-white dark:bg-[#18181b] rounded-xl shadow-xl border border-gray-200 dark:border-[#303036] z-[9999]",
+        role: "dialog",
+        "aria-label": "Account",
+        className: "fixed z-[9999] flex max-h-[75vh] w-[296px] max-w-[calc(100vw-16px)] flex-col overflow-hidden rounded-[10px] border border-jett-line bg-jett-surface text-jett-ink shadow-jett-pop",
         style: position ? { left: position.left, bottom: position.bottom } : { left: -9999, bottom: 0 },
         id: `${id}-panel`
       },
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between gap-3 pb-4", id: `${id}-header` }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center gap-3 min-w-0", id: `${id}-header-user` }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10", id: `${id}-avatar` }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "flex h-full w-full items-center justify-center !text-[16px] !font-normal border-2 border-gray-200 dark:border-[#303036] rounded-full bg-muted dark:text-white" }, userName ? userName.charAt(0) : "40 * 40")), /* @__PURE__ */ import_react13.default.createElement("div", { className: "min-w-0", id: `${id}-header-text` }, /* @__PURE__ */ import_react13.default.createElement("p", { className: "!font-semibold dark:text-white !text-[14px] truncate" }, userName || "Admin"), /* @__PURE__ */ import_react13.default.createElement("p", { className: "!text-[10px] !font-normal text-gray-500 dark:text-[#f4f4f5cc] truncate" }, userEmail))), /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-3 p-4", id: `${id}-header` }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-jett-ink-800 text-[15px] font-semibold text-white", id: `${id}-avatar` }, userName ? userName.split(/\s+/).filter(Boolean).slice(0, 2).map((p) => p[0]).join("").toUpperCase() : "A"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "min-w-0 flex-1", id: `${id}-header-text` }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "truncate text-[14px] font-medium text-jett-ink-800" }, userName || "Admin"), userEmail && /* @__PURE__ */ import_react12.default.createElement("div", { className: "truncate text-[13px] text-jett-ink-500" }, userEmail), scopeLabel && /* @__PURE__ */ import_react12.default.createElement("span", { className: "mt-1.5 inline-flex rounded-full border border-jett-line bg-jett-fill px-[7px] py-px text-[11px] font-semibold text-jett-ink-600" }, scopeLabel))),
+      /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex flex-col gap-0.5 px-2 pb-2" }, /* @__PURE__ */ import_react12.default.createElement(
         "button",
         {
           type: "button",
           onClick: onManageProfile,
-          className: "shrink-0 whitespace-nowrap rounded-md border border-gray-300 dark:border-[#303036] px-3 py-1.5 text-[10px] font-bold uppercase tracking-wide text-[#0A0A0A] dark:text-[#f4f4f5cc] cursor-pointer hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors duration-200",
+          className: "flex w-full cursor-pointer items-center gap-2.5 rounded-[6px] border-0 bg-transparent p-2 text-left text-[14px] text-jett-ink-700 hover:bg-jett-canvas hover:text-jett-ink",
           id: `${id}-manage-profile-button`
         },
-        "Manage Profile"
+        /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.UserRound, { width: 16, height: 16, strokeWidth: 1.8, className: "text-jett-ink-400", "aria-hidden": "true" }),
+        "Manage profile"
       )),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-body` }, /* @__PURE__ */ import_react13.default.createElement("p", { className: "pb-4 text-[10px] font-bold tracking-wider text-[#737373] uppercase", id: `${id}-markets-label` }, "Your Markets"), switchError && /* @__PURE__ */ import_react13.default.createElement(
-        "div",
-        {
-          className: "mb-3 rounded-lg border border-red-200 dark:border-red-900 bg-red-50 dark:bg-red-950/40 px-3 py-2 text-[12px] font-medium text-red-600",
-          id: `${id}-switch-error`
-        },
-        switchError
-      ), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col gap-2 pb-4", id: `${id}-markets-list` }, markets.length === 0 && /* @__PURE__ */ import_react13.default.createElement("p", { className: "px-2 py-2 text-[13px] text-gray-400", id: `${id}-markets-empty` }, "No markets available"), markets.map((profile) => {
+      /* @__PURE__ */ import_react12.default.createElement("div", { className: "min-h-0 overflow-y-auto border-t border-jett-line-row px-4 py-3 scrollbar-hide", id: `${id}-body` }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-[11px] font-semibold uppercase tracking-[0.06em] text-jett-ink-400", id: `${id}-markets-label` }, "Your markets"), switchError && /* @__PURE__ */ import_react12.default.createElement("div", { role: "alert", className: "mt-2 rounded-[6px] border border-[#fca5a5] bg-jett-danger-soft px-3 py-2 text-[12px] font-medium text-jett-danger", id: `${id}-switch-error` }, switchError), /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-2 flex flex-col gap-1", role: "list", id: `${id}-markets-list` }, markets.length === 0 && /* @__PURE__ */ import_react12.default.createElement("p", { className: "!m-0 py-1 text-[13px] text-jett-ink-500", id: `${id}-markets-empty` }, "No markets available"), markets.map((profile) => {
         const isCurrent = profile.ProfileId === currentProfileId;
         const isSwitching = switchingProfileId === profile.ProfileId;
-        return /* @__PURE__ */ import_react13.default.createElement(
-          "div",
+        return /* @__PURE__ */ import_react12.default.createElement(
+          "button",
           {
             key: profile.ProfileId,
+            type: "button",
+            role: "listitem",
             onClick: () => !isCurrent && handleProfileSwitch(profile),
-            "aria-disabled": isSwitching,
-            className: `flex items-center justify-between gap-2 rounded-lg p-3 cursor-pointer hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] transition-colors duration-200 ${isCurrent ? "border border-gray-800 dark:border-white bg-[#f4f4f5] text-[#0A0A0A]" : "border border-transparent"} ${isSwitching ? "opacity-50 pointer-events-none" : ""}`,
+            disabled: isSwitching || !!switchingProfileId,
+            "aria-current": isCurrent || void 0,
+            className: `flex w-full items-center justify-between gap-2 rounded-[6px] border px-2.5 py-2 text-left transition-colors ${isCurrent ? "cursor-default border-jett-line bg-jett-fill" : "cursor-pointer border-transparent bg-transparent hover:bg-jett-canvas"} ${isSwitching ? "opacity-60" : ""}`,
             id: `${id}-market-${profile.ProfileId}`
           },
-          /* @__PURE__ */ import_react13.default.createElement("span", { className: "!font-bold !text-[14px] text-gray-900 dark:text-[#f4f4f5cc] truncate" }, profile.EntityName),
-          isCurrent && /* @__PURE__ */ import_react13.default.createElement("span", { className: "shrink-0 rounded-full bg-blue-600 px-2.5 py-0.5 border-2 border-white text-[9px] font-bold uppercase tracking-wide text-white" }, "Logged In"),
-          isSwitching && /* @__PURE__ */ import_react13.default.createElement("span", { className: "shrink-0 text-[11px] text-gray-400" }, "Switching...")
+          /* @__PURE__ */ import_react12.default.createElement("span", { className: `truncate text-[13px] text-jett-ink ${isCurrent ? "font-semibold" : "font-medium"}` }, profile.EntityName),
+          isCurrent && /* @__PURE__ */ import_react12.default.createElement("span", { className: "shrink-0 rounded-full bg-jett-brand-soft px-2 py-px text-[11px] font-semibold text-jett-brand-hover" }, "Signed in"),
+          isSwitching && /* @__PURE__ */ import_react12.default.createElement("span", { className: "shrink-0 text-[11px] text-jett-ink-400" }, "Switching\u2026")
         );
       }))),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "", id: `${id}-footer` }, /* @__PURE__ */ import_react13.default.createElement(
-        "div",
+      /* @__PURE__ */ import_react12.default.createElement("div", { className: "border-t border-jett-line-row p-2", id: `${id}-footer` }, /* @__PURE__ */ import_react12.default.createElement(
+        "button",
         {
+          type: "button",
           onClick: () => {
             onClose == null ? void 0 : onClose();
             setShowLogoutConfirm(true);
           },
-          className: "flex items-center gap-3 p-3 rounded-lg cursor-pointer text-red-600 hover:bg-red-50 dark:hover:bg-[#27272a] transition-colors duration-200",
+          className: "flex w-full cursor-pointer items-center gap-2.5 rounded-[6px] border-0 bg-transparent p-2 text-left text-[14px] font-semibold text-jett-danger hover:bg-jett-danger-soft",
           id: `${id}-logout`
         },
-        /* @__PURE__ */ import_react13.default.createElement(import_lucide_react7.LogOut, { width: 18, height: 18 }),
-        /* @__PURE__ */ import_react13.default.createElement("span", { className: "!font-bold !text-[14px]" }, "Logout")
+        /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.LogOut, { width: 16, height: 16, strokeWidth: 1.8, "aria-hidden": "true" }),
+        "Log out"
       ))
     )),
     document.body
-  ), /* @__PURE__ */ import_react13.default.createElement(
+  ), /* @__PURE__ */ import_react12.default.createElement(
     LogoutConfirmModal,
     {
       id: `${id}-logout-confirm`,
@@ -1101,11 +1011,339 @@ var SwitchProfileSection = ({
   ));
 };
 
+// src/sideBar/CommandPalette.jsx
+var import_react13 = __toESM(require("react"));
+var import_react_dom3 = require("react-dom");
+var Kbd = ({ children, raised }) => /* @__PURE__ */ import_react13.default.createElement(
+  "span",
+  {
+    className: `inline-block min-w-[20px] rounded-[4px] border border-jett-line-soft bg-jett-surface px-[5px] text-center text-[11px] leading-[18px] font-medium text-jett-ink-500 ${raised ? "border-b-2 !text-[12px] text-jett-ink-700" : ""}`
+  },
+  children
+);
+var CommandPalette = ({ id = "command-palette", open, onClose, commands }) => {
+  const [q, setQ] = (0, import_react13.useState)("");
+  const [idx, setIdx] = (0, import_react13.useState)(0);
+  const inputRef = (0, import_react13.useRef)(null);
+  const listRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
+    if (!open) return;
+    setQ("");
+    setIdx(0);
+    const opener = document.activeElement;
+    const t = setTimeout(() => {
+      var _a;
+      return (_a = inputRef.current) == null ? void 0 : _a.focus();
+    }, 0);
+    return () => {
+      clearTimeout(t);
+      if (opener && opener.focus && document.contains(opener)) opener.focus({ preventScroll: true });
+    };
+  }, [open]);
+  const list = (0, import_react13.useMemo)(() => {
+    const s = q.trim().toLowerCase();
+    return s ? commands.filter((c) => (c.label + " " + (c.sub || "")).toLowerCase().includes(s)) : commands;
+  }, [q, commands]);
+  const cur = Math.min(idx, Math.max(0, list.length - 1));
+  (0, import_react13.useEffect)(() => {
+    var _a, _b;
+    (_b = (_a = listRef.current) == null ? void 0 : _a.querySelector(`[data-idx="${cur}"]`)) == null ? void 0 : _b.scrollIntoView({ block: "nearest" });
+  }, [cur]);
+  if (!open || typeof document === "undefined") return null;
+  const run = (c) => {
+    var _a;
+    onClose();
+    (_a = c == null ? void 0 : c.run) == null ? void 0 : _a.call(c);
+  };
+  const onKey = (e) => {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setIdx((cur + 1) % Math.max(1, list.length));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setIdx((cur - 1 + list.length) % Math.max(1, list.length));
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      run(list[cur]);
+    } else if (e.key === "Tab") {
+      e.preventDefault();
+    }
+  };
+  return (0, import_react_dom3.createPortal)(
+    /* @__PURE__ */ import_react13.default.createElement("div", { className: "font-jett", id }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "fixed inset-0 z-[95] bg-[rgba(17,24,39,0.4)]", onClick: onClose, "aria-hidden": "true" }), /* @__PURE__ */ import_react13.default.createElement(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Command palette",
+        className: "fixed left-1/2 top-[12vh] z-[96] flex w-[calc(100%-32px)] max-w-[560px] -translate-x-1/2 flex-col overflow-hidden rounded-[12px] border border-jett-line bg-jett-surface shadow-jett-pop"
+      },
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex h-[52px] items-center gap-2.5 border-b border-jett-line-row px-4" }, /* @__PURE__ */ import_react13.default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react13.default.createElement("circle", { cx: "11", cy: "11", r: "7" }), /* @__PURE__ */ import_react13.default.createElement("path", { d: "m20 20-3.5-3.5" })), /* @__PURE__ */ import_react13.default.createElement(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          role: "combobox",
+          "aria-expanded": "true",
+          "aria-controls": `${id}-list`,
+          "aria-activedescendant": list[cur] ? `${id}-opt-${cur}` : void 0,
+          value: q,
+          onChange: (e) => {
+            setQ(e.target.value);
+            setIdx(0);
+          },
+          onKeyDown: onKey,
+          placeholder: "Search screens and actions",
+          className: "h-full flex-1 border-0 bg-transparent p-0 text-[15px] text-jett-ink outline-none placeholder:text-jett-ink-400"
+        }
+      ), /* @__PURE__ */ import_react13.default.createElement(Kbd, null, "Esc")),
+      /* @__PURE__ */ import_react13.default.createElement("div", { ref: listRef, id: `${id}-list`, role: "listbox", className: "flex max-h-[360px] flex-col gap-0.5 overflow-y-auto p-1.5" }, list.map((c, i) => /* @__PURE__ */ import_react13.default.createElement(
+        "button",
+        {
+          key: c.label + (c.sub || ""),
+          id: `${id}-opt-${i}`,
+          "data-idx": i,
+          role: "option",
+          "aria-selected": i === cur,
+          type: "button",
+          tabIndex: -1,
+          onClick: () => run(c),
+          onMouseEnter: () => setIdx(i),
+          className: `flex cursor-pointer items-center gap-3 rounded-[6px] border-0 px-2.5 py-[9px] text-left ${i === cur ? "bg-jett-fill" : "bg-transparent"}`
+        },
+        /* @__PURE__ */ import_react13.default.createElement("span", { className: "min-w-0 flex-1 truncate text-[14px] font-medium text-jett-ink" }, c.label),
+        /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-[12px] text-jett-ink-500" }, c.sub),
+        /* @__PURE__ */ import_react13.default.createElement("span", { className: "flex min-w-[44px] justify-end gap-[3px]" }, (c.keys || []).map((k) => /* @__PURE__ */ import_react13.default.createElement(Kbd, { key: k }, k)))
+      )), !list.length && /* @__PURE__ */ import_react13.default.createElement("div", { className: "px-2.5 py-6 text-center text-[14px] text-jett-ink-500" }, "No matches")),
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex gap-4 border-t border-jett-line-row px-4 py-2.5 text-[12px] text-jett-ink-500" }, /* @__PURE__ */ import_react13.default.createElement("span", null, "\u2191 \u2193 to move"), /* @__PURE__ */ import_react13.default.createElement("span", null, "\u21B5 to open"), /* @__PURE__ */ import_react13.default.createElement("span", null, "? for all shortcuts"))
+    )),
+    document.body
+  );
+};
+var ShortcutsSheet = ({ id = "shortcuts-sheet", open, onClose, sections }) => {
+  const closeRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
+    if (!open) return;
+    const opener = document.activeElement;
+    const t = setTimeout(() => {
+      var _a;
+      return (_a = closeRef.current) == null ? void 0 : _a.focus();
+    }, 0);
+    return () => {
+      clearTimeout(t);
+      if (opener && opener.focus && document.contains(opener)) opener.focus({ preventScroll: true });
+    };
+  }, [open]);
+  if (!open || typeof document === "undefined") return null;
+  return (0, import_react_dom3.createPortal)(
+    /* @__PURE__ */ import_react13.default.createElement("div", { className: "font-jett", id }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "fixed inset-0 z-[95] bg-[rgba(17,24,39,0.4)]", onClick: onClose, "aria-hidden": "true" }), /* @__PURE__ */ import_react13.default.createElement(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Keyboard shortcuts",
+        className: "fixed left-1/2 top-1/2 z-[96] max-h-[calc(100vh-64px)] w-[calc(100%-32px)] max-w-[640px] -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-[12px] border border-jett-line bg-jett-surface shadow-jett-pop"
+      },
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between border-b border-jett-line-row px-5 py-4" }, /* @__PURE__ */ import_react13.default.createElement("h2", { className: "!m-0 !text-[16px] !font-semibold text-jett-ink" }, "Keyboard shortcuts"), /* @__PURE__ */ import_react13.default.createElement(
+        "button",
+        {
+          ref: closeRef,
+          type: "button",
+          onClick: onClose,
+          title: "Close",
+          "aria-label": "Close",
+          className: "flex h-8 w-8 cursor-pointer items-center justify-center rounded-[6px] border-0 bg-transparent text-jett-ink-500 hover:bg-jett-fill"
+        },
+        /* @__PURE__ */ import_react13.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M18 6 6 18M6 6l12 12" }))
+      )),
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(260px,1fr))] gap-x-8 gap-y-2 px-5 pb-5 pt-2" }, sections.map((sec) => /* @__PURE__ */ import_react13.default.createElement("div", { key: sec.title, className: "flex flex-col" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "pb-1.5 pt-3 text-[11px] font-semibold uppercase tracking-[0.06em] text-jett-ink-400" }, sec.title), sec.rows.map((r) => /* @__PURE__ */ import_react13.default.createElement("div", { key: r.label, className: "flex items-center justify-between gap-3 border-b border-jett-line-row py-[7px]" }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-[14px] text-jett-ink-700" }, r.label), /* @__PURE__ */ import_react13.default.createElement("span", { className: "flex items-center gap-1" }, r.keys.map((k) => /* @__PURE__ */ import_react13.default.createElement(Kbd, { key: k, raised: true }, k))))))))
+    )),
+    document.body
+  );
+};
+
+// src/sideBar/navMatch.js
+var extractUrlFromOnClick = (onClick) => {
+  if (!onClick || typeof onClick !== "function") return null;
+  const funcString = onClick.toString();
+  let match = funcString.match(/window\.location\.href\s*=\s*`([^`]+)`/);
+  if (!match) {
+    match = funcString.match(/window\.location\.href\s*=\s*["']([^"']+)["']/);
+  }
+  if (match && match[1]) {
+    try {
+      if (match[1].startsWith("http://") || match[1].startsWith("https://")) {
+        const url = new URL(match[1]);
+        return {
+          pathname: url.pathname,
+          search: url.search,
+          fullPath: url.pathname + url.search
+        };
+      }
+      if (match[1].startsWith("/")) {
+        const url = new URL(match[1], window.location.origin);
+        return {
+          pathname: url.pathname,
+          search: url.search,
+          fullPath: url.pathname + url.search
+        };
+      }
+      return null;
+    } catch {
+      const pathMatch = match[1].match(/^([^?]+)(\?.*)?$/);
+      if (pathMatch) {
+        return {
+          pathname: pathMatch[1],
+          search: pathMatch[2] || "",
+          fullPath: match[1]
+        };
+      }
+      return null;
+    }
+  }
+  return null;
+};
+var currentUrlMatches = (menuUrlData, currentPath, currentSearch) => {
+  if (!menuUrlData || !currentPath) return false;
+  const normalizedMenuPath = menuUrlData.pathname.replace(/\/$/, "") || "/";
+  const normalizedCurrentPath = currentPath.replace(/\/$/, "") || "/";
+  if (normalizedMenuPath === "/users/users" && normalizedCurrentPath === "/users/users") {
+    const menuParams = new URLSearchParams(menuUrlData.search);
+    const currentParams = new URLSearchParams(currentSearch);
+    const menuRole = menuParams.get("role");
+    const currentRole = currentParams.get("role");
+    if (menuRole && currentRole) {
+      return menuRole === currentRole;
+    }
+    if (menuRole && !currentRole || !menuRole && currentRole) {
+      return false;
+    }
+    return true;
+  }
+  if (normalizedMenuPath === "/corporate" && normalizedCurrentPath.startsWith("/org/organizations")) {
+    return true;
+  }
+  if (normalizedMenuPath === "/supplier" && normalizedCurrentPath === "/orgselector") {
+    const currentPathParam = new URLSearchParams(currentSearch).get("path");
+    if (currentPathParam === "supplier-list") {
+      return true;
+    }
+  }
+  if (normalizedMenuPath === "/supplierdeals" && normalizedCurrentPath === "/orgselector") {
+    const currentPathParam = new URLSearchParams(currentSearch).get("path");
+    if (currentPathParam === "supplier-deals") {
+      return true;
+    }
+  }
+  if (normalizedMenuPath === "/corporate/trips") {
+    if (normalizedCurrentPath.startsWith("/tripdetails") || normalizedCurrentPath.startsWith("/offline")) {
+      return true;
+    }
+  }
+  if (normalizedMenuPath === "/orgselector" && menuUrlData.search) {
+    const menuPathParam = new URLSearchParams(menuUrlData.search).get("path");
+    if (menuPathParam) {
+      const pathRouteMap = {
+        "offer": "/offer/offer",
+        "voucher": "/voucher/voucher",
+        "tag": "/tags/tags",
+        "special-requests": "/corporate/special-requests",
+        "pricing-policy": "/policies/pricing-policy",
+        "supplier-list": "/supplier",
+        "users": "/users/users"
+        // Consumer Ecosystem Users (no role param)
+      };
+      const expectedRoute = pathRouteMap[menuPathParam];
+      if (expectedRoute) {
+        if (normalizedCurrentPath === expectedRoute || normalizedCurrentPath.startsWith(expectedRoute + "/")) {
+          if (menuPathParam === "users") {
+            const currentParams = new URLSearchParams(currentSearch);
+            const currentRole = currentParams.get("role");
+            return currentRole !== "admin";
+          }
+          return true;
+        }
+      }
+    }
+    if (normalizedCurrentPath === "/orgselector") {
+      const menuPathParam2 = new URLSearchParams(menuUrlData.search).get("path");
+      const currentPathParam = new URLSearchParams(currentSearch).get("path");
+      if (menuPathParam2 && currentPathParam) {
+        return menuPathParam2 === currentPathParam;
+      }
+    }
+  }
+  if (normalizedMenuPath === normalizedCurrentPath) {
+    if (menuUrlData.search) {
+      const menuParams = new URLSearchParams(menuUrlData.search);
+      const currentParams = new URLSearchParams(currentSearch);
+      for (const [key, value] of menuParams.entries()) {
+        if (key === "auth") {
+          continue;
+        }
+        if (currentParams.get(key) !== value) {
+          return false;
+        }
+      }
+      return true;
+    }
+    return true;
+  }
+  if (normalizedCurrentPath.startsWith(normalizedMenuPath + "/")) {
+    return true;
+  }
+  return false;
+};
+
 // src/sideBar/SideBar.jsx
 var SCOPE_LABELS = {
   TMC: "TMC Manager",
   TMC_ENTITY: "TMC Entity Manager"
 };
+var LS_COLLAPSED = "jett.sidebar.collapsed";
+var PHONE_MAX = 768;
+var AUTO_EXPAND = 1280;
+var GOTO = [
+  ["h", "Home"],
+  ["c", "Corporate"],
+  ["t", "Trips"],
+  ["r", "Special Request"],
+  ["b", "Booking & Invoices"],
+  ["e", "Pricing Engine"],
+  ["l", "Credit Management"],
+  ["s", "Suppliers List"],
+  ["d", "Supplier Deals"],
+  ["w", "Whitelabel"],
+  ["m", "Markets"],
+  ["p", "Users", "Settings"],
+  ["i", "AuthMesh"],
+  ["a", "Audit"]
+];
+var norm = (s) => String(s || "").trim().toLowerCase();
+var SOON_RX = /\s*\((coming )?soon\)\s*$/i;
+var cleanLabel = (s) => String(s || "").replace(SOON_RX, "");
+var isSoon = (o) => !!o.isDisabled || SOON_RX.test(o.label || "");
+var MAC = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent || "");
+var MOD = MAC ? "\u2318" : "Ctrl";
+var readPref = () => {
+  try {
+    const v = localStorage.getItem(LS_COLLAPSED);
+    return v === null ? null : v === "1";
+  } catch {
+    return null;
+  }
+};
+var initials = (name) => String(name || "A").split(/\s+/).filter(Boolean).slice(0, 2).map((p) => p[0]).join("").toUpperCase() || "A";
+var Chevron = ({ open }) => /* @__PURE__ */ import_react14.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0 transition-transform duration-150", style: { transform: open ? "rotate(90deg)" : "none" }, "aria-hidden": "true" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "m9 18 6-6-6-6" }));
+var LogoTile = ({ size = 28 }) => /* @__PURE__ */ import_react14.default.createElement(
+  "div",
+  {
+    className: "flex shrink-0 items-center justify-center rounded-[6px] bg-jett-brand font-bold text-white",
+    style: { width: size, height: size, fontSize: size >= 28 ? 13 : 12 },
+    "aria-hidden": "true"
+  },
+  "J"
+);
 var AppSideBar = ({
   id = "side-bar",
   username,
@@ -1122,100 +1360,80 @@ var AppSideBar = ({
   const [authData, setAuthData] = (0, import_react14.useState)(null);
   const [cookieUserName, setCookieUserName] = (0, import_react14.useState)(null);
   const [scope, setScope] = (0, import_react14.useState)(null);
-  const [selectedCountry, setSelectedCountry] = (0, import_react14.useState)("dubai");
   const [isMobileMenuOpen, setIsMobileMenuOpen] = (0, import_react14.useState)(false);
   const [isSwitchProfileOpen, setIsSwitchProfileOpen] = (0, import_react14.useState)(false);
   const [openMenus, setOpenMenus] = (0, import_react14.useState)(/* @__PURE__ */ new Set());
   const [activeMenuPath, setActiveMenuPath] = (0, import_react14.useState)(null);
-  const [currAppearance, setCurrAppearance] = (0, import_react14.useState)("light");
-  (0, import_react14.useEffect)(() => {
-    setCurrAppearance("light");
-  }, []);
-  const countryOptions = [
-    { label: "India", value: "india" },
-    { label: "Dubai", value: "dubai" },
-    { label: "Singapore", value: "singapore" },
-    { label: "Qatar", value: "qatar" }
-  ];
+  const [width, setWidth] = (0, import_react14.useState)(() => typeof window === "undefined" ? 1440 : window.innerWidth);
+  const [pref, setPref] = (0, import_react14.useState)(readPref);
+  const [fly, setFly] = (0, import_react14.useState)(null);
+  const [palOpen, setPalOpen] = (0, import_react14.useState)(false);
+  const [helpOpen, setHelpOpen] = (0, import_react14.useState)(false);
+  const [ready, setReady] = (0, import_react14.useState)(false);
+  const gPending = (0, import_react14.useRef)(false);
+  const gTimer = (0, import_react14.useRef)(null);
+  const phone = width < PHONE_MAX;
+  const collapsed = !phone && (pref === null ? width < AUTO_EXPAND : pref);
   const toggleMenu = (menuKey) => {
     setOpenMenus((prev) => {
-      const newSet = new Set(prev);
-      if (newSet.has(menuKey)) {
-        newSet.delete(menuKey);
-      } else {
-        newSet.add(menuKey);
-      }
-      return newSet;
+      const next = new Set(prev);
+      if (next.has(menuKey)) next.delete(menuKey);
+      else next.add(menuKey);
+      return next;
     });
   };
-  const isMenuOpen = (menuKey) => {
-    return openMenus.has(menuKey);
-  };
+  const isMenuOpen = (menuKey) => openMenus.has(menuKey);
+  const closeMobileMenu = () => setIsMobileMenuOpen(false);
   const handleMenuClick = (item, index, e) => {
-    if (item.isDropDown) {
+    if (item.isDropDown || item.options && item.options.length) {
       e.preventDefault();
-      const menuKey = `menu-${index}`;
-      toggleMenu(menuKey);
-      setActiveMenuPath(`menu-${index}`);
+      toggleMenu(`menu-${index}`);
     } else {
       setActiveMenuPath(`menu-${index}`);
-      if (item.onClick) {
-        item.onClick(e);
-      }
+      if (item.onClick) item.onClick(e);
       closeMobileMenu();
     }
   };
-  const handleSubMenuClick = (option, optionsIndex, parentIndex, e) => {
-    const parentMenuKey = `menu-${parentIndex}`;
-    setOpenMenus((prev) => {
-      const newSet = new Set(prev);
-      newSet.add(parentMenuKey);
-      return newSet;
-    });
+  const handleSubMenuClick = (option, optionsIndex, parentIndex2, e) => {
+    const parentMenuKey = `menu-${parentIndex2}`;
+    setOpenMenus((prev) => new Set(prev).add(parentMenuKey));
     if (option.isDropDown) {
       e.preventDefault();
-      const menuKey = `menu-${parentIndex}-option-${optionsIndex}`;
-      toggleMenu(menuKey);
-      setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}`);
-    } else {
-      setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}`);
-      if (option.onClick) {
-        option.onClick();
-      }
-      closeMobileMenu();
+      toggleMenu(`menu-${parentIndex2}-option-${optionsIndex}`);
+      return;
     }
+    setActiveMenuPath(`menu-${parentIndex2}-option-${optionsIndex}`);
+    setFly(null);
+    if (option.onClick) option.onClick();
+    closeMobileMenu();
   };
-  const handleSubSubMenuClick = (subOption, parentIndex, optionsIndex, e) => {
-    const parentMenuKey = `menu-${parentIndex}`;
-    const subMenuKey = `menu-${parentIndex}-option-${optionsIndex}`;
+  const handleSubSubMenuClick = (subOption, parentIndex2, optionsIndex) => {
     setOpenMenus((prev) => {
-      const newSet = new Set(prev);
-      newSet.add(parentMenuKey);
-      newSet.add(subMenuKey);
-      return newSet;
+      const next = new Set(prev);
+      next.add(`menu-${parentIndex2}`);
+      next.add(`menu-${parentIndex2}-option-${optionsIndex}`);
+      return next;
     });
-    setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}-sub-${subOption.label}`);
-    if (subOption.onClick) {
-      subOption.onClick();
-    }
+    setActiveMenuPath(`menu-${parentIndex2}-option-${optionsIndex}-sub-${subOption.label}`);
+    setFly(null);
+    if (subOption.onClick) subOption.onClick();
     closeMobileMenu();
   };
   (0, import_react14.useEffect)(() => {
     const storedAuthData = localStorage.getItem("authData");
     if (storedAuthData) {
-      let parseData = JSON.parse(storedAuthData);
-      setAuthData(parseData);
+      try {
+        setAuthData(JSON.parse(storedAuthData));
+      } catch {
+        setAuthData(null);
+      }
     }
-  }, [localStorage.getItem("authData")]);
+  }, []);
   (0, import_react14.useEffect)(() => {
     const jettIdData = getJettIdCookieData();
-    if (jettIdData == null ? void 0 : jettIdData.UserName) {
-      setCookieUserName(jettIdData.UserName);
-    }
+    if (jettIdData == null ? void 0 : jettIdData.UserName) setCookieUserName(jettIdData.UserName);
     const cookieScope = getScopeFromJettIdCookie();
-    if (cookieScope) {
-      setScope(cookieScope);
-    }
+    if (cookieScope) setScope(cookieScope);
   }, []);
   (0, import_react14.useEffect)(() => {
     if (hasSwitchedProfileThisSession()) return;
@@ -1233,145 +1451,11 @@ var AppSideBar = ({
       console.error("Auto TMC profile switch failed:", error);
     });
   }, []);
-  const extractUrlFromOnClick = (onClick) => {
-    if (!onClick || typeof onClick !== "function") return null;
-    const funcString = onClick.toString();
-    let match = funcString.match(/window\.location\.href\s*=\s*`([^`]+)`/);
-    if (!match) {
-      match = funcString.match(/window\.location\.href\s*=\s*["']([^"']+)["']/);
-    }
-    if (match && match[1]) {
-      try {
-        if (match[1].startsWith("http://") || match[1].startsWith("https://")) {
-          const url = new URL(match[1]);
-          return {
-            pathname: url.pathname,
-            search: url.search,
-            fullPath: url.pathname + url.search
-          };
-        }
-        if (match[1].startsWith("/")) {
-          const url = new URL(match[1], window.location.origin);
-          return {
-            pathname: url.pathname,
-            search: url.search,
-            fullPath: url.pathname + url.search
-          };
-        }
-        return null;
-      } catch {
-        const pathMatch = match[1].match(/^([^?]+)(\?.*)?$/);
-        if (pathMatch) {
-          return {
-            pathname: pathMatch[1],
-            search: pathMatch[2] || "",
-            fullPath: match[1]
-          };
-        }
-        return null;
-      }
-    }
-    return null;
-  };
-  const currentUrlMatches = (menuUrlData, currentPath, currentSearch) => {
-    if (!menuUrlData || !currentPath) return false;
-    const normalizedMenuPath = menuUrlData.pathname.replace(/\/$/, "") || "/";
-    const normalizedCurrentPath = currentPath.replace(/\/$/, "") || "/";
-    if (normalizedMenuPath === "/users/users" && normalizedCurrentPath === "/users/users") {
-      const menuParams = new URLSearchParams(menuUrlData.search);
-      const currentParams = new URLSearchParams(currentSearch);
-      const menuRole = menuParams.get("role");
-      const currentRole = currentParams.get("role");
-      if (menuRole && currentRole) {
-        return menuRole === currentRole;
-      }
-      if (menuRole && !currentRole || !menuRole && currentRole) {
-        return false;
-      }
-      return true;
-    }
-    if (normalizedMenuPath === "/corporate" && normalizedCurrentPath.startsWith("/org/organizations")) {
-      return true;
-    }
-    if (normalizedMenuPath === "/supplier" && normalizedCurrentPath === "/orgselector") {
-      const currentPathParam = new URLSearchParams(currentSearch).get("path");
-      if (currentPathParam === "supplier-list") {
-        return true;
-      }
-    }
-    if (normalizedMenuPath === "/supplierdeals" && normalizedCurrentPath === "/orgselector") {
-      const currentPathParam = new URLSearchParams(currentSearch).get("path");
-      if (currentPathParam === "supplier-deals") {
-        return true;
-      }
-    }
-    if (normalizedMenuPath === "/corporate/trips") {
-      if (normalizedCurrentPath.startsWith("/tripdetails") || normalizedCurrentPath.startsWith("/offline")) {
-        return true;
-      }
-    }
-    if (normalizedMenuPath === "/orgselector" && menuUrlData.search) {
-      const menuPathParam = new URLSearchParams(menuUrlData.search).get("path");
-      if (menuPathParam) {
-        const pathRouteMap = {
-          "offer": "/offer/offer",
-          "voucher": "/voucher/voucher",
-          "tag": "/tags/tags",
-          "special-requests": "/corporate/special-requests",
-          "pricing-policy": "/policies/pricing-policy",
-          "supplier-list": "/supplier",
-          "users": "/users/users"
-          // Consumer Ecosystem Users (no role param)
-        };
-        const expectedRoute = pathRouteMap[menuPathParam];
-        if (expectedRoute) {
-          if (normalizedCurrentPath === expectedRoute || normalizedCurrentPath.startsWith(expectedRoute + "/")) {
-            if (menuPathParam === "users") {
-              const currentParams = new URLSearchParams(currentSearch);
-              const currentRole = currentParams.get("role");
-              return currentRole !== "admin";
-            }
-            return true;
-          }
-        }
-      }
-      if (normalizedCurrentPath === "/orgselector") {
-        const menuPathParam2 = new URLSearchParams(menuUrlData.search).get("path");
-        const currentPathParam = new URLSearchParams(currentSearch).get("path");
-        if (menuPathParam2 && currentPathParam) {
-          return menuPathParam2 === currentPathParam;
-        }
-      }
-    }
-    if (normalizedMenuPath === normalizedCurrentPath) {
-      if (menuUrlData.search) {
-        const menuParams = new URLSearchParams(menuUrlData.search);
-        const currentParams = new URLSearchParams(currentSearch);
-        for (const [key, value] of menuParams.entries()) {
-          if (key === "auth") {
-            continue;
-          }
-          if (currentParams.get(key) !== value) {
-            return false;
-          }
-        }
-        return true;
-      }
-      return true;
-    }
-    if (normalizedCurrentPath.startsWith(normalizedMenuPath + "/")) {
-      return true;
-    }
-    return false;
-  };
   const navItemsLocal = navItems ?? navItemsConstant;
-  const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
+  void (additionalItems ?? additionalItemsConstant);
   const logoFromCookie = getLogoFromJettIdCookie();
   const logoUrlFromCookie = logoFromCookie ? buildLogoUrl(logoFromCookie.CDNBasePath, logoFromCookie.logoPath) : null;
-  const logoUrlFromUserInfo = ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.CDNBasePath) && ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.OrgLogo) ? buildLogoUrl(
-    authData.userInfo.CDNBasePath,
-    authData.userInfo.OrgLogo
-  ) : null;
+  const logoUrlFromUserInfo = ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.CDNBasePath) && ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.OrgLogo) ? buildLogoUrl(authData.userInfo.CDNBasePath, authData.userInfo.OrgLogo) : null;
   const sideBarLogoLocal = sideBarLogo ?? logoUrlFromCookie ?? logoUrlFromUserInfo ?? null;
   const detectAndSetActiveMenu = (0, import_react14.useCallback)(() => {
     const currentPath = window.location.pathname;
@@ -1390,15 +1474,13 @@ var AppSideBar = ({
           if (option.onClick && typeof option.onClick === "function") {
             const optionUrlData = extractUrlFromOnClick(option.onClick);
             if (optionUrlData && currentUrlMatches(optionUrlData, currentPath, currentSearch)) {
-              const menuKey = `menu-${index}`;
-              newOpenMenus.add(menuKey);
+              newOpenMenus.add(`menu-${index}`);
               foundActivePath = `menu-${index}-option-${optionsIndex}`;
               if (option.options && option.options.length > 0) {
-                option.options.forEach((subOption, subIndex) => {
+                option.options.forEach((subOption) => {
                   const subOptionUrlData = extractUrlFromOnClick(subOption.onClick);
                   if (subOptionUrlData && currentUrlMatches(subOptionUrlData, currentPath, currentSearch)) {
-                    const subMenuKey = `menu-${index}-option-${optionsIndex}`;
-                    newOpenMenus.add(subMenuKey);
+                    newOpenMenus.add(`menu-${index}-option-${optionsIndex}`);
                     foundActivePath = `menu-${index}-option-${optionsIndex}-sub-${subOption.label}`;
                   }
                 });
@@ -1413,185 +1495,379 @@ var AppSideBar = ({
       setActiveMenuPath(foundActivePath);
     }
   }, [navItemsLocal]);
-  const [currentUrl, setCurrentUrl] = (0, import_react14.useState)(
-    () => window.location.pathname + window.location.search
-  );
   (0, import_react14.useEffect)(() => {
     detectAndSetActiveMenu();
-    setCurrentUrl(window.location.pathname + window.location.search);
-  }, [detectAndSetActiveMenu]);
-  (0, import_react14.useEffect)(() => {
     let lastUrl = window.location.pathname + window.location.search;
-    const handleLocationChange = () => {
+    const check = () => {
       const newUrl = window.location.pathname + window.location.search;
       if (newUrl !== lastUrl) {
         lastUrl = newUrl;
-        setCurrentUrl(newUrl);
         detectAndSetActiveMenu();
       }
     };
-    window.addEventListener("popstate", handleLocationChange);
-    const checkInterval = setInterval(() => {
-      const newUrl = window.location.pathname + window.location.search;
-      if (newUrl !== lastUrl) {
-        handleLocationChange();
-      }
-    }, 250);
+    window.addEventListener("popstate", check);
+    const interval = setInterval(check, 250);
     return () => {
-      window.removeEventListener("popstate", handleLocationChange);
-      clearInterval(checkInterval);
+      window.removeEventListener("popstate", check);
+      clearInterval(interval);
     };
   }, [detectAndSetActiveMenu]);
   (0, import_react14.useEffect)(() => {
-    detectAndSetActiveMenu();
-  }, [currentUrl, detectAndSetActiveMenu]);
-  const toggleMobileMenu = () => {
-    setIsMobileMenuOpen(!isMobileMenuOpen);
-  };
-  const closeMobileMenu = () => {
-    setIsMobileMenuOpen(false);
+    const onResize = () => {
+      setWidth(window.innerWidth);
+      setFly(null);
+    };
+    window.addEventListener("resize", onResize);
+    const r = requestAnimationFrame(() => requestAnimationFrame(() => setReady(true)));
+    return () => {
+      window.removeEventListener("resize", onResize);
+      cancelAnimationFrame(r);
+    };
+  }, []);
+  (0, import_react14.useEffect)(() => {
+    if (!phone) setIsMobileMenuOpen(false);
+  }, [phone]);
+  const toggleCollapsed = (0, import_react14.useCallback)(() => {
+    if (phone) return;
+    const next = !collapsed;
+    try {
+      localStorage.setItem(LS_COLLAPSED, next ? "1" : "0");
+    } catch {
+    }
+    setPref(next);
+    setFly(null);
+    setIsSwitchProfileOpen(false);
+  }, [phone, collapsed]);
+  const screens = (0, import_react14.useMemo)(() => {
+    const out = [];
+    navItemsLocal.forEach((item) => {
+      if (item.options && item.options.length) {
+        item.options.forEach((o) => {
+          if (!isSoon(o) && o.onClick) out.push({ label: cleanLabel(o.label), group: item.label, run: () => o.onClick() });
+        });
+      } else if (item.onClick) {
+        out.push({ label: cleanLabel(item.label), group: "", run: () => item.onClick() });
+      }
+    });
+    return out;
+  }, [navItemsLocal]);
+  const gotoMap = (0, import_react14.useMemo)(() => {
+    const m = {};
+    GOTO.forEach(([key, label, group]) => {
+      const s = screens.find((x) => norm(x.label) === norm(label) && (!group || norm(x.group) === norm(group)));
+      if (s) m[key] = s;
+    });
+    return m;
+  }, [screens]);
+  const commands = (0, import_react14.useMemo)(() => {
+    const keyOf = new Map(Object.entries(gotoMap).map(([k, s]) => [s, k.toUpperCase()]));
+    const cmds = screens.map((s) => ({ label: s.label, sub: s.group, keys: keyOf.has(s) ? ["G", keyOf.get(s)] : [], run: s.run }));
+    if (!phone) cmds.push({ label: collapsed ? "Expand sidebar" : "Collapse sidebar", sub: "Action", keys: ["["], run: toggleCollapsed });
+    cmds.push({ label: "Keyboard shortcuts", sub: "Help", keys: ["?"], run: () => setHelpOpen(true) });
+    return cmds;
+  }, [screens, gotoMap, phone, collapsed, toggleCollapsed]);
+  const helpSections = (0, import_react14.useMemo)(
+    () => [
+      {
+        title: "Global",
+        rows: [
+          { label: "Focus search on this page", keys: [MOD, "K"] },
+          { label: "Focus search (alternative)", keys: ["/"] },
+          { label: "Jump to any screen or action", keys: [MOD, "\u21E7", "K"] },
+          { label: "Collapse or expand sidebar", keys: ["["] },
+          { label: "Close menu, drawer or dialog", keys: ["Esc"] },
+          { label: "Show this list", keys: ["?"] }
+        ]
+      },
+      { title: "Go to", rows: GOTO.filter(([k]) => gotoMap[k]).map(([k]) => ({ label: gotoMap[k].label, keys: ["G", k.toUpperCase()] })) },
+      {
+        title: "In the palette",
+        rows: [
+          { label: "Move selection", keys: ["\u2191", "\u2193"] },
+          { label: "Open selected", keys: ["\u21B5"] }
+        ]
+      }
+    ],
+    [gotoMap]
+  );
+  const stateRef = (0, import_react14.useRef)({});
+  stateRef.current = { palOpen, helpOpen, fly, isSwitchProfileOpen, isMobileMenuOpen, phone, gotoMap, toggleCollapsed };
+  (0, import_react14.useEffect)(() => {
+    const findSearch = () => Array.from(document.querySelectorAll('main input[type="search"], main input[placeholder^="Search"], input[type="search"], input[placeholder^="Search"]')).find(
+      (el) => el.offsetParent !== null && !el.closest("[data-jett-shell]")
+    );
+    const onKey = (e) => {
+      const s = stateRef.current;
+      const t = e.target;
+      const typing = t && (t.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName));
+      const mod = e.metaKey || e.ctrlKey;
+      const key = (e.key || "").toLowerCase();
+      if (mod && key === "k") {
+        e.preventDefault();
+        const el = !e.shiftKey && !s.palOpen ? findSearch() : null;
+        if (el && document.activeElement !== el) {
+          setHelpOpen(false);
+          el.focus();
+          if (el.select) el.select();
+          return;
+        }
+        setHelpOpen(false);
+        setFly(null);
+        setIsSwitchProfileOpen(false);
+        setPalOpen((o) => !o);
+        return;
+      }
+      if (e.key === "Escape") {
+        const close = () => {
+          e.preventDefault();
+          e.stopImmediatePropagation();
+        };
+        if (s.palOpen) return close(), setPalOpen(false);
+        if (s.helpOpen) return close(), setHelpOpen(false);
+        if (s.fly) return close(), setFly(null);
+        if (s.isSwitchProfileOpen) return close(), setIsSwitchProfileOpen(false);
+        if (s.isMobileMenuOpen) return close(), setIsMobileMenuOpen(false);
+        return;
+      }
+      if (typing || mod || e.altKey || s.palOpen) return;
+      if (gPending.current) {
+        gPending.current = false;
+        clearTimeout(gTimer.current);
+        const target = s.gotoMap[key];
+        if (target) {
+          e.preventDefault();
+          target.run();
+        }
+        return;
+      }
+      if (key === "g" && !e.shiftKey) {
+        gPending.current = true;
+        gTimer.current = setTimeout(() => gPending.current = false, 1200);
+        return;
+      }
+      if (e.key === "/") {
+        const el = findSearch();
+        if (el) {
+          e.preventDefault();
+          el.focus();
+          if (el.select) el.select();
+        }
+        return;
+      }
+      if (e.key === "?") {
+        e.preventDefault();
+        setHelpOpen((o) => !o);
+        return;
+      }
+      if (e.key === "[" && !s.phone) {
+        e.preventDefault();
+        s.toggleCollapsed();
+      }
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => {
+      window.removeEventListener("keydown", onKey, true);
+      clearTimeout(gTimer.current);
+    };
+  }, []);
+  const parentIndex = activeMenuPath ? Number((/^menu-(\d+)/.exec(activeMenuPath) || [])[1]) : -1;
+  const activeLabel = (() => {
+    var _a2, _b2;
+    if (!activeMenuPath) return "JETT Admin";
+    const m = /^menu-(\d+)(?:-option-(\d+))?/.exec(activeMenuPath);
+    const item = navItemsLocal[Number(m == null ? void 0 : m[1])];
+    if (!item) return "JETT Admin";
+    return cleanLabel(m[2] !== void 0 ? (_b2 = (_a2 = item.options) == null ? void 0 : _a2[Number(m[2])]) == null ? void 0 : _b2.label : item.label) || "JETT Admin";
+  })();
+  const displayName = username || cookieUserName || "Admin";
+  const scopeLabel = SCOPE_LABELS[scope] ?? scope ?? "";
+  const expanded = !collapsed;
+  const openFly = (index, e) => {
+    var _a2, _b2;
+    const r = e.currentTarget.getBoundingClientRect();
+    const n = ((_b2 = (_a2 = navItemsLocal[index]) == null ? void 0 : _a2.options) == null ? void 0 : _b2.length) || 1;
+    const top = Math.max(8, Math.min(r.top - 6, window.innerHeight - (n * 36 + 60)));
+    setIsSwitchProfileOpen(false);
+    setFly((f) => f && f.index === index ? null : { index, top });
   };
-  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement("div", { className: "fixed top-0 left-0 w-full z-50 flex items-center justify-between px-4 py-3 bg-white dark:bg-[#18181b] border-b border-gray-200 dark:border-[#303036] shadow-lg md:hidden", id: `${id}-div-1` }, /* @__PURE__ */ import_react14.default.createElement(
+  const subItemClass = (active, soon) => `flex items-center justify-between gap-2 rounded-[6px] border-0 px-3 text-left !text-[14px] whitespace-nowrap w-full ${phone ? "py-[11px]" : "py-[6px]"} ${soon ? "cursor-default bg-transparent text-jett-ink-400" : active ? "cursor-pointer bg-jett-fill !font-semibold text-jett-ink" : "cursor-pointer bg-transparent !font-medium text-jett-ink-500 hover:bg-jett-fill hover:text-jett-ink"}`;
+  const renderOptions = (item, index, inFlyout) => item.options.map((option, optionsIndex) => {
+    const subKey = `menu-${index}-option-${optionsIndex}`;
+    const active = activeMenuPath === subKey || (activeMenuPath == null ? void 0 : activeMenuPath.startsWith(`${subKey}-`));
+    const soon = isSoon(option);
+    const hasKids = option.options && option.options.length > 0;
+    return /* @__PURE__ */ import_react14.default.createElement("div", { key: optionsIndex, id: `${id}-opt-${index}-${optionsIndex}` }, /* @__PURE__ */ import_react14.default.createElement(
+      "button",
+      {
+        type: "button",
+        disabled: soon,
+        "aria-disabled": soon || void 0,
+        "aria-current": active && !hasKids ? "page" : void 0,
+        "aria-expanded": hasKids ? isMenuOpen(subKey) : void 0,
+        title: soon ? "Not available yet" : void 0,
+        onClick: (e) => soon ? e.preventDefault() : handleSubMenuClick(option, optionsIndex, index, e),
+        className: `${subItemClass(active, soon)} ${inFlyout ? "!py-[7px] !px-2.5" : ""}`
+      },
+      /* @__PURE__ */ import_react14.default.createElement("span", { className: "truncate" }, cleanLabel(option.label)),
+      soon && /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-[11px] font-semibold text-jett-ink-400" }, "Soon"),
+      hasKids && /* @__PURE__ */ import_react14.default.createElement(Chevron, { open: isMenuOpen(subKey) })
+    ), hasKids && isMenuOpen(subKey) && /* @__PURE__ */ import_react14.default.createElement("div", { className: "ml-3 flex flex-col gap-0.5 border-l border-jett-line pl-2" }, option.options.map((sub, subIndex) => {
+      const subActive = activeMenuPath === `${subKey}-sub-${sub.label}`;
+      return /* @__PURE__ */ import_react14.default.createElement("button", { key: subIndex, type: "button", "aria-current": subActive ? "page" : void 0, onClick: () => handleSubSubMenuClick(sub, index, optionsIndex), className: subItemClass(subActive, false) }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "truncate" }, cleanLabel(sub.label)));
+    })));
+  });
+  const flyItem = fly ? navItemsLocal[fly.index] : null;
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, phone && /* @__PURE__ */ import_react14.default.createElement("div", { "data-jett-shell": true, className: "font-jett fixed left-0 top-0 z-50 flex h-14 w-full items-center gap-2.5 border-b border-jett-line bg-jett-surface pl-1 pr-2", id: `${id}-div-1` }, /* @__PURE__ */ import_react14.default.createElement(
     "button",
     {
-      onClick: toggleMobileMenu,
-      className: "p-2 rounded-lg hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors",
-      "aria-label": "Toggle menu",
+      type: "button",
+      onClick: () => setIsMobileMenuOpen(true),
+      "aria-label": "Open menu",
+      title: "Open menu",
+      className: "flex h-11 w-11 cursor-pointer items-center justify-center rounded-[8px] border-0 bg-transparent text-jett-ink-700 hover:bg-jett-fill",
       id: `${id}-button-1`
     },
-    isMobileMenuOpen ? /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.X, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" }) : /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.Menu, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" })
-  ), /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex-1 flex justify-center", id: `${id}-div-2` }, sideBarLogoLocal && /* @__PURE__ */ import_react14.default.createElement(
-    "img",
+    /* @__PURE__ */ import_react14.default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M4 6h16M4 12h16M4 18h16" }))
+  ), sideBarLogoLocal ? /* @__PURE__ */ import_react14.default.createElement("img", { src: sideBarLogoLocal, alt: "Logo", className: "h-[26px] max-w-[96px] object-contain", id: `${id}-img-1` }) : /* @__PURE__ */ import_react14.default.createElement(LogoTile, { size: 26 }), /* @__PURE__ */ import_react14.default.createElement("span", { className: "min-w-0 flex-1 truncate text-[15px] font-semibold text-jett-ink" }, activeLabel), /* @__PURE__ */ import_react14.default.createElement("button", { type: "button", onClick: () => setIsMobileMenuOpen(true), "aria-label": "Account", title: "Account", className: "flex h-11 w-11 cursor-pointer items-center justify-center border-0 bg-transparent" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-jett-ink-800 text-[12px] font-semibold text-white" }, initials(displayName)))), phone && isMobileMenuOpen && /* @__PURE__ */ import_react14.default.createElement("div", { className: "fixed inset-0 z-[69] bg-[rgba(17,24,39,0.5)]", onClick: closeMobileMenu, "aria-hidden": "true", id: `${id}-div-4` }), /* @__PURE__ */ import_react14.default.createElement(
+    "aside",
     {
-      src: sideBarLogoLocal,
-      alt: "sidebarLogo",
-      width: 208,
-      height: 40,
-      className: "object-contain",
-      id: `${id}-img-1`
-    }
-  )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-10", id: `${id}-div-3` })), isMobileMenuOpen && /* @__PURE__ */ import_react14.default.createElement(
-    "div",
-    {
-      className: "fixed inset-0 bg-black/80 bg-opacity-50 z-40 md:hidden",
-      onClick: closeMobileMenu,
-      id: `${id}-div-4`
-    }
-  ), /* @__PURE__ */ import_react14.default.createElement(
-    "div",
-    {
-      className: `fixed top-0 left-0 md:relative w-[320px] transition-all ease-in-out delay-100 bg-white dark:bg-[#18181b] border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 pt-20 md:pt-4 h-full max-h-[100vh] xs:max-md:z-40 md:max-lg:w-[280px] ${isMobileMenuOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"}`,
+      "data-jett-shell": true,
+      "aria-label": "Main navigation",
+      className: `font-jett flex h-screen flex-col border-r border-jett-line bg-jett-surface text-jett-ink ${phone ? "fixed left-0 top-0 z-[70] max-w-[86vw]" : "relative"} ${ready ? "transition-[width,transform] duration-200 ease-in-out" : ""}`,
+      style: {
+        width: phone ? 280 : collapsed ? 64 : 256,
+        transform: phone && !isMobileMenuOpen ? "translateX(-100%)" : "none",
+        boxShadow: phone && isMobileMenuOpen ? "var(--shadow-jett-drawer)" : "none"
+      },
       id: `${id}-div-5`
     },
-    /* @__PURE__ */ import_react14.default.createElement("div", { className: "p-2 mb-2 hidden md:block", id: `${id}-div-6` }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2", id: `${id}-div-7` }, sideBarLogoLocal && /* @__PURE__ */ import_react14.default.createElement(
-      "img",
+    /* @__PURE__ */ import_react14.default.createElement("div", { className: `flex h-16 shrink-0 items-center gap-2.5 border-b border-jett-line-row ${collapsed ? "justify-center px-0" : "px-6"}`, id: `${id}-div-6` }, expanded && sideBarLogoLocal ? /* @__PURE__ */ import_react14.default.createElement("img", { src: sideBarLogoLocal, alt: "Logo", className: "h-8 max-w-[168px] object-contain", id: `${id}-img-2` }) : /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(LogoTile, null), expanded && /* @__PURE__ */ import_react14.default.createElement("span", { className: "flex-1 whitespace-nowrap text-[15px] font-semibold tracking-[-0.01em] text-jett-ink" }, "JETT Admin")), phone && /* @__PURE__ */ import_react14.default.createElement(
+      "button",
       {
-        src: sideBarLogoLocal,
-        alt: "sidebarLogo",
-        width: 108,
-        height: 40,
-        className: "object-contain",
-        id: `${id}-img-2`
-      }
-    ))),
-    /* @__PURE__ */ import_react14.default.createElement("div", { className: "mb-4", id: `${id}-div-8` }),
-    /* @__PURE__ */ import_react14.default.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-div-9` }, /* @__PURE__ */ import_react14.default.createElement("div", { id: `${id}-div-10` }, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
+        type: "button",
+        onClick: closeMobileMenu,
+        "aria-label": "Close menu",
+        title: "Close menu",
+        className: "-mr-3 ml-auto flex h-11 w-11 cursor-pointer items-center justify-center rounded-[8px] border-0 bg-transparent text-jett-ink-500 hover:bg-jett-fill"
+      },
+      /* @__PURE__ */ import_react14.default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "M18 6 6 18M6 6l12 12" }))
+    )),
+    /* @__PURE__ */ import_react14.default.createElement("nav", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto overflow-x-hidden px-3 py-4 scrollbar-hide", id: `${id}-div-9` }, expanded ? /* @__PURE__ */ import_react14.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          closeMobileMenu();
+          setPalOpen(true);
+        },
+        className: "mb-2.5 flex h-[34px] w-full shrink-0 cursor-pointer items-center gap-2.5 whitespace-nowrap rounded-[6px] border border-jett-line-soft bg-jett-canvas pl-3 pr-2 text-left text-[13px] text-jett-ink-500 hover:border-jett-line-control hover:text-jett-ink-700"
+      },
+      /* @__PURE__ */ import_react14.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", "aria-hidden": "true" }, /* @__PURE__ */ import_react14.default.createElement("circle", { cx: "11", cy: "11", r: "7" }), /* @__PURE__ */ import_react14.default.createElement("path", { d: "m20 20-3.5-3.5" })),
+      /* @__PURE__ */ import_react14.default.createElement("span", { className: "flex-1" }, "Jump to\u2026"),
+      !phone && /* @__PURE__ */ import_react14.default.createElement(Kbd, null, MAC ? "\u21E7\u2318K" : "Ctrl \u21E7 K")
+    ) : /* @__PURE__ */ import_react14.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setPalOpen(true),
+        title: `Jump to  ${MAC ? "\u21E7\u2318K" : "Ctrl \u21E7 K"}`,
+        "aria-label": "Search or jump to",
+        className: "mx-auto mb-2 flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-[8px] border border-jett-line-soft bg-jett-canvas text-jett-ink-500 hover:border-jett-line-control hover:text-jett-ink-700"
+      },
+      /* @__PURE__ */ import_react14.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react14.default.createElement("circle", { cx: "11", cy: "11", r: "7" }), /* @__PURE__ */ import_react14.default.createElement("path", { d: "m20 20-3.5-3.5" }))
+    ), navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
       const menuKey = `menu-${index}`;
+      const hasOptions = !!(item.options && item.options.length);
       const isOpen = isMenuOpen(menuKey);
-      const isActive = activeMenuPath === menuKey;
-      return /* @__PURE__ */ import_react14.default.createElement("div", { key: index, className: "", id: `${id}-div-11` }, /* @__PURE__ */ import_react14.default.createElement(
-        "div",
+      const isParent = index === parentIndex;
+      const Icon = item.Icon;
+      const iconEl = Icon ? /* @__PURE__ */ import_react14.default.createElement(Icon, { width: 18, height: 18, strokeWidth: 1.8, className: `shrink-0 ${isParent ? "text-jett-brand" : "text-jett-ink-400"}`, "aria-hidden": "true" }) : null;
+      if (collapsed) {
+        const flying = fly && fly.index === index;
+        return /* @__PURE__ */ import_react14.default.createElement(
+          "button",
+          {
+            key: index,
+            type: "button",
+            title: item.label,
+            "aria-label": item.label,
+            "aria-haspopup": hasOptions ? "menu" : void 0,
+            "aria-expanded": hasOptions ? !!flying : void 0,
+            onClick: (e) => hasOptions ? openFly(index, e) : handleMenuClick(item, index, e),
+            className: `mx-auto flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-[8px] border-0 ${isParent ? "bg-jett-brand-soft" : flying ? "bg-jett-fill" : "bg-transparent hover:bg-jett-fill"}`,
+            id: `${id}-div-12-${index}`
+          },
+          iconEl
+        );
+      }
+      return /* @__PURE__ */ import_react14.default.createElement("div", { key: index, className: "flex flex-col gap-0.5", id: `${id}-div-11-${index}` }, /* @__PURE__ */ import_react14.default.createElement(
+        "button",
         {
-          className: `flex items-center gap-3 p-2.5 hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-700 dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2 mr-2 transition-colors duration-200 ${isActive ? "bg-[#f4f4f5] dark:bg-[#27272a]" : ""}`,
+          type: "button",
+          "aria-expanded": hasOptions ? isOpen : void 0,
+          "aria-current": !hasOptions && isParent ? "page" : void 0,
           onClick: (e) => handleMenuClick(item, index, e),
-          id: `${id}-div-12`
+          className: `flex w-full cursor-pointer items-center gap-3 whitespace-nowrap rounded-[6px] border-0 px-3 text-left !text-[14px] ${phone ? "py-3" : "py-2"} ${isParent ? "bg-jett-brand-soft !font-semibold text-jett-brand" : "bg-transparent !font-medium text-jett-ink-700 hover:bg-jett-fill"}`,
+          id: `${id}-div-12-${index}`
         },
-        /* @__PURE__ */ import_react14.default.createElement("div", { className: "text-primary", id: `${id}-div-13` }, /* @__PURE__ */ import_react14.default.createElement(item.Icon, { width: 20, height: 20, id: `${id}-icon-1` })),
-        /* @__PURE__ */ import_react14.default.createElement("span", { className: "!font-medium !text-[16px] !text-[#000] dark:text-[#f4f4f5cc]", id: `${id}-span-1` }, item.label),
-        item.isDropDown && /* @__PURE__ */ import_react14.default.createElement("div", { className: `ml-auto transition-all delay-75 ${isOpen ? "rotate-180" : ""}`, id: `${id}-div-14` }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.ChevronDown, { width: 20, height: 20, className: "text-gray-500 dark:text-gray-400" }))
-      ), item.options && item.options.length > 0 && /* @__PURE__ */ import_react14.default.createElement(
-        "div",
-        {
-          className: `ml-[20px] overflow-hidden flex flex-col transition-all duration-200 ${isOpen ? "max-h-[1000px] min-h-[50px]" : "max-h-0"}`,
-          id: `${id}-div-15`
-        },
-        item.options.map((options, optionsIndex) => {
-          const subMenuKey = `menu-${index}-option-${optionsIndex}`;
-          const isSubMenuOpen = isMenuOpen(subMenuKey);
-          const isSubActive = activeMenuPath === subMenuKey || (activeMenuPath == null ? void 0 : activeMenuPath.startsWith(`${subMenuKey}-`));
-          const isDisabled = options.isDisabled;
-          return /* @__PURE__ */ import_react14.default.createElement("div", { key: optionsIndex, className: "", id: `${id}-div-16-${optionsIndex}` }, /* @__PURE__ */ import_react14.default.createElement(
-            "div",
-            {
-              className: `group flex items-center gap-3 py-2 px-3 ml-4 mr-2 rounded-md transition-colors duration-200 ${isDisabled ? "cursor-not-allowed opacity-70 text-gray-400 dark:text-gray-500" : `hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-600 dark:text-[#a1a1aa] cursor-pointer ${isSubActive ? "bg-[#f4f4f5] dark:bg-[#27272a]" : ""}`}`,
-              onClick: (e) => {
-                if (isDisabled) {
-                  e.preventDefault();
-                  return;
-                }
-                handleSubMenuClick(options, optionsIndex, index, e);
-              },
-              id: `${id}-div-17-${optionsIndex}`
-            },
-            /* @__PURE__ */ import_react14.default.createElement("div", { id: `${id}-div-18-${optionsIndex}` }),
-            /* @__PURE__ */ import_react14.default.createElement("span", { className: `!font-medium !text-[15px] ${isDisabled ? "!text-[#3f3f46cc] dark:!text-[#a1a1aa]" : "!text-[#3f3f46cc] dark:!text-[#a1a1aa]"}`, id: `${id}-span-2-${optionsIndex}` }, options.label),
-            options.isDropDown && /* @__PURE__ */ import_react14.default.createElement(
-              "div",
-              {
-                className: `ml-auto transition-all delay-75 ${isSubMenuOpen ? "rotate-180" : ""}`,
-                id: `${id}-div-19-${optionsIndex}`
-              },
-              /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.ChevronDown, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
-            )
-          ), options.options && options.options.length > 0 && /* @__PURE__ */ import_react14.default.createElement(
-            "div",
-            {
-              className: `ml-[20px] overflow-hidden flex flex-col transition-all duration-200 ${isSubMenuOpen ? "max-h-[1000px] min-h-[50px]" : "max-h-0"}`,
-              id: `${id}-div-20-${optionsIndex}`
-            },
-            options.options.map((subOption, subIndex) => {
-              const isSubSubActive = activeMenuPath === `menu-${index}-option-${optionsIndex}-sub-${subOption.label}`;
-              return /* @__PURE__ */ import_react14.default.createElement(
-                "div",
-                {
-                  key: subIndex,
-                  className: `py-1.5 px-3 rounded-md hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-500 dark:text-[#71717a] font-medium text-base cursor-pointer ml-8 mr-2 transition-colors duration-200 ${isSubSubActive ? "bg-[#f4f4f5] dark:bg-[#27272a]" : ""}`,
-                  onClick: (e) => handleSubSubMenuClick(subOption, index, optionsIndex, e),
-                  id: `${id}-div-21-${subIndex}`
-                },
-                subOption.label
-              );
-            })
-          ));
-        })
-      ));
-    }))),
-    /* @__PURE__ */ import_react14.default.createElement("div", { ref: profileCardRef, className: "relative mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 mt-2", id: `${id}-div-22` }, /* @__PURE__ */ import_react14.default.createElement(
-      "div",
+        iconEl,
+        /* @__PURE__ */ import_react14.default.createElement("span", { className: "flex-1 truncate" }, item.label),
+        hasOptions && /* @__PURE__ */ import_react14.default.createElement("span", { className: isParent ? "text-jett-brand" : "text-jett-ink-400" }, /* @__PURE__ */ import_react14.default.createElement(Chevron, { open: isOpen }))
+      ), hasOptions && isOpen && /* @__PURE__ */ import_react14.default.createElement("div", { className: "mb-1 ml-[27px] mt-0.5 flex flex-col gap-0.5 border-l border-jett-line pl-[13px]", id: `${id}-div-15-${index}` }, renderOptions(item, index, false)));
+    })),
+    !phone && /* @__PURE__ */ import_react14.default.createElement("div", { className: `flex shrink-0 flex-wrap gap-1 border-t border-jett-line-row px-3 py-2 ${collapsed ? "justify-center" : ""}` }, /* @__PURE__ */ import_react14.default.createElement(
+      "button",
       {
-        className: "group flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer transition-colors duration-200",
-        onClick: () => setIsSwitchProfileOpen((prev) => !prev),
-        id: `${id}-div-23`
+        type: "button",
+        onClick: () => setHelpOpen(true),
+        title: "Keyboard shortcuts  ?",
+        "aria-label": "Keyboard shortcuts",
+        className: `flex h-9 min-w-10 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-[6px] border-0 bg-transparent text-[13px] font-medium text-jett-ink-500 hover:bg-jett-fill hover:text-jett-ink ${collapsed ? "px-0" : "px-3"}`
       },
-      /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-3", id: `${id}-div-24` }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10", id: `${id}-span-3` }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "flex h-full w-full items-center justify-center !text-[16px] !font-normal border border-gray-200 dark:border-[#303036] rounded-full bg-muted dark:text-white", id: `${id}-span-4` }, cookieUserName ? cookieUserName.split("")[0] : "A")), /* @__PURE__ */ import_react14.default.createElement("div", { id: `${id}-div-25` }, /* @__PURE__ */ import_react14.default.createElement("p", { className: "!font-semibold dark:text-white !text-[16px]", id: `${id}-p-1` }, cookieUserName ? cookieUserName : "Admin"), /* @__PURE__ */ import_react14.default.createElement("p", { className: "!text-[14px] !font-normal dark:text-[#f4f4f5cc]", id: `${id}-p-2` }, SCOPE_LABELS[scope] ?? scope))),
-      /* @__PURE__ */ import_react14.default.createElement(
-        "span",
-        {
-          className: "text-gray-600 dark:text-gray-400",
-          id: `${id}-span-switch`
+      /* @__PURE__ */ import_react14.default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react14.default.createElement("rect", { x: "2", y: "6", width: "20", height: "12", rx: "2" }), /* @__PURE__ */ import_react14.default.createElement("path", { d: "M6 10h.01M10 10h.01M14 10h.01M18 10h.01M7 14h10" })),
+      expanded && /* @__PURE__ */ import_react14.default.createElement(Kbd, null, "?")
+    ), /* @__PURE__ */ import_react14.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: toggleCollapsed,
+        title: collapsed ? "Expand sidebar  [" : "Collapse sidebar  [",
+        "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+        "aria-pressed": collapsed,
+        className: `flex h-9 min-w-10 cursor-pointer items-center justify-center gap-2.5 whitespace-nowrap rounded-[6px] border-0 bg-transparent text-[13px] font-medium text-jett-ink-500 hover:bg-jett-fill hover:text-jett-ink ${collapsed ? "px-0" : "flex-1 px-3"}`
+      },
+      /* @__PURE__ */ import_react14.default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", style: { transform: collapsed ? "scaleX(-1)" : "none" }, "aria-hidden": "true" }, /* @__PURE__ */ import_react14.default.createElement("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }), /* @__PURE__ */ import_react14.default.createElement("path", { d: "M9 4v16M16 10l-2 2 2 2" })),
+      expanded && /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement("span", { className: "flex-1 text-left" }, "Collapse"), /* @__PURE__ */ import_react14.default.createElement(Kbd, null, "["))
+    )),
+    /* @__PURE__ */ import_react14.default.createElement("div", { ref: profileCardRef, className: "relative shrink-0 border-t border-jett-line-row px-3 py-3", id: `${id}-div-22` }, /* @__PURE__ */ import_react14.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setFly(null);
+          setIsSwitchProfileOpen((prev) => !prev);
         },
-        /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.ChevronRight, { width: 20, height: 22 })
-      )
+        title: displayName,
+        "aria-haspopup": "dialog",
+        "aria-expanded": isSwitchProfileOpen,
+        className: `flex w-full cursor-pointer items-center gap-3 rounded-[8px] border border-transparent text-left ${collapsed ? "justify-center p-0" : "p-2.5"} ${isSwitchProfileOpen ? "bg-jett-fill" : "bg-transparent hover:bg-jett-fill"}`,
+        id: `${id}-div-23`
+      },
+      /* @__PURE__ */ import_react14.default.createElement("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-jett-ink-800 text-[13px] font-semibold text-white", id: `${id}-span-3` }, initials(displayName)),
+      expanded && /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement("span", { className: "min-w-0 flex-1 whitespace-nowrap" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "block truncate text-[14px] font-medium text-jett-ink-800", id: `${id}-p-1` }, displayName), scopeLabel && /* @__PURE__ */ import_react14.default.createElement("span", { className: "block truncate text-[12px] text-jett-ink-500", id: `${id}-p-2` }, scopeLabel)), /* @__PURE__ */ import_react14.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ import_react14.default.createElement("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" })))
     ), /* @__PURE__ */ import_react14.default.createElement(
       SwitchProfileSection,
       {
         id: `${id}-switch-profile`,
         open: isSwitchProfileOpen,
         anchorRef: profileCardRef,
+        collapsed,
+        scopeLabel,
         onClose: () => setIsSwitchProfileOpen(false),
         onManageProfile: () => {
           setIsSwitchProfileOpen(false);
-          window.location.href = "/profile";
+          if (onManageProfile) onManageProfile();
+          else window.location.href = "/profile";
         },
         onProfileSwitch: (profile) => {
           setIsSwitchProfileOpen(false);
@@ -1612,7 +1888,18 @@ var AppSideBar = ({
         }
       }
     ))
-  ));
+  ), collapsed && flyItem && /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement("div", { className: "fixed inset-0 z-[79]", onClick: () => setFly(null), "aria-hidden": "true" }), /* @__PURE__ */ import_react14.default.createElement(
+    "div",
+    {
+      "data-jett-shell": true,
+      role: "menu",
+      "aria-label": flyItem.label,
+      className: "font-jett fixed z-[80] flex w-[220px] flex-col gap-0.5 rounded-[10px] border border-jett-line bg-jett-surface p-1.5 shadow-jett-pop",
+      style: { left: 72, top: fly.top }
+    },
+    /* @__PURE__ */ import_react14.default.createElement("div", { className: "px-2.5 pb-2 pt-1.5 text-[11px] font-semibold uppercase tracking-[0.06em] text-jett-ink-400" }, flyItem.label),
+    renderOptions(flyItem, fly.index, true)
+  )), /* @__PURE__ */ import_react14.default.createElement(CommandPalette, { id: `${id}-palette`, open: palOpen, onClose: () => setPalOpen(false), commands }), /* @__PURE__ */ import_react14.default.createElement(ShortcutsSheet, { id: `${id}-shortcuts`, open: helpOpen, onClose: () => setHelpOpen(false), sections: helpSections }));
 };
 
 // src/RightSheet/RightSheet.jsx
@@ -1711,8 +1998,101 @@ var CustomTable = ({
   )), /* @__PURE__ */ import_react16.default.createElement("tbody", { id: `${id}-tbody-1` }, children))));
 };
 
-// src/inputs/Dropdown.jsx
+// src/inputs/CustomSelect.jsx
 var import_react17 = __toESM(require("react"));
+var import_lucide_react7 = require("lucide-react");
+var CustomSelect = ({
+  id = "custom-select",
+  label,
+  value,
+  onChange,
+  options,
+  placeholder = "Select...",
+  isRequired = false,
+  error,
+  heading,
+  disabled = false
+}) => {
+  const [open, setOpen] = (0, import_react17.useState)(false);
+  const [search, setSearch] = (0, import_react17.useState)("");
+  const wrapperRef = (0, import_react17.useRef)(null);
+  const handleBlur = (e) => {
+    var _a;
+    if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.relatedTarget))) {
+      setOpen(false);
+    }
+  };
+  const filteredOptions = options.filter(
+    (opt) => opt.label.toLowerCase().includes(search.toLowerCase())
+  );
+  const handleSelect = (val) => {
+    onChange(val);
+    setOpen(false);
+  };
+  const selectedOption = options.find((opt) => opt.value === value);
+  return /* @__PURE__ */ import_react17.default.createElement(
+    "div",
+    {
+      className: "flex flex-col w-full relative",
+      ref: wrapperRef,
+      tabIndex: disabled ? -1 : 0,
+      onBlur: handleBlur,
+      id: `${id}-div-1`
+    },
+    heading && /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-lg font-semibold mb-1", id: `${id}-h3-1` }, heading),
+    label && /* @__PURE__ */ import_react17.default.createElement(
+      "label",
+      {
+        className: `font-medium text-sm mb-1 ${heading ? "text-[#737373] dark:text-white" : "text-black dark:text-white"}`,
+        id: `${id}-label-1`
+      },
+      label,
+      " ",
+      isRequired && /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
+    ),
+    /* @__PURE__ */ import_react17.default.createElement(
+      "div",
+      {
+        onClick: () => !disabled && setOpen((prev) => !prev),
+        className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer dark:border-[#303036] dark:bg-[#18181b] dark:text-white
+          ${disabled ? "bg-gray-100 text-gray-400" : "bg-white dark:bg-[#18181b] dark:text-white"}
+          ${error ? "border-red-500" : "border-gray-300"}
+        `,
+        id: `${id}-div-2`
+      },
+      /* @__PURE__ */ import_react17.default.createElement("span", { className: `${selectedOption ? "text-black dark:text-white" : "text-gray-400 dark:text-white"}`, id: `${id}-span-2` }, selectedOption ? selectedOption.label : placeholder),
+      /* @__PURE__ */ import_react17.default.createElement(
+        import_lucide_react7.ChevronDown,
+        {
+          className: `w-4 h-4 text-gray-500 transition-transform dark:text-white ${open ? "rotate-180" : ""}`
+        }
+      )
+    ),
+    open && !disabled && /* @__PURE__ */ import_react17.default.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-[#18181b] dark:text-white", id: `${id}-div-3` }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200", id: `${id}-div-4` }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react7.Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ import_react17.default.createElement(
+      "input",
+      {
+        type: "text",
+        value: search,
+        onChange: (e) => setSearch(e.target.value),
+        placeholder: "Search...",
+        className: "flex-1 text-sm focus:outline-none",
+        id: `${id}-input-1`
+      }
+    )), /* @__PURE__ */ import_react17.default.createElement("ul", { id: `${id}-ul-1` }, filteredOptions.length > 0 ? filteredOptions.map((opt) => /* @__PURE__ */ import_react17.default.createElement(
+      "li",
+      {
+        key: opt.value,
+        onClick: () => handleSelect(opt.value),
+        className: `px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-[#27272a] ${value === opt.value ? "bg-gray-100 font-medium dark:bg-[#27272a] dark:text-white" : ""}`,
+        id: `${id}-li-1`
+      },
+      opt.label
+    )) : /* @__PURE__ */ import_react17.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400 dark:text-white", id: `${id}-li-2` }, "No results found")))
+  );
+};
+
+// src/inputs/Dropdown.jsx
+var import_react18 = __toESM(require("react"));
 var import_react_select = __toESM(require("react-select"));
 var isDarkMode = () => typeof document !== "undefined" && document.documentElement.classList.contains("dark");
 function buildStyles(isDark, error) {
@@ -1793,7 +2173,7 @@ function buildStyles(isDark, error) {
     valueContainer: (base) => ({ ...base, padding: "2px 16px" })
   };
 }
-var Dropdown = import_react17.default.forwardRef(
+var Dropdown = import_react18.default.forwardRef(
   ({
     id = "dropdown",
     options,
@@ -1814,9 +2194,9 @@ var Dropdown = import_react17.default.forwardRef(
     value,
     onChange
   }, ref) => {
-    const reactId = (0, import_react17.useId)();
+    const reactId = (0, import_react18.useId)();
     const isDark = isDarkMode();
-    const styles = (0, import_react17.useMemo)(() => buildStyles(isDark, !!error), [isDark, error]);
+    const styles = (0, import_react18.useMemo)(() => buildStyles(isDark, !!error), [isDark, error]);
     const selectedValue = isMulti ? options.filter((o) => (value ?? []).includes(o.value)) : options.find((o) => o.value === value) ?? null;
     const handleChange = (selected) => {
       if (isMulti) {
@@ -1825,7 +2205,7 @@ var Dropdown = import_react17.default.forwardRef(
         onChange((selected == null ? void 0 : selected.value) ?? null);
       }
     };
-    return /* @__PURE__ */ import_react17.default.createElement("div", { className: `flex flex-col gap-1 w-full ${className ?? ""}`, style, id: `${id}-div-1` }, heading && /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), label && /* @__PURE__ */ import_react17.default.createElement(
+    return /* @__PURE__ */ import_react18.default.createElement("div", { className: `flex flex-col gap-1 w-full ${className ?? ""}`, style, id: `${id}-div-1` }, heading && /* @__PURE__ */ import_react18.default.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), label && /* @__PURE__ */ import_react18.default.createElement(
       "label",
       {
         htmlFor: reactId,
@@ -1833,8 +2213,8 @@ var Dropdown = import_react17.default.forwardRef(
         id: `${id}-label-1`
       },
       label,
-      isRequired && /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-red-500 ml-0.5", id: `${id}-span-1` }, "*")
-    ), /* @__PURE__ */ import_react17.default.createElement(
+      isRequired && /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-red-500 ml-0.5", id: `${id}-span-1` }, "*")
+    ), /* @__PURE__ */ import_react18.default.createElement(
       import_react_select.default,
       {
         ref,
@@ -1859,7 +2239,7 @@ var Dropdown = import_react17.default.forwardRef(
 Dropdown.displayName = "Dropdown";
 
 // src/Calendar/Calendar.tsx
-var import_react18 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var import_dates = require("@mantine/dates");
 var Calendar = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
@@ -1883,9 +2263,9 @@ var Calendar = (props) => {
     datesProviderSettings.locale = locale;
   }
   const anchorDate = isRange ? ((_a = props.value) == null ? void 0 : _a[0]) ?? ((_b = props.value) == null ? void 0 : _b[1]) ?? ((_c = props.defaultValue) == null ? void 0 : _c[0]) ?? ((_d = props.defaultValue) == null ? void 0 : _d[1]) ?? void 0 : !isDateTime ? props.value ?? props.defaultValue ?? void 0 : void 0;
-  const [displayDate, setDisplayDate] = (0, import_react18.useState)(anchorDate ?? void 0);
+  const [displayDate, setDisplayDate] = (0, import_react19.useState)(anchorDate ?? void 0);
   const anchorTime = isRange ? ((_f = (_e = props.value) == null ? void 0 : _e[0]) == null ? void 0 : _f.getTime()) ?? ((_h = (_g = props.value) == null ? void 0 : _g[1]) == null ? void 0 : _h.getTime()) : !isDateTime ? (_i = props.value) == null ? void 0 : _i.getTime() : void 0;
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (anchorTime !== void 0) {
       setDisplayDate(new Date(anchorTime));
     }
@@ -1908,7 +2288,7 @@ var Calendar = (props) => {
       onDateChange: setDisplayDate,
       style: weekendColorStyle
     };
-    return /* @__PURE__ */ import_react18.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react18.default.createElement(import_dates.DatePicker, { ...datePickerProps2 }));
+    return /* @__PURE__ */ import_react19.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react19.default.createElement(import_dates.DatePicker, { ...datePickerProps2 }));
   }
   if (isDateTime) {
     const dateTimePickerProps = {
@@ -1923,7 +2303,7 @@ var Calendar = (props) => {
       error,
       style: weekendColorStyle
     };
-    return /* @__PURE__ */ import_react18.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react18.default.createElement(import_dates.DateTimePicker, { ...dateTimePickerProps }));
+    return /* @__PURE__ */ import_react19.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react19.default.createElement(import_dates.DateTimePicker, { ...dateTimePickerProps }));
   }
   const datePickerProps = {
     value: props.value,
@@ -1938,12 +2318,12 @@ var Calendar = (props) => {
     onDateChange: setDisplayDate,
     style: weekendColorStyle
   };
-  return /* @__PURE__ */ import_react18.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react18.default.createElement(import_dates.DatePicker, { ...datePickerProps }));
+  return /* @__PURE__ */ import_react19.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react19.default.createElement(import_dates.DatePicker, { ...datePickerProps }));
 };
 
 // src/Pagination/Pagination.jsx
-var import_react19 = __toESM(require("react"));
-var import_lucide_react9 = require("lucide-react");
+var import_react20 = __toESM(require("react"));
+var import_lucide_react8 = require("lucide-react");
 var Pagination = ({
   id = "pagination",
   data = [],
@@ -1967,26 +2347,26 @@ var Pagination = ({
   componentProps = {},
   ...restProps
 }) => {
-  const [internalCurrentPage, setInternalCurrentPage] = (0, import_react19.useState)(1);
-  const [internalItemsPerPage, setInternalItemsPerPage] = (0, import_react19.useState)(itemsPerPage);
+  const [internalCurrentPage, setInternalCurrentPage] = (0, import_react20.useState)(1);
+  const [internalItemsPerPage, setInternalItemsPerPage] = (0, import_react20.useState)(itemsPerPage);
   const isControlled = controlledCurrentPage !== void 0;
   const isItemsPerPageControlled = controlledOnItemsPerPageChange !== void 0;
   const currentPage = isControlled ? controlledCurrentPage : internalCurrentPage;
   const activeItemsPerPage = isItemsPerPageControlled ? itemsPerPage : internalItemsPerPage;
   const totalItems = legacyTotalItems !== void 0 ? legacyTotalItems : data.length;
-  const calculatedTotalPages = (0, import_react19.useMemo)(() => {
+  const calculatedTotalPages = (0, import_react20.useMemo)(() => {
     if (totalItems > 0 && activeItemsPerPage > 0) {
       return Math.ceil(totalItems / activeItemsPerPage);
     }
     return 1;
   }, [totalItems, activeItemsPerPage]);
-  const paginatedData = (0, import_react19.useMemo)(() => {
+  const paginatedData = (0, import_react20.useMemo)(() => {
     if (!data || data.length === 0) return [];
     const startIndex = (currentPage - 1) * activeItemsPerPage;
     const endIndex = startIndex + activeItemsPerPage;
     return data.slice(startIndex, endIndex);
   }, [data, currentPage, activeItemsPerPage]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!isControlled && currentPage > calculatedTotalPages && calculatedTotalPages > 0) {
       setInternalCurrentPage(1);
     }
@@ -2019,11 +2399,11 @@ var Pagination = ({
   const endItem = totalItems !== void 0 ? Math.min(currentPage * activeItemsPerPage, totalItems) : null;
   const renderContent = () => {
     if (Component) {
-      if (import_react19.default.isValidElement(Component)) {
+      if (import_react20.default.isValidElement(Component)) {
         const ComponentType = Component.type;
         const elementProps = Component.props;
         if (isTable) {
-          return /* @__PURE__ */ import_react19.default.createElement(
+          return /* @__PURE__ */ import_react20.default.createElement(
             CustomTable,
             {
               tableHeader,
@@ -2031,7 +2411,7 @@ var Pagination = ({
               id: `${id}-custom-table-1`
             },
             data.map((item, index) => {
-              return /* @__PURE__ */ import_react19.default.createElement(
+              return /* @__PURE__ */ import_react20.default.createElement(
                 ComponentType,
                 {
                   key: item.id || item._id || index,
@@ -2046,7 +2426,7 @@ var Pagination = ({
           );
         } else {
           if (isTable) {
-            return /* @__PURE__ */ import_react19.default.createElement(
+            return /* @__PURE__ */ import_react20.default.createElement(
               CustomTable,
               {
                 tableHeader,
@@ -2054,7 +2434,7 @@ var Pagination = ({
                 id: `${id}-custom-table-2`
               },
               paginatedData.map((item, index) => {
-                return /* @__PURE__ */ import_react19.default.createElement(
+                return /* @__PURE__ */ import_react20.default.createElement(
                   ComponentType,
                   {
                     key: item.id || item._id || index,
@@ -2070,7 +2450,7 @@ var Pagination = ({
           }
         }
       } else {
-        return /* @__PURE__ */ import_react19.default.createElement(
+        return /* @__PURE__ */ import_react20.default.createElement(
           CustomTable,
           {
             tableHeader,
@@ -2078,7 +2458,7 @@ var Pagination = ({
             id: `${id}-custom-table-3`
           },
           paginatedData.map((item, index) => {
-            return /* @__PURE__ */ import_react19.default.createElement(
+            return /* @__PURE__ */ import_react20.default.createElement(
               Component,
               {
                 key: item.id || item._id || index,
@@ -2094,7 +2474,7 @@ var Pagination = ({
     }
     return null;
   };
-  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, renderContent()), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4 px-4 py-3 border-t border-[#e5e5e5] dark:border-[#303036] bg-white dark:bg-[#18181b] z-10", id: `${id}-div-1` }, totalItems !== void 0 && /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-[#737373] dark:text-white", id: `${id}-div-2` }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2", id: `${id}-div-3` }, /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, renderContent()), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4 px-4 py-3 border-t border-[#e5e5e5] dark:border-[#303036] bg-white dark:bg-[#18181b] z-10", id: `${id}-div-1` }, totalItems !== void 0 && /* @__PURE__ */ import_react20.default.createElement("div", { className: "text-sm text-[#737373] dark:text-white", id: `${id}-div-2` }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2", id: `${id}-div-3` }, /* @__PURE__ */ import_react20.default.createElement(
     "button",
     {
       onClick: () => handlePageChange(1),
@@ -2103,8 +2483,8 @@ var Pagination = ({
       title: "First page",
       id: `${id}-button-1`
     },
-    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronsLeft, { size: 16 })
-  ), /* @__PURE__ */ import_react19.default.createElement(
+    /* @__PURE__ */ import_react20.default.createElement(import_lucide_react8.ChevronsLeft, { size: 16 })
+  ), /* @__PURE__ */ import_react20.default.createElement(
     "button",
     {
       onClick: () => handlePageChange(currentPage - 1),
@@ -2113,8 +2493,8 @@ var Pagination = ({
       title: "Previous page",
       id: `${id}-button-2`
     },
-    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronLeft, { size: 16 })
-  ), getPageNumbers().map((pageNum) => /* @__PURE__ */ import_react19.default.createElement(
+    /* @__PURE__ */ import_react20.default.createElement(import_lucide_react8.ChevronLeft, { size: 16 })
+  ), getPageNumbers().map((pageNum) => /* @__PURE__ */ import_react20.default.createElement(
     "button",
     {
       key: pageNum,
@@ -2123,7 +2503,7 @@ var Pagination = ({
       id: `${id}-button-3`
     },
     pageNum
-  )), /* @__PURE__ */ import_react19.default.createElement(
+  )), /* @__PURE__ */ import_react20.default.createElement(
     "button",
     {
       onClick: () => handlePageChange(currentPage + 1),
@@ -2132,8 +2512,8 @@ var Pagination = ({
       title: "Next page",
       id: `${id}-button-4`
     },
-    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronRight, { size: 16 })
-  ), /* @__PURE__ */ import_react19.default.createElement(
+    /* @__PURE__ */ import_react20.default.createElement(import_lucide_react8.ChevronRight, { size: 16 })
+  ), /* @__PURE__ */ import_react20.default.createElement(
     "button",
     {
       onClick: () => handlePageChange(calculatedTotalPages),
@@ -2142,7 +2522,7 @@ var Pagination = ({
       title: "Last page",
       id: `${id}-button-5`
     },
-    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronsRight, { size: 16 })
+    /* @__PURE__ */ import_react20.default.createElement(import_lucide_react8.ChevronsRight, { size: 16 })
   ))));
 };
 // Annotate the CommonJS export names for ESM import in node: