@retinalabsllc/zairusjs 17.2.1 → 17.2.6

package/dist/index.mjs

@@ -5415,24 +5415,280 @@ var UniversalHome2 = ({
   ))))));
 };
 
+// src/components/OpenBidHome.tsx
+import React53, { useState as useState39, useRef as useRef14, useEffect as useEffect21 } from "react";
+import { HugeiconsIcon as HugeiconsIcon40 } from "@hugeicons/react";
+import {
+  Loading03Icon as Loading03Icon25,
+  Search01Icon as Search01Icon7,
+  ArrowRight01Icon as ArrowRight01Icon14,
+  ArrowLeft01Icon as ArrowLeft01Icon18,
+  StarIcon,
+  Link01Icon,
+  ListSettingIcon as ListSettingIcon3
+} from "@hugeicons/core-free-icons";
+
+// src/components/OptionWithIcon.tsx
+import React52, { useState as useState38 } from "react";
+import { HugeiconsIcon as HugeiconsIcon39 } from "@hugeicons/react";
+import { CancelCircleIcon as CancelCircleIcon12, Search01Icon as Search01Icon6 } from "@hugeicons/core-free-icons";
+var OptionWithIcon = ({
+  isOpen,
+  onClose,
+  title,
+  options,
+  selectedOption,
+  onSelect,
+  showSearch = false
+}) => {
+  const [searchQuery, setSearchQuery] = useState38("");
+  if (!isOpen) return null;
+  const filteredOptions = options.filter(
+    (opt) => opt.label.toLowerCase().includes(searchQuery.toLowerCase())
+  );
+  return /* @__PURE__ */ React52.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React52.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: onClose }), /* @__PURE__ */ React52.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[80vh]" }, /* @__PURE__ */ React52.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React52.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, title), /* @__PURE__ */ React52.createElement("button", { onClick: onClose, className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: CancelCircleIcon12, size: 18 }))), showSearch && /* @__PURE__ */ React52.createElement("div", { className: "p-4 shrink-0 " }, /* @__PURE__ */ React52.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React52.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: Search01Icon6, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React52.createElement(
+    "input",
+    {
+      type: "text",
+      placeholder: "Search...",
+      value: searchQuery,
+      onChange: (e) => setSearchQuery(e.target.value),
+      className: "w-full pl-10 pr-4 py-2.5 bg-neutral-100 rounded-full text-[12px] text-black placeholder-neutral-400 outline-none focus:bg-neutral-200 transition-colors"
+    }
+  ))), /* @__PURE__ */ React52.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2" }, filteredOptions.length === 0 ? /* @__PURE__ */ React52.createElement("div", { className: "p-6 text-center text-[12px] text-neutral-400" }, "No options found.") : filteredOptions.map((opt) => {
+    const isSelected = selectedOption.label === opt.label;
+    return /* @__PURE__ */ React52.createElement(
+      "button",
+      {
+        key: opt.label,
+        onClick: () => {
+          onSelect(opt);
+          onClose();
+        },
+        className: `w-full flex items-center gap-3 p-4 text-[12px] tracking-tight rounded-full transition-colors outline-none ${isSelected ? "text-[#068afe] bg-[#068afe]/10" : "text-neutral-600 hover:bg-neutral-50/50"}`
+      },
+      opt.icon && /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: opt.icon, size: 16, className: isSelected ? "text-[#068afe]" : "text-neutral-400" }),
+      /* @__PURE__ */ React52.createElement("span", null, opt.label.charAt(0).toUpperCase() + opt.label.slice(1).toLowerCase())
+    );
+  }))));
+};
+
+// src/components/OpenBidHome.tsx
+var CATEGORIES = [
+  { label: "Leaderboards & Attention", icon: StarIcon },
+  { label: "SEO & AI Visibility", icon: Search01Icon7 },
+  { label: "AI Agents & Infrastructure", icon: Link01Icon },
+  { label: "Marketing & Advertising", icon: StarIcon },
+  { label: "Developer Tools", icon: ListSettingIcon3 },
+  { label: "Crypto, Web3 & Investing", icon: StarIcon }
+];
+var SiteAvatar = ({ src, sizeClass = "w-9 h-9" }) => {
+  const [loaded, setLoaded] = useState39(false);
+  const [error, setError] = useState39(false);
+  return /* @__PURE__ */ React53.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React53.createElement("div", { className: "w-full h-full flex items-center justify-center overflow-hidden" }, !loaded && !error && src && /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: Loading03Icon25, className: "animate-spin text-neutral-400 absolute", size: 14 }), error || !src ? /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: StarIcon, className: "text-neutral-300", size: 18 }) : /* @__PURE__ */ React53.createElement(
+    "img",
+    {
+      src,
+      alt: "Site icon",
+      className: `w-full h-full object-cover transition-opacity duration-300 ${loaded ? "opacity-100" : "opacity-0"}`,
+      onLoad: () => setLoaded(true),
+      onError: () => setError(true)
+    }
+  )));
+};
+var AnimatedCounter = ({ value }) => {
+  const [count, setCount] = useState39(0);
+  useEffect21(() => {
+    let startTimestamp = 0;
+    const duration = 2e3;
+    let animationFrameId;
+    const step = (timestamp) => {
+      if (!startTimestamp) startTimestamp = timestamp;
+      const progress = Math.min((timestamp - startTimestamp) / duration, 1);
+      const easeProgress = progress === 1 ? 1 : 1 - Math.pow(2, -10 * progress);
+      setCount(Math.floor(easeProgress * value));
+      if (progress < 1) {
+        animationFrameId = window.requestAnimationFrame(step);
+      }
+    };
+    animationFrameId = window.requestAnimationFrame(step);
+    return () => window.cancelAnimationFrame(animationFrameId);
+  }, [value]);
+  return /* @__PURE__ */ React53.createElement(React53.Fragment, null, count.toLocaleString());
+};
+var SkeletonRow = () => /* @__PURE__ */ React53.createElement("div", { className: "flex items-center gap-3 p-3 md:p-4 rounded-2xl mb-2" }, /* @__PURE__ */ React53.createElement("div", { className: "w-10 h-10 md:w-14 md:h-14 rounded-xl bg-neutral-200 animate-pulse shrink-0" }), /* @__PURE__ */ React53.createElement("div", { className: "flex-1 flex flex-col gap-3" }, /* @__PURE__ */ React53.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React53.createElement("div", { className: "h-4 bg-neutral-200 rounded w-1/3 animate-pulse" }), /* @__PURE__ */ React53.createElement("div", { className: "h-4 bg-neutral-200 rounded w-16 animate-pulse" })), /* @__PURE__ */ React53.createElement("div", { className: "h-3 bg-neutral-200 rounded w-2/3 animate-pulse" })));
+function OpenBidHome({
+  data,
+  latestActivity,
+  isLoading,
+  currentPage,
+  totalPages,
+  totalItems,
+  onPageChange,
+  totalProcessedAmount,
+  inputFaviconSrc,
+  onIdentityChange,
+  onOutbidSubmit,
+  isSubmitting,
+  onlineCount = 0,
+  visitorCount = 0
+}) {
+  const topRef = useRef14(null);
+  const [bidAmount, setBidAmount] = useState39(3134);
+  const [identity, setIdentity] = useState39("");
+  const [selectedCategory, setSelectedCategory] = useState39(CATEGORIES[0]);
+  const [isCategoryModalOpen, setIsCategoryModalOpen] = useState39(false);
+  const [isActivityExpanded, setIsActivityExpanded] = useState39(false);
+  const handleBidChange = (delta) => {
+    setBidAmount((prev) => Math.max(5, prev + delta));
+  };
+  const handleClaimRankClick = (requiredAmount) => {
+    setBidAmount(requiredAmount);
+    topRef.current?.scrollIntoView({ behavior: "smooth" });
+    const input = document.getElementById("identity-input");
+    if (input) input.focus();
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    onOutbidSubmit(identity, bidAmount, selectedCategory.label);
+  };
+  const handleIdentityChange = (e) => {
+    const val = e.target.value;
+    setIdentity(val);
+    onIdentityChange(val);
+  };
+  return /* @__PURE__ */ React53.createElement("div", { className: "w-full max-w-4xl mx-auto flex flex-col px-4 pt-12 pb-24 animate-in fade-in duration-300" }, /* @__PURE__ */ React53.createElement("header", { className: "mb-12 px-2 text-center", ref: topRef }, /* @__PURE__ */ React53.createElement("div", { className: "inline-block max-w-full bg-white rounded-full px-4 py-2 text-xs text-neutral-500 transition-colors hover:text-black cursor-pointer leading-relaxed text-balance" }, /* @__PURE__ */ React53.createElement("span", { className: "inline-flex items-center gap-1.5 text-emerald-600 align-text-bottom whitespace-nowrap" }, /* @__PURE__ */ React53.createElement("span", { className: "relative flex h-2 w-2 shrink-0" }, /* @__PURE__ */ React53.createElement("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" }), /* @__PURE__ */ React53.createElement("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-emerald-500" })), /* @__PURE__ */ React53.createElement("span", null, onlineCount.toLocaleString(), " online")), /* @__PURE__ */ React53.createElement("span", { className: "mx-1.5" }, "\xB7"), /* @__PURE__ */ React53.createElement("span", null, visitorCount.toLocaleString(), " visitors since launch"), /* @__PURE__ */ React53.createElement("span", { className: "mx-1.5" }, "\xB7"), /* @__PURE__ */ React53.createElement("span", { className: "text-black underline decoration-neutral-300 hover:decoration-black transition-colors whitespace-nowrap" }, "Live stats"))), /* @__PURE__ */ React53.createElement("section", { className: "flex flex-col items-center mb-16" }, /* @__PURE__ */ React53.createElement("h2", { className: "flex flex-wrap items-center justify-center gap-x-3 text-center text-3xl md:text-5xl tracking-tight text-black mb-3" }, /* @__PURE__ */ React53.createElement("span", null, "Claim #1 for"), /* @__PURE__ */ React53.createElement("span", { className: "inline-flex items-center gap-3 bg-neutral-100 rounded-full p-1.5 border border-neutral-200" }, /* @__PURE__ */ React53.createElement("button", { onClick: () => handleBidChange(-1), type: "button", className: "w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full bg-white text-black hover:bg-neutral-50 transition-colors outline-none text-lg" }, "\u2212"), /* @__PURE__ */ React53.createElement("div", { className: "flex items-center tracking-tight px-2 w-24 justify-center" }, /* @__PURE__ */ React53.createElement("span", { className: "text-[#068afe] mr-0.5" }, "$"), /* @__PURE__ */ React53.createElement(
+    "input",
+    {
+      type: "number",
+      value: bidAmount,
+      onChange: (e) => setBidAmount(Number(e.target.value)),
+      className: "w-full bg-transparent p-0 outline-none text-center tabular-nums text-[#068afe] "
+    }
+  )), /* @__PURE__ */ React53.createElement("button", { onClick: () => handleBidChange(1), type: "button", className: "w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full bg-white text-black hover:bg-neutral-50 transition-colors outline-none text-lg" }, "+"))), /* @__PURE__ */ React53.createElement("p", { className: "text-center text-sm text-neutral-500 max-w-md" }, /* @__PURE__ */ React53.createElement("span", { className: "text-[#068afe]" }, "New spots start at $5."), " Paying less than the #1 price puts you on the board at whatever rank your bid secures."), /* @__PURE__ */ React53.createElement("form", { onSubmit: handleSubmit, className: "mt-8 flex flex-col md:flex-row items-stretch md:items-center gap-3 w-full max-w-3xl bg-white p-2 rounded-2xl md:rounded-full" }, /* @__PURE__ */ React53.createElement("div", { className: "relative flex-1 min-w-0" }, /* @__PURE__ */ React53.createElement("div", { className: "absolute inset-y-0 left-0 pl-3 md:pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React53.createElement("div", { className: "w-7 h-7 rounded-full bg-neutral-100 flex items-center justify-center overflow-hidden" }, inputFaviconSrc ? /* @__PURE__ */ React53.createElement("img", { src: inputFaviconSrc, alt: "", className: "w-full h-full object-cover" }) : /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: Link01Icon, size: 14, className: "text-neutral-400" }))), /* @__PURE__ */ React53.createElement(
+    "input",
+    {
+      id: "identity-input",
+      type: "text",
+      placeholder: "Your product URL or @handle",
+      value: identity,
+      onChange: handleIdentityChange,
+      required: true,
+      className: "w-full pl-12 md:pl-14 pr-4 h-12 bg-transparent text-sm text-black placeholder-neutral-400 outline-none transition-colors"
+    }
+  )), /* @__PURE__ */ React53.createElement("div", { className: "h-px w-full md:h-8 md:w-px bg-neutral-200 hidden md:block" }), /* @__PURE__ */ React53.createElement("div", { className: "min-w-0 md:w-64 shrink-0" }, /* @__PURE__ */ React53.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setIsCategoryModalOpen(true),
+      className: "flex items-center justify-between w-full gap-2 h-12 px-4 bg-transparent outline-none text-sm text-black hover:text-black"
+    },
+    /* @__PURE__ */ React53.createElement("div", { className: "flex items-center gap-2 truncate" }, selectedCategory.icon && /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: selectedCategory.icon, size: 16, className: "text-[#068afe] shrink-0" }), /* @__PURE__ */ React53.createElement("span", { className: "truncate" }, selectedCategory.label)),
+    /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: ListSettingIcon3, size: 16, className: "text-neutral-400 shrink-0" })
+  )), /* @__PURE__ */ React53.createElement(
+    ThreeDActionButton,
+    {
+      type: "submit",
+      isLoading: isSubmitting,
+      disabled: !identity || isSubmitting,
+      className: "h-12 px-8 min-w-30 w-full md:w-auto md:rounded-full"
+    },
+    "Place Bid"
+  )), /* @__PURE__ */ React53.createElement("p", { className: "mt-4 text-xs text-neutral-400" }, "Already on the list? Enter the same URL to increase your bid.")), /* @__PURE__ */ React53.createElement("div", { className: "mb-6 relative" }, /* @__PURE__ */ React53.createElement("div", { className: "flex overflow-x-auto gap-2 pb-2 custom-scrollbar items-center" }, /* @__PURE__ */ React53.createElement("button", { className: "flex items-center gap-1.5 px-4 py-1.5 rounded-full border border-black bg-black text-white text-xs shrink-0 whitespace-nowrap transition-colors outline-none" }, "All"), CATEGORIES.map((cat) => /* @__PURE__ */ React53.createElement("button", { key: cat.label, className: "flex items-center gap-1.5 px-4 py-2 rounded-full bg-white text-black hover:bg-neutral-50 text-xs shrink-0 whitespace-nowrap transition-colors outline-none" }, cat.icon && /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: cat.icon, size: 14, className: "text-neutral-400" }), cat.label))), /* @__PURE__ */ React53.createElement("div", { className: "absolute inset-y-0 right-0 w-12 bg-linear-to-l from-neutral-100 to-transparent pointer-events-none" })), /* @__PURE__ */ React53.createElement("div", { className: "flex flex-col relative w-full" }, isLoading ? /* @__PURE__ */ React53.createElement(React53.Fragment, null, Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ React53.createElement(SkeletonRow, { key: `skel-${i}` }))) : data.length === 0 ? /* @__PURE__ */ React53.createElement("div", { className: "text-center py-12 text-sm text-neutral-500" }, "No data") : data.map((item, index) => {
+    const requiredBid = item.amount + 1;
+    const isRank1 = item.rank === 1;
+    const isRank2 = item.rank === 2;
+    const isRank3 = item.rank === 3;
+    const showActivity = item.rank === 4 || data.length < 4 && index === data.length - 1;
+    let cardClasses = "";
+    let numClasses = "";
+    if (isRank1) {
+      cardClasses = "bg-[#068afe]/20 rounded-2xl md:px-4 px-3 py-2 md:py-3 my-1.5 md:my-3";
+      numClasses = "bg-[#068afe] text-white";
+    } else if (isRank2) {
+      cardClasses = "bg-[#068afe]/10 rounded-2xl md:px-4 px-3 py-2 md:py-3 my-1.5 md:my-3";
+      numClasses = "bg-[#068afe] text-white";
+    } else if (isRank3) {
+      cardClasses = "bg-[#068afe]/5 rounded-2xl md:px-4 px-3 py-2 md:py-3 my-1.5 md:my-3";
+      numClasses = "bg-[#068afe] text-white";
+    } else {
+      cardClasses = "border-t border-neutral-200 bg-transparent px-3 md:px-4 py-3 md:py-4 rounded-none";
+      numClasses = "text-neutral-400 bg-transparent";
+    }
+    return /* @__PURE__ */ React53.createElement(React53.Fragment, { key: item.id }, showActivity && /* @__PURE__ */ React53.createElement("div", { className: "my-6 md:my-8 bg-white rounded-2xl p-4 md:p-5 relative" }, /* @__PURE__ */ React53.createElement("h2", { className: "text-sm mb-3 flex items-center gap-2" }, /* @__PURE__ */ React53.createElement("span", { className: "relative flex h-2 w-2" }, /* @__PURE__ */ React53.createElement("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-[#068afe] opacity-75" }), /* @__PURE__ */ React53.createElement("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-[#068afe]" })), "Latest activity"), latestActivity.length === 0 ? /* @__PURE__ */ React53.createElement("div", { className: "text-center py-6 text-sm text-neutral-400" }, "No data") : /* @__PURE__ */ React53.createElement("div", { className: `relative ${!isActivityExpanded ? "max-h-18 md:max-h-22 overflow-hidden md:overflow-visible" : ""}` }, /* @__PURE__ */ React53.createElement("div", { className: "flex flex-col md:grid md:grid-cols-5 md:gap-2" }, latestActivity.map((act, idx) => /* @__PURE__ */ React53.createElement("div", { key: act.id, className: `flex flex-row items-center gap-3 py-2 md:p-3 md:rounded-2xl md:bg-neutral-50 md:hover:bg-neutral-100 transition-colors ${idx !== 0 ? "border-t border-neutral-100 md:border-0" : ""}` }, /* @__PURE__ */ React53.createElement(SiteAvatar, { src: act.favicon, sizeClass: "w-7 h-7 shrink-0" }), /* @__PURE__ */ React53.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React53.createElement("p", { className: "text-xs text-black truncate" }, act.name), /* @__PURE__ */ React53.createElement("p", { className: "text-[10px] text-neutral-500 mt-0.5" }, "at #", act.rank, " \xB7 $", act.amount), /* @__PURE__ */ React53.createElement("p", { className: "text-[9px] text-neutral-400 mt-0.5" }, act.time))))), !isActivityExpanded && /* @__PURE__ */ React53.createElement("div", { className: "absolute inset-x-0 bottom-0 h-16 bg-linear-to-t from-white via-white/90 to-transparent pointer-events-none md:hidden flex items-end justify-center pb-1" }, /* @__PURE__ */ React53.createElement(
+      "button",
+      {
+        onClick: () => setIsActivityExpanded(true),
+        className: "pointer-events-auto px-4 py-1.5 bg-white border border-neutral-200 rounded-full text-[11px] outline-none"
+      },
+      "Show more"
+    ))), isActivityExpanded && latestActivity.length > 0 && /* @__PURE__ */ React53.createElement("div", { className: "mt-4 flex justify-center md:hidden" }, /* @__PURE__ */ React53.createElement(
+      "button",
+      {
+        onClick: () => setIsActivityExpanded(false),
+        className: "px-4 py-1.5 bg-white border border-neutral-200 rounded-full text-[11px] outline-none"
+      },
+      "Show less"
+    ))), /* @__PURE__ */ React53.createElement("div", { className: `group relative flex items-center justify-between transition-colors duration-300 ${cardClasses}` }, /* @__PURE__ */ React53.createElement("a", { href: item.url, target: "_blank", rel: "noopener noreferrer", className: "absolute inset-0 z-0 outline-none" }), /* @__PURE__ */ React53.createElement("div", { className: "flex items-center gap-3 md:gap-4 flex-1 min-w-0 z-10 pointer-events-none group-hover:text-[#068afe]" }, /* @__PURE__ */ React53.createElement("div", { className: "flex flex-col md:flex-row items-center gap-2 md:gap-3 shrink-0" }, /* @__PURE__ */ React53.createElement("span", { className: `inline-flex items-center justify-center tabular-nums min-w-7 md:min-w-10 px-2 py-0.5 md:py-1 rounded-full text-[11px] md:text-xs ${numClasses}` }, "#", item.rank), /* @__PURE__ */ React53.createElement(SiteAvatar, { src: item.favicon })), /* @__PURE__ */ React53.createElement("div", { className: "flex flex-col min-w-0 flex-1 transition-opacity duration-300" }, /* @__PURE__ */ React53.createElement("div", { className: "flex items-baseline gap-2 mb-0.5" }, /* @__PURE__ */ React53.createElement("p", { className: "text-black group-hover:text-[#068afe] text-sm truncate tracking-tight" }, item.name), /* @__PURE__ */ React53.createElement("p", { className: "text-[#068afe] text-[12px] shrink-0 tabular-nums" }, "$", item.amount.toLocaleString())), /* @__PURE__ */ React53.createElement("p", { className: "text-neutral-500 text-xs line-clamp-1 md:line-clamp-2 leading-relaxed" }, item.desc), /* @__PURE__ */ React53.createElement("div", { className: "flex items-center gap-2 mt-1.5 text-[10px] md:text-[11px] text-neutral-400 " }, /* @__PURE__ */ React53.createElement("span", null, item.time), /* @__PURE__ */ React53.createElement("span", { className: "flex items-center gap-1 text-black" }, /* @__PURE__ */ React53.createElement("span", { className: "relative flex h-1.5 w-1.5" }, /* @__PURE__ */ React53.createElement("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-[#068afe] opacity-75" }), /* @__PURE__ */ React53.createElement("span", { className: "relative inline-flex rounded-full h-1.5 w-1.5 bg-[#068afe]" })), item.clicks, " clicks")))), /* @__PURE__ */ React53.createElement("div", { className: "absolute left-1/2 -translate-x-1/2 top-0 -translate-y-1/2 z-20 opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity duration-200" }, /* @__PURE__ */ React53.createElement(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          handleClaimRankClick(requiredBid);
+        },
+        className: "px-3 py-0.5 bg-[#068afe] text-white text-[11px] md:text-xs whitespace-nowrap rounded-full outline-none pointer-events-auto hover:bg-[#0575d9] transition-colors"
+      },
+      "claim this rank for $",
+      requiredBid
+    ))), item.rank === 10 && /* @__PURE__ */ React53.createElement("div", { className: "flex items-center gap-3 py-6 px-4" }, /* @__PURE__ */ React53.createElement("div", { className: "h-0.5 flex-1 bg-[#068afe]/20 rounded-full" }), /* @__PURE__ */ React53.createElement("span", { className: "text-xs tracking-widest text-[#068afe] px-3 py-1 bg-[#068afe]/10 border border-[#068afe]/20 rounded-full" }, "Top 10"), /* @__PURE__ */ React53.createElement("div", { className: "h-0.5 flex-1 bg-[#068afe]/20 rounded-full" })), item.rank === 20 && /* @__PURE__ */ React53.createElement("div", { className: "flex items-center gap-3 py-6 px-4" }, /* @__PURE__ */ React53.createElement("div", { className: "h-0.5 flex-1 bg-[#068afe]/20 rounded-full" }), /* @__PURE__ */ React53.createElement("span", { className: "text-xs tracking-widest text-[#068afe] px-3 py-1 bg-[#068afe]/10 border border-[#068afe]/20 rounded-full" }, "Top 20"), /* @__PURE__ */ React53.createElement("div", { className: "h-0.5 flex-1 bg-[#068afe]/20 rounded-full" })));
+  })), !isLoading && data.length > 0 && /* @__PURE__ */ React53.createElement("div", { className: "mt-12 flex flex-col items-center gap-3" }, /* @__PURE__ */ React53.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React53.createElement(
+    "button",
+    {
+      disabled: currentPage <= 1,
+      onClick: () => onPageChange(currentPage - 1),
+      className: "w-10 h-10 flex items-center justify-center rounded-full bg-white text-black hover:bg-neutral-50 disabled:text-neutral-300 disabled:bg-white outline-none transition-colors"
+    },
+    /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: ArrowLeft01Icon18, size: 16 })
+  ), /* @__PURE__ */ React53.createElement("span", { className: "w-10 h-10 flex items-center justify-center rounded-full bg-black text-white text-sm outline-none" }, currentPage), /* @__PURE__ */ React53.createElement(
+    "button",
+    {
+      disabled: currentPage >= totalPages,
+      onClick: () => onPageChange(currentPage + 1),
+      className: "w-10 h-10 flex items-center justify-center rounded-full bg-white text-black hover:bg-neutral-50 disabled:text-neutral-300 disabled:bg-white outline-none transition-colors"
+    },
+    /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: ArrowRight01Icon14, size: 16 })
+  )), /* @__PURE__ */ React53.createElement("p", { className: "text-[11px] text-neutral-400 tracking-widest mt-1" }, Math.min((currentPage - 1) * 50 + 1, totalItems), " - ", Math.min(currentPage * 50, totalItems), " of ", totalItems)), /* @__PURE__ */ React53.createElement("section", { className: "mt-8 flex flex-col items-center" }, /* @__PURE__ */ React53.createElement("p", { className: "mb-4 text-xs tracking-widest text-neutral-400" }), /* @__PURE__ */ React53.createElement("div", { className: "bg-white rounded-full px-10 py-3 flex items-baseline justify-center tracking-tighter text-4xl text-black" }, /* @__PURE__ */ React53.createElement("span", { className: "text-[#068afe] mr-2" }, "$"), /* @__PURE__ */ React53.createElement(AnimatedCounter, { value: totalProcessedAmount })), /* @__PURE__ */ React53.createElement("p", { className: "mt-4 text-xs tracking-widest text-neutral-400" }, "Total Processed")), /* @__PURE__ */ React53.createElement(
+    OptionWithIcon,
+    {
+      isOpen: isCategoryModalOpen,
+      onClose: () => setIsCategoryModalOpen(false),
+      title: "Select Category",
+      options: CATEGORIES,
+      selectedOption: selectedCategory,
+      onSelect: (val) => setSelectedCategory(val),
+      showSearch: true
+    }
+  ));
+}
+
 // src/components/UniversalSettings.tsx
-import React52, { useState as useState38, useEffect as useEffect21, useRef as useRef14 } from "react";
+import React54, { useState as useState40, useEffect as useEffect22, useRef as useRef15 } from "react";
 import toast14 from "react-hot-toast";
-import { HugeiconsIcon as HugeiconsIcon39 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon41 } from "@hugeicons/react";
 import {
-  ArrowLeft01Icon as ArrowLeft01Icon18,
-  ArrowRight01Icon as ArrowRight01Icon14,
-  Loading03Icon as Loading03Icon25,
-  Search01Icon as Search01Icon6,
+  ArrowLeft01Icon as ArrowLeft01Icon19,
+  ArrowRight01Icon as ArrowRight01Icon15,
+  Loading03Icon as Loading03Icon26,
+  Search01Icon as Search01Icon8,
   SearchList02Icon as SearchList02Icon3,
-  ListSettingIcon as ListSettingIcon3,
+  ListSettingIcon as ListSettingIcon4,
   CircleLock02Icon as CircleLock02Icon3,
   Coins01Icon,
   PlusSignIcon as PlusSignIcon3
 } from "@hugeicons/core-free-icons";
 var MemberAvatar3 = ({ src, status, sizeClass = "w-10 h-10" }) => {
-  const [loaded, setLoaded] = useState38(false);
-  const [error, setError] = useState38(false);
+  const [loaded, setLoaded] = useState40(false);
+  const [error, setError] = useState40(false);
   const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif";
   const finalSrc = error || !src ? defaultAvatar : src;
   const getStatusColor = () => {
@@ -5449,10 +5705,10 @@ var MemberAvatar3 = ({ src, status, sizeClass = "w-10 h-10" }) => {
         return "bg-neutral-200";
     }
   };
-  return /* @__PURE__ */ React52.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React52.createElement("div", { className: "w-full h-full rounded-lg bg-neutral-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: Loading03Icon25, className: "animate-spin text-neutral-400 absolute", size: 14 }), /* @__PURE__ */ React52.createElement("img", { src: finalSrc, alt: "Member", className: `w-full h-full object-cover transition-opacity duration-300 ${loaded || error ? "opacity-100" : "opacity-0"}`, onLoad: () => setLoaded(true), onError: () => setError(true) })), /* @__PURE__ */ React52.createElement("div", { className: `absolute -bottom-1 -right-1 w-3.5 h-3.5 rounded-full border-2 border-white z-10 ${getStatusColor()}` }));
+  return /* @__PURE__ */ React54.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React54.createElement("div", { className: "w-full h-full rounded-lg bg-neutral-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: Loading03Icon26, className: "animate-spin text-neutral-400 absolute", size: 14 }), /* @__PURE__ */ React54.createElement("img", { src: finalSrc, alt: "Member", className: `w-full h-full object-cover transition-opacity duration-300 ${loaded || error ? "opacity-100" : "opacity-0"}`, onLoad: () => setLoaded(true), onError: () => setError(true) })), /* @__PURE__ */ React54.createElement("div", { className: `absolute -bottom-1 -right-1 w-3.5 h-3.5 rounded-full border-2 border-white z-10 ${getStatusColor()}` }));
 };
-var PageSpinner8 = () => /* @__PURE__ */ React52.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: Loading03Icon25, size: 32, className: "animate-spin mb-4 text-black" }));
-var InputSpinner3 = () => /* @__PURE__ */ React52.createElement("svg", { className: "animate-spin h-4 w-4 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React52.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React52.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
+var PageSpinner8 = () => /* @__PURE__ */ React54.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: Loading03Icon26, size: 32, className: "animate-spin mb-4 text-black" }));
+var InputSpinner3 = () => /* @__PURE__ */ React54.createElement("svg", { className: "animate-spin h-4 w-4 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React54.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React54.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
 var UniversalSettings = ({
   accountType,
   userRole,
@@ -5491,36 +5747,36 @@ var UniversalSettings = ({
   });
   const isOrg = accountType === "ORGANIZATION";
   const canManage = userRole === "ADMIN" || userRole === "MANAGER" || userRole === "OWNER";
-  const [activeTab, setActiveTab] = useState38(isOrg ? "MEMBERS" : "ACCOUNT");
-  const [expandedId, setExpandedId] = useState38(null);
-  const [memberToRemove, setMemberToRemove] = useState38(null);
-  const [isRemoving, setIsRemoving] = useState38(false);
-  const [isInviteMode, setIsInviteMode] = useState38(false);
-  const [inviteEmail, setInviteEmail] = useState38("");
-  const [isInviting, setIsInviting] = useState38(false);
-  const [localSearchQuery, setLocalSearchQuery] = useState38(membersSearchQuery);
-  const [isTyping, setIsTyping] = useState38(false);
-  const isFirstSearchMount = useRef14(true);
-  const [isStatusModalOpen, setIsStatusModalOpen] = useState38(false);
-  const [isRoleModalOpen, setIsRoleModalOpen] = useState38(false);
-  const [roleEditTarget, setRoleEditTarget] = useState38(null);
-  const [isUpdatingRole, setIsUpdatingRole] = useState38(false);
-  const [orgName, setOrgName] = useState38(initialOrgName);
-  const [orgSlug, setOrgSlug] = useState38(initialOrgSlug);
-  const [firstName, setFirstName] = useState38("");
-  const [lastName, setLastName] = useState38("");
-  const [isCheckingSlug, setIsCheckingSlug] = useState38(false);
-  const [slugAvailable, setSlugAvailable] = useState38(null);
-  const [isSavingOrg, setIsSavingOrg] = useState38(false);
-  const [isSavingProfile, setIsSavingProfile] = useState38(false);
-  useEffect21(() => {
+  const [activeTab, setActiveTab] = useState40(isOrg ? "MEMBERS" : "ACCOUNT");
+  const [expandedId, setExpandedId] = useState40(null);
+  const [memberToRemove, setMemberToRemove] = useState40(null);
+  const [isRemoving, setIsRemoving] = useState40(false);
+  const [isInviteMode, setIsInviteMode] = useState40(false);
+  const [inviteEmail, setInviteEmail] = useState40("");
+  const [isInviting, setIsInviting] = useState40(false);
+  const [localSearchQuery, setLocalSearchQuery] = useState40(membersSearchQuery);
+  const [isTyping, setIsTyping] = useState40(false);
+  const isFirstSearchMount = useRef15(true);
+  const [isStatusModalOpen, setIsStatusModalOpen] = useState40(false);
+  const [isRoleModalOpen, setIsRoleModalOpen] = useState40(false);
+  const [roleEditTarget, setRoleEditTarget] = useState40(null);
+  const [isUpdatingRole, setIsUpdatingRole] = useState40(false);
+  const [orgName, setOrgName] = useState40(initialOrgName);
+  const [orgSlug, setOrgSlug] = useState40(initialOrgSlug);
+  const [firstName, setFirstName] = useState40("");
+  const [lastName, setLastName] = useState40("");
+  const [isCheckingSlug, setIsCheckingSlug] = useState40(false);
+  const [slugAvailable, setSlugAvailable] = useState40(null);
+  const [isSavingOrg, setIsSavingOrg] = useState40(false);
+  const [isSavingProfile, setIsSavingProfile] = useState40(false);
+  useEffect22(() => {
     setOrgName(initialOrgName || "");
     setOrgSlug(initialOrgSlug || "");
     const parts = (initialFullName || "").split(" ");
     setFirstName(parts[0] || "");
     setLastName(parts.slice(1).join(" ") || "");
   }, [initialOrgName, initialOrgSlug, initialFullName]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (activeTab !== "MEMBERS") return;
     if (isFirstSearchMount.current) {
       isFirstSearchMount.current = false;
@@ -5577,7 +5833,7 @@ var UniversalSettings = ({
     }
   };
   const activeExpandedMember = expandedId ? members.find((m) => m.id === expandedId) : null;
-  useEffect21(() => {
+  useEffect22(() => {
     if (!isOrg || !orgSlug || orgSlug === initialOrgSlug) {
       setSlugAvailable(null);
       setIsCheckingSlug(false);
@@ -5637,11 +5893,11 @@ var UniversalSettings = ({
   const isOrgSaveDisabled = isSavingOrg || !canManage || isCheckingSlug || !hasOrgChanges || orgName.length < 3 || orgSlug.length < 3 || orgSlug !== initialOrgSlug && slugAvailable === false;
   const hasProfileChanges = `${firstName} ${lastName}`.trim() !== initialFullName;
   const isProfileSaveDisabled = isSavingProfile || !hasProfileChanges || firstName.length < 2 || lastName.length < 2;
-  return /* @__PURE__ */ React52.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React52.createElement(ManagedToaster, null), /* @__PURE__ */ React52.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ React52.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-[#068afe] hover:text-[#068afe] transition-colors text-[12px] outline-none" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: ArrowLeft01Icon18, size: 16 }), " Back")), /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col gap-1 mb-8 px-1" }, /* @__PURE__ */ React52.createElement("h1", { className: "text-black text-xl tracking-tight" }, "System Settings"), /* @__PURE__ */ React52.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your workspace identity, team configurations, and AI billing parameters.")), /* @__PURE__ */ React52.createElement("div", { className: "flex items-center gap-6 mb-6 overflow-x-auto custom-scrollbar px-1" }, isOrg && /* @__PURE__ */ React52.createElement("button", { onClick: () => {
+  return /* @__PURE__ */ React54.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React54.createElement(ManagedToaster, null), /* @__PURE__ */ React54.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ React54.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-[#068afe] hover:text-[#068afe] transition-colors text-[12px] outline-none" }, /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: ArrowLeft01Icon19, size: 16 }), " Back")), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-1 mb-8 px-1" }, /* @__PURE__ */ React54.createElement("h1", { className: "text-black text-xl tracking-tight" }, "System Settings"), /* @__PURE__ */ React54.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your workspace identity, team configurations, and AI billing parameters.")), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-6 mb-6 overflow-x-auto custom-scrollbar px-1" }, isOrg && /* @__PURE__ */ React54.createElement("button", { onClick: () => {
     setActiveTab("MEMBERS");
     setExpandedId(null);
     setIsInviteMode(false);
-  }, className: `pb-3 text-[12px] tracking-wide outline-none transition-colors border-b-2 whitespace-nowrap ${activeTab === "MEMBERS" ? "border-black text-black" : "border-transparent text-neutral-500 hover:text-black"}` }, "Members"), isOrg && /* @__PURE__ */ React52.createElement("button", { onClick: () => setActiveTab("ORGANIZATION"), className: `pb-3 text-[12px] tracking-wide outline-none transition-colors border-b-2 whitespace-nowrap ${activeTab === "ORGANIZATION" ? "border-black text-black" : "border-transparent text-neutral-500 hover:text-black"}` }, "Organization"), /* @__PURE__ */ React52.createElement("button", { onClick: () => setActiveTab("ACCOUNT"), className: `pb-3 text-[12px] tracking-wide outline-none transition-colors border-b-2 whitespace-nowrap ${activeTab === "ACCOUNT" ? "border-black text-black" : "border-transparent text-neutral-500 hover:text-black"}` }, "Profile")), activeTab === "MEMBERS" && isOrg && /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React52.createElement(
+  }, className: `pb-3 text-[12px] tracking-wide outline-none transition-colors border-b-2 whitespace-nowrap ${activeTab === "MEMBERS" ? "border-black text-black" : "border-transparent text-neutral-500 hover:text-black"}` }, "Members"), isOrg && /* @__PURE__ */ React54.createElement("button", { onClick: () => setActiveTab("ORGANIZATION"), className: `pb-3 text-[12px] tracking-wide outline-none transition-colors border-b-2 whitespace-nowrap ${activeTab === "ORGANIZATION" ? "border-black text-black" : "border-transparent text-neutral-500 hover:text-black"}` }, "Organization"), /* @__PURE__ */ React54.createElement("button", { onClick: () => setActiveTab("ACCOUNT"), className: `pb-3 text-[12px] tracking-wide outline-none transition-colors border-b-2 whitespace-nowrap ${activeTab === "ACCOUNT" ? "border-black text-black" : "border-transparent text-neutral-500 hover:text-black"}` }, "Profile")), activeTab === "MEMBERS" && isOrg && /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React54.createElement(
     ConfirmationDialog,
     {
       isOpen: !!memberToRemove,
@@ -5654,7 +5910,7 @@ var UniversalSettings = ({
       onClose: () => setMemberToRemove(null),
       onConfirm: handleConfirmRemove
     }
-  ), !isInviteMode && !activeExpandedMember && /* @__PURE__ */ React52.createElement("div", { className: "flex flex-row flex-nowrap mb-4 items-center justify-between gap-4 w-full px-1" }, /* @__PURE__ */ React52.createElement("div", { className: "relative flex-1 min-w-0 max-w-full" }, /* @__PURE__ */ React52.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: Search01Icon6, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React52.createElement("input", { type: "text", placeholder: "Search members...", value: localSearchQuery, onChange: (e) => setLocalSearchQuery(e.target.value), className: "w-full pl-10 pr-4 py-2 bg-white rounded-full text-[12px] text-black placeholder-neutral-400 outline-none transition-colors focus:border-black" })), /* @__PURE__ */ React52.createElement("div", { className: "flex items-center gap-3 w-auto pb-0 shrink-0" }, /* @__PURE__ */ React52.createElement("button", { onClick: () => setIsStatusModalOpen(true), className: "flex items-center justify-center bg-white w-9 h-9 rounded-full text-neutral-500 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: SearchList02Icon3, size: 16 })), /* @__PURE__ */ React52.createElement("button", { onClick: () => setIsRoleModalOpen(true), className: "flex items-center justify-center bg-white w-9 h-9 rounded-full text-neutral-500 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: ListSettingIcon3, size: 16 })))), /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, activeExpandedMember ? /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col animate-in fade-in zoom-in-95 duration-300 w-full" }, /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col gap-1 mb-8" }, /* @__PURE__ */ React52.createElement("h2", { className: "text-black text-xl tracking-tight" }, "Member Profile"), /* @__PURE__ */ React52.createElement("p", { className: "text-[12px] text-neutral-500" }, "View and manage this member's access privileges.")), /* @__PURE__ */ React52.createElement("div", { className: "flex items-center gap-4 mb-8" }, /* @__PURE__ */ React52.createElement(MemberAvatar3, { src: activeExpandedMember.avatarUrl, status: activeExpandedMember.status, sizeClass: "w-14 h-14" }), /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React52.createElement("span", { className: "text-sm text-black tracking-tight truncate" }, activeExpandedMember.fullName), /* @__PURE__ */ React52.createElement("div", { className: "flex items-center gap-2 mt-0.5" }, /* @__PURE__ */ React52.createElement("span", { className: "text-[12px] text-neutral-500 capitalize" }, activeExpandedMember.role.toLowerCase()), canManage && !activeExpandedMember.isRootAdmin && (isUpdatingRole ? /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: Loading03Icon25, size: 12, className: "animate-spin text-neutral-400 ml-1" }) : /* @__PURE__ */ React52.createElement("button", { onClick: () => setRoleEditTarget(activeExpandedMember), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit"))))), /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col sm:flex-row gap-3 pt-6 " }, canManage && !activeExpandedMember.isRootAdmin && /* @__PURE__ */ React52.createElement(
+  ), !isInviteMode && !activeExpandedMember && /* @__PURE__ */ React54.createElement("div", { className: "flex flex-row flex-nowrap mb-4 items-center justify-between gap-4 w-full px-1" }, /* @__PURE__ */ React54.createElement("div", { className: "relative flex-1 min-w-0 max-w-full" }, /* @__PURE__ */ React54.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: Search01Icon8, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React54.createElement("input", { type: "text", placeholder: "Search members...", value: localSearchQuery, onChange: (e) => setLocalSearchQuery(e.target.value), className: "w-full pl-10 pr-4 py-2 bg-white rounded-full text-[12px] text-black placeholder-neutral-400 outline-none transition-colors focus:border-black" })), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-3 w-auto pb-0 shrink-0" }, /* @__PURE__ */ React54.createElement("button", { onClick: () => setIsStatusModalOpen(true), className: "flex items-center justify-center bg-white w-9 h-9 rounded-full text-neutral-500 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: SearchList02Icon3, size: 16 })), /* @__PURE__ */ React54.createElement("button", { onClick: () => setIsRoleModalOpen(true), className: "flex items-center justify-center bg-white w-9 h-9 rounded-full text-neutral-500 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: ListSettingIcon4, size: 16 })))), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, activeExpandedMember ? /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col animate-in fade-in zoom-in-95 duration-300 w-full" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-1 mb-8" }, /* @__PURE__ */ React54.createElement("h2", { className: "text-black text-xl tracking-tight" }, "Member Profile"), /* @__PURE__ */ React54.createElement("p", { className: "text-[12px] text-neutral-500" }, "View and manage this member's access privileges.")), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-4 mb-8" }, /* @__PURE__ */ React54.createElement(MemberAvatar3, { src: activeExpandedMember.avatarUrl, status: activeExpandedMember.status, sizeClass: "w-14 h-14" }), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React54.createElement("span", { className: "text-sm text-black tracking-tight truncate" }, activeExpandedMember.fullName), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-2 mt-0.5" }, /* @__PURE__ */ React54.createElement("span", { className: "text-[12px] text-neutral-500 capitalize" }, activeExpandedMember.role.toLowerCase()), canManage && !activeExpandedMember.isRootAdmin && (isUpdatingRole ? /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: Loading03Icon26, size: 12, className: "animate-spin text-neutral-400 ml-1" }) : /* @__PURE__ */ React54.createElement("button", { onClick: () => setRoleEditTarget(activeExpandedMember), className: "text-[11px] text-[#068afe] hover:underline outline-none" }, "Edit"))))), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col sm:flex-row gap-3 pt-6 " }, canManage && !activeExpandedMember.isRootAdmin && /* @__PURE__ */ React54.createElement(
     "button",
     {
       onClick: () => setMemberToRemove(activeExpandedMember),
@@ -5662,24 +5918,24 @@ var UniversalSettings = ({
       className: "w-full sm:flex-1 py-2.5 bg-white border border-rose-200 text-rose-600 hover:bg-rose-50 rounded-full text-[12px] tracking-wide transition-colors outline-none disabled:opacity-50"
     },
     "Remove Access"
-  ), /* @__PURE__ */ React52.createElement("button", { onClick: () => setExpandedId(null), disabled: isUpdatingRole, className: "w-full sm:flex-1 py-2.5 bg-white border border-neutral-200 text-black hover:bg-neutral-100 rounded-full text-[12px] tracking-wide transition-colors outline-none disabled:opacity-50" }, "Close Profile"))) : /* @__PURE__ */ React52.createElement(React52.Fragment, null, /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React52.createElement("div", { className: "flex flex-row items-center justify-between gap-4" }, /* @__PURE__ */ React52.createElement("h2", { className: "text-black text-xl tracking-tight" }, isInviteMode ? "Add Member" : "Team Directory"), !isInviteMode && canManage && /* @__PURE__ */ React52.createElement("button", { onClick: () => setIsInviteMode(true), className: "shrink-0 px-4 py-1.5 border border-neutral-200 text-black text-[12px] tracking-wide rounded-full hover:bg-neutral-50 transition-colors outline-none" }, "Invite Team")), !isInviteMode && /* @__PURE__ */ React52.createElement("p", { className: "text-[12px] text-neutral-500" }, "Manage members and access controls across your organization.")), /* @__PURE__ */ React52.createElement("div", { className: "w-full overflow-hidden" }, isInviteMode ? /* @__PURE__ */ React52.createElement("form", { onSubmit: handleInviteSubmit, className: "flex flex-col gap-8 animate-in fade-in duration-300" }, /* @__PURE__ */ React52.createElement("div", { className: "space-y-1.5 mt-2" }, /* @__PURE__ */ React52.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Email Address"), /* @__PURE__ */ React52.createElement("input", { type: "email", value: inviteEmail, onChange: (e) => setInviteEmail(cleanEmailId(e.target.value)), required: true, autoFocus: true, className: "w-full px-2 py-3 bg-transparent text-sm border-b border-neutral-200 text-black outline-none focus:border-black transition-all duration-300", placeholder: "name@company.com" })), /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React52.createElement(ThreeDActionButton, { type: "submit", disabled: inviteEmail.length < 5 || isInviting, isLoading: isInviting, className: "w-full" }, "Send Invitation"), /* @__PURE__ */ React52.createElement("button", { type: "button", onClick: () => {
+  ), /* @__PURE__ */ React54.createElement("button", { onClick: () => setExpandedId(null), disabled: isUpdatingRole, className: "w-full sm:flex-1 py-2.5 bg-white border border-neutral-200 text-black hover:bg-neutral-100 rounded-full text-[12px] tracking-wide transition-colors outline-none disabled:opacity-50" }, "Close Profile"))) : /* @__PURE__ */ React54.createElement(React54.Fragment, null, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-row items-center justify-between gap-4" }, /* @__PURE__ */ React54.createElement("h2", { className: "text-black text-xl tracking-tight" }, isInviteMode ? "Add Member" : "Team Directory"), !isInviteMode && canManage && /* @__PURE__ */ React54.createElement("button", { onClick: () => setIsInviteMode(true), className: "shrink-0 px-4 py-1.5 border border-neutral-200 text-black text-[12px] tracking-wide rounded-full hover:bg-neutral-50 transition-colors outline-none" }, "Invite Team")), !isInviteMode && /* @__PURE__ */ React54.createElement("p", { className: "text-[12px] text-neutral-500" }, "Manage members and access controls across your organization.")), /* @__PURE__ */ React54.createElement("div", { className: "w-full overflow-hidden" }, isInviteMode ? /* @__PURE__ */ React54.createElement("form", { onSubmit: handleInviteSubmit, className: "flex flex-col gap-8 animate-in fade-in duration-300" }, /* @__PURE__ */ React54.createElement("div", { className: "space-y-1.5 mt-2" }, /* @__PURE__ */ React54.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Email Address"), /* @__PURE__ */ React54.createElement("input", { type: "email", value: inviteEmail, onChange: (e) => setInviteEmail(cleanEmailId(e.target.value)), required: true, autoFocus: true, className: "w-full px-2 py-3 bg-transparent text-sm border-b border-neutral-200 text-black outline-none focus:border-black transition-all duration-300", placeholder: "name@company.com" })), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React54.createElement(ThreeDActionButton, { type: "submit", disabled: inviteEmail.length < 5 || isInviting, isLoading: isInviting, className: "w-full" }, "Send Invitation"), /* @__PURE__ */ React54.createElement("button", { type: "button", onClick: () => {
     setIsInviteMode(false);
     setInviteEmail("");
-  }, disabled: isInviting, className: "w-full flex items-center justify-center py-2.5 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none text-xs tracking-wide" }, "Cancel"))) : isMembersLoading || isTyping ? /* @__PURE__ */ React52.createElement(PageSpinner8, null) : /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col min-w-0 animate-in fade-in duration-300" }, /* @__PURE__ */ React52.createElement("div", null, members.length === 0 ? /* @__PURE__ */ React52.createElement("p", { className: "text-[12px] text-neutral-400 py-6 text-center" }, "No members found") : members.map((member) => /* @__PURE__ */ React52.createElement("div", { key: member.id, onClick: () => setExpandedId(member.id), className: "flex items-center justify-between py-3 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl" }, /* @__PURE__ */ React52.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ React52.createElement(MemberAvatar3, { src: member.avatarUrl, status: member.status }), /* @__PURE__ */ React52.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-0.5" }, /* @__PURE__ */ React52.createElement("p", { className: "text-[12px] text-black truncate" }, member.fullName), /* @__PURE__ */ React52.createElement("p", { className: "text-[11px] text-neutral-500 capitalize truncate" }, member.role.toLowerCase())))))), /* @__PURE__ */ React52.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ React52.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em]" }, "Page ", membersCurrentPage, " of ", membersTotalPages === 0 ? 1 : membersTotalPages), /* @__PURE__ */ React52.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React52.createElement("button", { onClick: () => onMembersPageChange(membersCurrentPage - 1), disabled: membersCurrentPage <= 1 || isMembersLoading, className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: ArrowLeft01Icon18, size: 14 })), /* @__PURE__ */ React52.createElement("button", { onClick: () => onMembersPageChange(membersCurrentPage + 1), disabled: membersCurrentPage >= membersTotalPages || isMembersLoading || membersTotalPages === 0, className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: ArrowRight01Icon14, size: 14 })))))))), /* @__PURE__ */ React52.createElement(ReusableOptions, { isOpen: isStatusModalOpen, onClose: () => setIsStatusModalOpen(false), title: "Status Filter", options: ["ALL", "ACTIVE", "BUSY", "OFFLINE", "AWAY"], selectedOption: activeStatusFilter, onSelect: (status) => onStatusFilterChange(status) }), /* @__PURE__ */ React52.createElement(ReusableOptions, { isOpen: isRoleModalOpen, onClose: () => setIsRoleModalOpen(false), title: "Role Filter", options: ["ALL", "ADMIN", "MANAGER", "MEMBER"], selectedOption: activeRoleFilter, onSelect: (role) => onRoleFilterChange(role) }), /* @__PURE__ */ React52.createElement(ReusableOptions, { isOpen: !!roleEditTarget, onClose: () => setRoleEditTarget(null), title: "Modify Access Role", options: ["ADMIN", "MANAGER", "MEMBER"], selectedOption: roleEditTarget?.role || "", onSelect: handleRoleUpdate })), activeTab === "ORGANIZATION" && isOrg && /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col gap-8 animate-in rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ React52.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React52.createElement("div", null, /* @__PURE__ */ React52.createElement("h2", { className: "text-black text-xl mb-1 tracking-tight" }, "Workspace Details"), /* @__PURE__ */ React52.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your organizational identity and handles.")), !canManage && /* @__PURE__ */ React52.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: CircleLock02Icon3, size: 18, className: "text-current" }))), /* @__PURE__ */ React52.createElement("form", { className: "flex flex-col gap-8 w-full max-w-5xl", onSubmit: handleSaveOrganization, autoComplete: "off" }, /* @__PURE__ */ React52.createElement(TextInput, { label: "Workspace Name", value: orgName, onChange: handleOrgNameChange, disabled: !canManage || isSavingOrg, placeholder: "Acme Corporation", maxLength: 50 }), /* @__PURE__ */ React52.createElement("div", { className: "space-y-1.5 relative w-full" }, /* @__PURE__ */ React52.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Workspace Handle"), /* @__PURE__ */ React52.createElement("div", { className: "flex items-center relative w-full border-b border-neutral-200 focus-within:border-black transition-all duration-300 overflow-hidden" }, /* @__PURE__ */ React52.createElement("input", { type: "text", value: orgSlug, disabled: !canManage || isSavingOrg, onChange: (e) => handleOrgSlugChange(e.target.value), spellCheck: "false", autoComplete: "off", className: "w-full pr-10 pl-0 py-3 text-sm bg-transparent text-black outline-none disabled:opacity-50 disabled:cursor-not-allowed", placeholder: "workspace-handle" }), /* @__PURE__ */ React52.createElement("div", { className: "absolute right-2 top-1/2 -translate-y-1/2" }, isCheckingSlug && /* @__PURE__ */ React52.createElement(InputSpinner3, null), !isCheckingSlug && canManage && orgSlug !== initialOrgSlug && orgSlug.length >= 3 && slugAvailable === false && /* @__PURE__ */ React52.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-red-100" }, /* @__PURE__ */ React52.createElement("svg", { className: "w-2 h-2 text-red-600", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React52.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }))), !isCheckingSlug && canManage && orgSlug !== initialOrgSlug && orgSlug.length >= 3 && slugAvailable === true && /* @__PURE__ */ React52.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-green-100" }, /* @__PURE__ */ React52.createElement("svg", { className: "w-2 h-2 text-green-600", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React52.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.707 5.293a1 1 0 00-1.414 0L8 12.586 4.707 9.293a1 1 0 10-1.414 1.414l4 4a1 1 0 001.414 0l8-8a1 1 0 000-1.414z" })))))), /* @__PURE__ */ React52.createElement("div", { className: "pt-8 mt-2 flex items-center gap-4" }, /* @__PURE__ */ React52.createElement(ThreeDActionButton, { type: "submit", disabled: isOrgSaveDisabled, isLoading: isSavingOrg, className: "min-w-32" }, "Save Changes"), hasOrgChanges && !isSavingOrg && canManage && /* @__PURE__ */ React52.createElement("button", { type: "button", onClick: () => {
+  }, disabled: isInviting, className: "w-full flex items-center justify-center py-2.5 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none text-xs tracking-wide" }, "Cancel"))) : isMembersLoading || isTyping ? /* @__PURE__ */ React54.createElement(PageSpinner8, null) : /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col min-w-0 animate-in fade-in duration-300" }, /* @__PURE__ */ React54.createElement("div", null, members.length === 0 ? /* @__PURE__ */ React54.createElement("p", { className: "text-[12px] text-neutral-400 py-6 text-center" }, "No members found") : members.map((member) => /* @__PURE__ */ React54.createElement("div", { key: member.id, onClick: () => setExpandedId(member.id), className: "flex items-center justify-between py-3 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl" }, /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ React54.createElement(MemberAvatar3, { src: member.avatarUrl, status: member.status }), /* @__PURE__ */ React54.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-0.5" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[12px] text-black truncate" }, member.fullName), /* @__PURE__ */ React54.createElement("p", { className: "text-[11px] text-neutral-500 capitalize truncate" }, member.role.toLowerCase())))))), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ React54.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em]" }, "Page ", membersCurrentPage, " of ", membersTotalPages === 0 ? 1 : membersTotalPages), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React54.createElement("button", { onClick: () => onMembersPageChange(membersCurrentPage - 1), disabled: membersCurrentPage <= 1 || isMembersLoading, className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none" }, /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: ArrowLeft01Icon19, size: 14 })), /* @__PURE__ */ React54.createElement("button", { onClick: () => onMembersPageChange(membersCurrentPage + 1), disabled: membersCurrentPage >= membersTotalPages || isMembersLoading || membersTotalPages === 0, className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none" }, /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: ArrowRight01Icon15, size: 14 })))))))), /* @__PURE__ */ React54.createElement(ReusableOptions, { isOpen: isStatusModalOpen, onClose: () => setIsStatusModalOpen(false), title: "Status Filter", options: ["ALL", "ACTIVE", "BUSY", "OFFLINE", "AWAY"], selectedOption: activeStatusFilter, onSelect: (status) => onStatusFilterChange(status) }), /* @__PURE__ */ React54.createElement(ReusableOptions, { isOpen: isRoleModalOpen, onClose: () => setIsRoleModalOpen(false), title: "Role Filter", options: ["ALL", "ADMIN", "MANAGER", "MEMBER"], selectedOption: activeRoleFilter, onSelect: (role) => onRoleFilterChange(role) }), /* @__PURE__ */ React54.createElement(ReusableOptions, { isOpen: !!roleEditTarget, onClose: () => setRoleEditTarget(null), title: "Modify Access Role", options: ["ADMIN", "MANAGER", "MEMBER"], selectedOption: roleEditTarget?.role || "", onSelect: handleRoleUpdate })), activeTab === "ORGANIZATION" && isOrg && /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-8 animate-in rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ React54.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React54.createElement("div", null, /* @__PURE__ */ React54.createElement("h2", { className: "text-black text-xl mb-1 tracking-tight" }, "Workspace Details"), /* @__PURE__ */ React54.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your organizational identity and handles.")), !canManage && /* @__PURE__ */ React54.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: CircleLock02Icon3, size: 18, className: "text-current" }))), /* @__PURE__ */ React54.createElement("form", { className: "flex flex-col gap-8 w-full max-w-5xl", onSubmit: handleSaveOrganization, autoComplete: "off" }, /* @__PURE__ */ React54.createElement(TextInput, { label: "Workspace Name", value: orgName, onChange: handleOrgNameChange, disabled: !canManage || isSavingOrg, placeholder: "Acme Corporation", maxLength: 50 }), /* @__PURE__ */ React54.createElement("div", { className: "space-y-1.5 relative w-full" }, /* @__PURE__ */ React54.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Workspace Handle"), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center relative w-full border-b border-neutral-200 focus-within:border-black transition-all duration-300 overflow-hidden" }, /* @__PURE__ */ React54.createElement("input", { type: "text", value: orgSlug, disabled: !canManage || isSavingOrg, onChange: (e) => handleOrgSlugChange(e.target.value), spellCheck: "false", autoComplete: "off", className: "w-full pr-10 pl-0 py-3 text-sm bg-transparent text-black outline-none disabled:opacity-50 disabled:cursor-not-allowed", placeholder: "workspace-handle" }), /* @__PURE__ */ React54.createElement("div", { className: "absolute right-2 top-1/2 -translate-y-1/2" }, isCheckingSlug && /* @__PURE__ */ React54.createElement(InputSpinner3, null), !isCheckingSlug && canManage && orgSlug !== initialOrgSlug && orgSlug.length >= 3 && slugAvailable === false && /* @__PURE__ */ React54.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-red-100" }, /* @__PURE__ */ React54.createElement("svg", { className: "w-2 h-2 text-red-600", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React54.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" }))), !isCheckingSlug && canManage && orgSlug !== initialOrgSlug && orgSlug.length >= 3 && slugAvailable === true && /* @__PURE__ */ React54.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-green-100" }, /* @__PURE__ */ React54.createElement("svg", { className: "w-2 h-2 text-green-600", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React54.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.707 5.293a1 1 0 00-1.414 0L8 12.586 4.707 9.293a1 1 0 10-1.414 1.414l4 4a1 1 0 001.414 0l8-8a1 1 0 000-1.414z" })))))), /* @__PURE__ */ React54.createElement("div", { className: "pt-8 mt-2 flex items-center gap-4" }, /* @__PURE__ */ React54.createElement(ThreeDActionButton, { type: "submit", disabled: isOrgSaveDisabled, isLoading: isSavingOrg, className: "min-w-32" }, "Save Changes"), hasOrgChanges && !isSavingOrg && canManage && /* @__PURE__ */ React54.createElement("button", { type: "button", onClick: () => {
     setOrgName(initialOrgName || "");
     setOrgSlug(initialOrgSlug || "");
-  }, className: "text-[11px] tracking-widest text-neutral-400 hover:text-black transition-colors outline-none" }, "Cancel")))), activeTab === "ACCOUNT" && /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col gap-6 animate-in fade-in duration-300" }, /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col gap-8 rounded-2xl p-6 bg-white w-full" }, /* @__PURE__ */ React52.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React52.createElement("div", null, /* @__PURE__ */ React52.createElement("h2", { className: "text-black text-xl mb-1 tracking-tight" }, "Personal Identity"), /* @__PURE__ */ React52.createElement("p", { className: "text-xs text-neutral-500" }, "Update your system display name and contact email."))), /* @__PURE__ */ React52.createElement("form", { className: "flex flex-col gap-6 w-full max-w-5xl", onSubmit: handleSaveProfile, autoComplete: "off" }, /* @__PURE__ */ React52.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-6" }, /* @__PURE__ */ React52.createElement(TextInput, { label: "First Name", value: firstName, onChange: (v) => setFirstName(v.replace(/[^a-zA-Z\s-]/g, "").substring(0, 50)), disabled: isSavingProfile, placeholder: "First name", maxLength: 50 }), /* @__PURE__ */ React52.createElement(TextInput, { label: "Last Name", value: lastName, onChange: (v) => setLastName(v.replace(/[^a-zA-Z\s-]/g, "").substring(0, 50)), disabled: isSavingProfile, placeholder: "Last name", maxLength: 50 })), /* @__PURE__ */ React52.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React52.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Email Address"), /* @__PURE__ */ React52.createElement("input", { type: "email", value: initialEmail, disabled: true, className: "w-full pb-3 pt-3 text-sm bg-transparent text-neutral-400 border-b border-neutral-200 outline-none cursor-not-allowed" })), /* @__PURE__ */ React52.createElement("div", { className: "pt-4 flex items-center gap-4" }, /* @__PURE__ */ React52.createElement(ThreeDActionButton, { type: "submit", disabled: isProfileSaveDisabled, isLoading: isSavingProfile, className: "min-w-32" }, "Update Identity")))), /* @__PURE__ */ React52.createElement("div", { className: "bg-white rounded-2xl p-6 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-6 border border-neutral-100" }, /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col items-start max-w-sm" }, /* @__PURE__ */ React52.createElement("p", { className: "text-[11px] text-neutral-400 tracking-[0.2em] mb-2 uppercase" }, "AI Credits Balance"), isBillingLoading ? /* @__PURE__ */ React52.createElement("div", { className: "h-8 w-32 bg-neutral-100 animate-pulse rounded mt-1" }) : /* @__PURE__ */ React52.createElement("div", { className: "flex items-center gap-2 mt-1" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: Coins01Icon, size: 28, className: "text-[#000000]" }), /* @__PURE__ */ React52.createElement("span", { className: "text-3xl  text-black tracking-tight" }, aiCredits)), /* @__PURE__ */ React52.createElement("p", { className: "text-[11px] text-neutral-500 mt-4 leading-relaxed" }, "AI credits are consumed when generating intelligent summaries, transcriptions, and automated huddle insights.")), /* @__PURE__ */ React52.createElement("button", { onClick: onTopUp, className: "w-12 h-12 rounded-full border border-neutral-200 flex items-center justify-center text-black hover:bg-neutral-50 transition-colors outline-none shrink-0", "aria-label": "Top Up Credits" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon39, { icon: PlusSignIcon3, size: 20 })))));
+  }, className: "text-[11px] tracking-widest text-neutral-400 hover:text-black transition-colors outline-none" }, "Cancel")))), activeTab === "ACCOUNT" && /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-6 animate-in fade-in duration-300" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-8 rounded-2xl p-6 bg-white w-full" }, /* @__PURE__ */ React54.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React54.createElement("div", null, /* @__PURE__ */ React54.createElement("h2", { className: "text-black text-xl mb-1 tracking-tight" }, "Personal Identity"), /* @__PURE__ */ React54.createElement("p", { className: "text-xs text-neutral-500" }, "Update your system display name and contact email."))), /* @__PURE__ */ React54.createElement("form", { className: "flex flex-col gap-6 w-full max-w-5xl", onSubmit: handleSaveProfile, autoComplete: "off" }, /* @__PURE__ */ React54.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-6" }, /* @__PURE__ */ React54.createElement(TextInput, { label: "First Name", value: firstName, onChange: (v) => setFirstName(v.replace(/[^a-zA-Z\s-]/g, "").substring(0, 50)), disabled: isSavingProfile, placeholder: "First name", maxLength: 50 }), /* @__PURE__ */ React54.createElement(TextInput, { label: "Last Name", value: lastName, onChange: (v) => setLastName(v.replace(/[^a-zA-Z\s-]/g, "").substring(0, 50)), disabled: isSavingProfile, placeholder: "Last name", maxLength: 50 })), /* @__PURE__ */ React54.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React54.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Email Address"), /* @__PURE__ */ React54.createElement("input", { type: "email", value: initialEmail, disabled: true, className: "w-full pb-3 pt-3 text-sm bg-transparent text-neutral-400 border-b border-neutral-200 outline-none cursor-not-allowed" })), /* @__PURE__ */ React54.createElement("div", { className: "pt-4 flex items-center gap-4" }, /* @__PURE__ */ React54.createElement(ThreeDActionButton, { type: "submit", disabled: isProfileSaveDisabled, isLoading: isSavingProfile, className: "min-w-32" }, "Update Identity")))), /* @__PURE__ */ React54.createElement("div", { className: "bg-white rounded-2xl p-6 w-full flex flex-col sm:flex-row sm:items-center justify-between gap-6 border border-neutral-100" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col items-start max-w-sm" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[11px] text-neutral-400 tracking-[0.2em] mb-2 uppercase" }, "AI Credits Balance"), isBillingLoading ? /* @__PURE__ */ React54.createElement("div", { className: "h-8 w-32 bg-neutral-100 animate-pulse rounded mt-1" }) : /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-2 mt-1" }, /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: Coins01Icon, size: 28, className: "text-[#000000]" }), /* @__PURE__ */ React54.createElement("span", { className: "text-3xl  text-black tracking-tight" }, aiCredits)), /* @__PURE__ */ React54.createElement("p", { className: "text-[11px] text-neutral-500 mt-4 leading-relaxed" }, "AI credits are consumed when generating intelligent summaries, transcriptions, and automated huddle insights.")), /* @__PURE__ */ React54.createElement("button", { onClick: onTopUp, className: "w-12 h-12 rounded-full border border-neutral-200 flex items-center justify-center text-black hover:bg-neutral-50 transition-colors outline-none shrink-0", "aria-label": "Top Up Credits" }, /* @__PURE__ */ React54.createElement(HugeiconsIcon41, { icon: PlusSignIcon3, size: 20 })))));
 };
 
 // src/components/UniversalCreateHuddle.tsx
-import React53, { useState as useState39, useEffect as useEffect22, useRef as useRef15 } from "react";
+import React55, { useState as useState41, useEffect as useEffect23, useRef as useRef16 } from "react";
 import toast15 from "react-hot-toast";
-import { HugeiconsIcon as HugeiconsIcon40 } from "@hugeicons/react";
+import { HugeiconsIcon as HugeiconsIcon42 } from "@hugeicons/react";
 import {
-  ArrowLeft01Icon as ArrowLeft01Icon19,
-  ArrowRight01Icon as ArrowRight01Icon15,
-  Loading03Icon as Loading03Icon26,
-  Search01Icon as Search01Icon7,
+  ArrowLeft01Icon as ArrowLeft01Icon20,
+  ArrowRight01Icon as ArrowRight01Icon16,
+  Loading03Icon as Loading03Icon27,
+  Search01Icon as Search01Icon9,
   Calendar01Icon as Calendar01Icon2,
   Clock01Icon as Clock01Icon2,
   Globe02Icon as Globe02Icon2,
@@ -5687,10 +5943,10 @@ import {
   CircleLock02Icon as CircleLock02Icon4
 } from "@hugeicons/core-free-icons";
 var MemberAvatar4 = ({ src, sizeClass = "w-10 h-10" }) => {
-  const [loaded, setLoaded] = useState39(false);
-  const [error, setError] = useState39(false);
+  const [loaded, setLoaded] = useState41(false);
+  const [error, setError] = useState41(false);
   const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif";
-  return /* @__PURE__ */ React53.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React53.createElement("div", { className: "w-full h-full rounded-lg bg-neutral-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: Loading03Icon26, className: "animate-spin text-neutral-400 absolute", size: 14 }), /* @__PURE__ */ React53.createElement(
+  return /* @__PURE__ */ React55.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React55.createElement("div", { className: "w-full h-full rounded-lg bg-neutral-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React55.createElement(HugeiconsIcon42, { icon: Loading03Icon27, className: "animate-spin text-neutral-400 absolute", size: 14 }), /* @__PURE__ */ React55.createElement(
     "img",
     {
       src: error || !src ? defaultAvatar : src,
@@ -5731,28 +5987,28 @@ var UniversalCreateHuddle = ({
   onCreateSubmit
 }) => {
   const canManage = userRole === "ADMIN" || userRole === "MANAGER" || userRole === "OWNER";
-  const [huddleDate, setHuddleDate] = useState39(() => {
+  const [huddleDate, setHuddleDate] = useState41(() => {
     const d = /* @__PURE__ */ new Date();
     d.setHours(d.getHours() + 1, 0, 0, 0);
     return d;
   });
-  const [title, setTitle] = useState39("");
-  const [isPrivate, setIsPrivate] = useState39(false);
-  const [timezone, setTimezone] = useState39("UTC");
-  useEffect22(() => {
+  const [title, setTitle] = useState41("");
+  const [isPrivate, setIsPrivate] = useState41(false);
+  const [timezone, setTimezone] = useState41("UTC");
+  useEffect23(() => {
     try {
       setTimezone(Intl.DateTimeFormat().resolvedOptions().timeZone);
     } catch (e) {
     }
   }, []);
-  const [calendarMode, setCalendarMode] = useState39(null);
-  const [showTimezoneModal, setShowTimezoneModal] = useState39(false);
-  const [showMembersModal, setShowMembersModal] = useState39(false);
-  const [selectedParticipants, setSelectedParticipants] = useState39(/* @__PURE__ */ new Set());
-  const [isSubmitting, setIsSubmitting] = useState39(false);
-  const [localSearchQuery, setLocalSearchQuery] = useState39(membersSearchQuery);
-  const [isTyping, setIsTyping] = useState39(false);
-  const typingTimer = useRef15(null);
+  const [calendarMode, setCalendarMode] = useState41(null);
+  const [showTimezoneModal, setShowTimezoneModal] = useState41(false);
+  const [showMembersModal, setShowMembersModal] = useState41(false);
+  const [selectedParticipants, setSelectedParticipants] = useState41(/* @__PURE__ */ new Set());
+  const [isSubmitting, setIsSubmitting] = useState41(false);
+  const [localSearchQuery, setLocalSearchQuery] = useState41(membersSearchQuery);
+  const [isTyping, setIsTyping] = useState41(false);
+  const typingTimer = useRef16(null);
   const handleSearchInput = (e) => {
     const val = e.target.value;
     setLocalSearchQuery(val);
@@ -5790,7 +6046,7 @@ var UniversalCreateHuddle = ({
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ React53.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ React53.createElement(ManagedToaster, null), /* @__PURE__ */ React53.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ React53.createElement("a", { href: onBackHref, className: "flex items-center gap-2 text-[#068afe] hover:text-[#068afe] transition-colors text-[12px] outline-none" }, /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: ArrowLeft01Icon19, size: 16 }), " Back")), /* @__PURE__ */ React53.createElement("div", { className: "flex flex-col gap-1 mb-8 px-1" }, /* @__PURE__ */ React53.createElement("h1", { className: "text-black text-xl tracking-tight" }, "Create Huddle"), /* @__PURE__ */ React53.createElement("p", { className: "text-xs text-neutral-500" }, "Schedule a new workspace huddle and manage participant access.")), /* @__PURE__ */ React53.createElement("div", { className: "flex flex-col gap-8 animate-in rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ React53.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSubmit, autoComplete: "off" }, !canManage && /* @__PURE__ */ React53.createElement("div", { className: "flex items-start gap-3 p-4 bg-neutral-50  rounded-xl" }, /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: CircleLock02Icon4, size: 20, className: "text-neutral-500 shrink-0 mt-0.5" }), /* @__PURE__ */ React53.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React53.createElement("span", { className: "text-[12px] text-black  tracking-tight" }, "Access Restricted"), /* @__PURE__ */ React53.createElement("span", { className: "text-[12px] text-neutral-500 mt-1 leading-relaxed" }, "You do not have sufficient permissions to access this page. Contact organization admin or manager."))), /* @__PURE__ */ React53.createElement(
+  return /* @__PURE__ */ React55.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ React55.createElement(ManagedToaster, null), /* @__PURE__ */ React55.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ React55.createElement("a", { href: onBackHref, className: "flex items-center gap-2 text-[#068afe] hover:text-[#068afe] transition-colors text-[12px] outline-none" }, /* @__PURE__ */ React55.createElement(HugeiconsIcon42, { icon: ArrowLeft01Icon20, size: 16 }), " Back")), /* @__PURE__ */ React55.createElement("div", { className: "flex flex-col gap-1 mb-8 px-1" }, /* @__PURE__ */ React55.createElement("h1", { className: "text-black text-xl tracking-tight" }, "Create Huddle"), /* @__PURE__ */ React55.createElement("p", { className: "text-xs text-neutral-500" }, "Schedule a new workspace huddle and manage participant access.")), /* @__PURE__ */ React55.createElement("div", { className: "flex flex-col gap-8 animate-in rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ React55.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSubmit, autoComplete: "off" }, !canManage && /* @__PURE__ */ React55.createElement("div", { className: "flex items-start gap-3 p-4 bg-neutral-50  rounded-xl" }, /* @__PURE__ */ React55.createElement(HugeiconsIcon42, { icon: CircleLock02Icon4, size: 20, className: "text-neutral-500 shrink-0 mt-0.5" }), /* @__PURE__ */ React55.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React55.createElement("span", { className: "text-[12px] text-black  tracking-tight" }, "Access Restricted"), /* @__PURE__ */ React55.createElement("span", { className: "text-[12px] text-neutral-500 mt-1 leading-relaxed" }, "You do not have sufficient permissions to access this page. Contact organization admin or manager."))), /* @__PURE__ */ React55.createElement(
     TextInput,
     {
       label: "Huddle Subject",
@@ -5800,31 +6056,31 @@ var UniversalCreateHuddle = ({
       placeholder: "e.g. Q4 Engineering Sync",
       maxLength: 80
     }
-  ), /* @__PURE__ */ React53.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-6" }, /* @__PURE__ */ React53.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React53.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Date"), /* @__PURE__ */ React53.createElement(
+  ), /* @__PURE__ */ React55.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-6" }, /* @__PURE__ */ React55.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React55.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Date"), /* @__PURE__ */ React55.createElement(
     "div",
     {
       onClick: () => canManage && !isSubmitting && setCalendarMode("DATE"),
       className: `flex items-center relative w-full border-b border-neutral-200 transition-all duration-300 pb-3 pt-3 ${!canManage || isSubmitting ? "opacity-50 pointer-events-none" : "hover:border-black cursor-pointer"}`
     },
-    /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: Calendar01Icon2, size: 16, className: "text-neutral-400 absolute left-0" }),
-    /* @__PURE__ */ React53.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }))
-  )), /* @__PURE__ */ React53.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React53.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Time"), /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React55.createElement(HugeiconsIcon42, { icon: Calendar01Icon2, size: 16, className: "text-neutral-400 absolute left-0" }),
+    /* @__PURE__ */ React55.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }))
+  )), /* @__PURE__ */ React55.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React55.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Time"), /* @__PURE__ */ React55.createElement(
     "div",
     {
       onClick: () => canManage && !isSubmitting && setCalendarMode("TIME"),
       className: `flex items-center relative w-full border-b border-neutral-200 transition-all duration-300 pb-3 pt-3 ${!canManage || isSubmitting ? "opacity-50 pointer-events-none" : "hover:border-black cursor-pointer"}`
     },
-    /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: Clock01Icon2, size: 16, className: "text-neutral-400 absolute left-0" }),
-    /* @__PURE__ */ React53.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }))
-  )), /* @__PURE__ */ React53.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React53.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Timezone"), /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React55.createElement(HugeiconsIcon42, { icon: Clock01Icon2, size: 16, className: "text-neutral-400 absolute left-0" }),
+    /* @__PURE__ */ React55.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }))
+  )), /* @__PURE__ */ React55.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React55.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Timezone"), /* @__PURE__ */ React55.createElement(
     "div",
     {
       onClick: () => canManage && !isSubmitting && setShowTimezoneModal(true),
       className: `flex items-center relative w-full border-b border-neutral-200 transition-all duration-300 pb-3 pt-3 ${!canManage || isSubmitting ? "opacity-50 pointer-events-none" : "hover:border-black cursor-pointer"}`
     },
-    /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: Globe02Icon2, size: 16, className: "text-neutral-400 absolute left-0" }),
-    /* @__PURE__ */ React53.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, timezone)
-  ))), /* @__PURE__ */ React53.createElement("div", { className: `flex items-center justify-between py-2 mt-2 ${!canManage ? "opacity-50 pointer-events-none" : ""}` }, /* @__PURE__ */ React53.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React53.createElement("span", { className: "text-[12px] text-black tracking-tight" }, "Private Huddle"), /* @__PURE__ */ React53.createElement("span", { className: "text-[11px] text-neutral-500" }, "Only invited members can join.")), /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React55.createElement(HugeiconsIcon42, { icon: Globe02Icon2, size: 16, className: "text-neutral-400 absolute left-0" }),
+    /* @__PURE__ */ React55.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, timezone)
+  ))), /* @__PURE__ */ React55.createElement("div", { className: `flex items-center justify-between py-2 mt-2 ${!canManage ? "opacity-50 pointer-events-none" : ""}` }, /* @__PURE__ */ React55.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React55.createElement("span", { className: "text-[12px] text-black tracking-tight" }, "Private Huddle"), /* @__PURE__ */ React55.createElement("span", { className: "text-[11px] text-neutral-500" }, "Only invited members can join.")), /* @__PURE__ */ React55.createElement(
     "button",
     {
       type: "button",
@@ -5832,8 +6088,8 @@ var UniversalCreateHuddle = ({
       disabled: !canManage || isSubmitting,
       className: `relative w-11 h-6 rounded-full transition-colors outline-none shrink-0 ${isPrivate ? "bg-[#068afe]" : "bg-neutral-200"}`
     },
-    /* @__PURE__ */ React53.createElement("div", { className: `absolute top-1 left-1 bg-white w-4 h-4 rounded-full transition-transform ${isPrivate ? "translate-x-5" : "translate-x-0"}` })
-  )), isPrivate && /* @__PURE__ */ React53.createElement("div", { className: `flex items-center justify-between animate-in fade-in zoom-in-95 duration-200 bg-neutral-50 p-4 rounded-xl ${!canManage ? "opacity-50" : ""}` }, /* @__PURE__ */ React53.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React53.createElement("span", { className: "text-[12px] text-black tracking-tight" }, "Participants"), /* @__PURE__ */ React53.createElement("span", { className: "text-[11px] text-[#068afe] " }, selectedParticipants.size === 0 ? "0 added" : selectedParticipants.size >= 1e3 ? `${(selectedParticipants.size / 1e3).toFixed(1)}k+ added` : `${selectedParticipants.size} added`)), /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React55.createElement("div", { className: `absolute top-1 left-1 bg-white w-4 h-4 rounded-full transition-transform ${isPrivate ? "translate-x-5" : "translate-x-0"}` })
+  )), isPrivate && /* @__PURE__ */ React55.createElement("div", { className: `flex items-center justify-between animate-in fade-in zoom-in-95 duration-200 bg-neutral-50 p-4 rounded-xl ${!canManage ? "opacity-50" : ""}` }, /* @__PURE__ */ React55.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React55.createElement("span", { className: "text-[12px] text-black tracking-tight" }, "Participants"), /* @__PURE__ */ React55.createElement("span", { className: "text-[11px] text-[#068afe] " }, selectedParticipants.size === 0 ? "0 added" : selectedParticipants.size >= 1e3 ? `${(selectedParticipants.size / 1e3).toFixed(1)}k+ added` : `${selectedParticipants.size} added`)), /* @__PURE__ */ React55.createElement(
     "button",
     {
       type: "button",
@@ -5842,7 +6098,7 @@ var UniversalCreateHuddle = ({
       className: "px-4 py-2 border border-neutral-200 text-black text-[11px] tracking-wide rounded-full hover:bg-white transition-colors outline-none bg-transparent disabled:cursor-not-allowed"
     },
     "Manage Access"
-  )), canManage && /* @__PURE__ */ React53.createElement("div", { className: "pt-6" }, /* @__PURE__ */ React53.createElement(
+  )), canManage && /* @__PURE__ */ React55.createElement("div", { className: "pt-6" }, /* @__PURE__ */ React55.createElement(
     ThreeDActionButton,
     {
       type: "submit",
@@ -5851,7 +6107,7 @@ var UniversalCreateHuddle = ({
       className: "w-full sm:w-auto min-w-40"
     },
     "Schedule Huddle"
-  )))), canManage && /* @__PURE__ */ React53.createElement(React53.Fragment, null, /* @__PURE__ */ React53.createElement(
+  )))), canManage && /* @__PURE__ */ React55.createElement(React55.Fragment, null, /* @__PURE__ */ React55.createElement(
     CalendarPicker,
     {
       isOpen: calendarMode !== null,
@@ -5860,7 +6116,7 @@ var UniversalCreateHuddle = ({
       defaultMode: calendarMode || "DATE",
       onConfirm: (d) => setHuddleDate(d)
     }
-  ), /* @__PURE__ */ React53.createElement(
+  ), /* @__PURE__ */ React55.createElement(
     ReusableOptions,
     {
       isOpen: showTimezoneModal,
@@ -5871,7 +6127,7 @@ var UniversalCreateHuddle = ({
       onSelect: (tz) => setTimezone(tz),
       showSearch: true
     }
-  )), showMembersModal && canManage && /* @__PURE__ */ React53.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React53.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowMembersModal(false) }), /* @__PURE__ */ React53.createElement("div", { className: "relative w-full max-w-md bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 h-[80vh]" }, /* @__PURE__ */ React53.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React53.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Select Participants"), /* @__PURE__ */ React53.createElement("button", { onClick: () => setShowMembersModal(false), className: "text-[#068afe] hover:text-[#068afe] transition-colors outline-none text-[12px] " }, "Done")), /* @__PURE__ */ React53.createElement("div", { className: "p-4 shrink-0 " }, /* @__PURE__ */ React53.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React53.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: Search01Icon7, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React53.createElement(
+  )), showMembersModal && canManage && /* @__PURE__ */ React55.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React55.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowMembersModal(false) }), /* @__PURE__ */ React55.createElement("div", { className: "relative w-full max-w-md bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 h-[80vh]" }, /* @__PURE__ */ React55.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React55.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Select Participants"), /* @__PURE__ */ React55.createElement("button", { onClick: () => setShowMembersModal(false), className: "text-[#068afe] hover:text-[#068afe] transition-colors outline-none text-[12px] " }, "Done")), /* @__PURE__ */ React55.createElement("div", { className: "p-4 shrink-0 " }, /* @__PURE__ */ React55.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React55.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React55.createElement(HugeiconsIcon42, { icon: Search01Icon9, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React55.createElement(
     "input",
     {
       type: "text",
@@ -5880,34 +6136,34 @@ var UniversalCreateHuddle = ({
       onChange: handleSearchInput,
       className: "w-full pl-10 pr-4 py-2.5 bg-neutral-100 rounded-full text-[12px] text-black placeholder-neutral-400 outline-none focus:bg-neutral-200 transition-colors"
     }
-  ))), /* @__PURE__ */ React53.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2 relative" }, isMembersLoading || isTyping ? /* @__PURE__ */ React53.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: Loading03Icon26, size: 28, className: "animate-spin text-black" })) : members.length === 0 ? /* @__PURE__ */ React53.createElement("div", { className: "p-8 text-center text-xs text-neutral-400" }, "No members found.") : members.map((member) => {
+  ))), /* @__PURE__ */ React55.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2 relative" }, isMembersLoading || isTyping ? /* @__PURE__ */ React55.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React55.createElement(HugeiconsIcon42, { icon: Loading03Icon27, size: 28, className: "animate-spin text-black" })) : members.length === 0 ? /* @__PURE__ */ React55.createElement("div", { className: "p-8 text-center text-xs text-neutral-400" }, "No members found.") : members.map((member) => {
     const isChecked = selectedParticipants.has(member.userId);
-    return /* @__PURE__ */ React53.createElement(
+    return /* @__PURE__ */ React55.createElement(
       "div",
       {
         key: member.id,
         onClick: () => toggleParticipant(member.userId),
         className: "flex items-center justify-between p-3 rounded-xl cursor-pointer hover:bg-neutral-50 transition-colors select-none"
       },
-      /* @__PURE__ */ React53.createElement("div", { className: "flex items-center gap-3 min-w-0 flex-1" }, /* @__PURE__ */ React53.createElement(MemberAvatar4, { src: member.avatarUrl, sizeClass: "w-9 h-9" }), /* @__PURE__ */ React53.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ React53.createElement("span", { className: "text-[12px] text-black truncate" }, member.fullName), /* @__PURE__ */ React53.createElement("span", { className: "text-[11px] text-neutral-400 capitalize truncate" }, member.role.toLowerCase()))),
-      /* @__PURE__ */ React53.createElement("div", { className: "shrink-0 pl-3" }, /* @__PURE__ */ React53.createElement("div", { className: `w-5 h-5 rounded-full flex items-center justify-center transition-colors ${isChecked ? "bg-[#068afe]" : "border border-neutral-300 bg-white"}` }, isChecked && /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: Tick02Icon3, size: 14, className: "text-white" })))
+      /* @__PURE__ */ React55.createElement("div", { className: "flex items-center gap-3 min-w-0 flex-1" }, /* @__PURE__ */ React55.createElement(MemberAvatar4, { src: member.avatarUrl, sizeClass: "w-9 h-9" }), /* @__PURE__ */ React55.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ React55.createElement("span", { className: "text-[12px] text-black truncate" }, member.fullName), /* @__PURE__ */ React55.createElement("span", { className: "text-[11px] text-neutral-400 capitalize truncate" }, member.role.toLowerCase()))),
+      /* @__PURE__ */ React55.createElement("div", { className: "shrink-0 pl-3" }, /* @__PURE__ */ React55.createElement("div", { className: `w-5 h-5 rounded-full flex items-center justify-center transition-colors ${isChecked ? "bg-[#068afe]" : "border border-neutral-300 bg-white"}` }, isChecked && /* @__PURE__ */ React55.createElement(HugeiconsIcon42, { icon: Tick02Icon3, size: 14, className: "text-white" })))
     );
-  })), /* @__PURE__ */ React53.createElement("div", { className: "p-4 flex items-center justify-between shrink-0  bg-white" }, /* @__PURE__ */ React53.createElement("span", { className: "text-[10px] text-neutral-400 tracking-widest" }, "Page ", membersCurrentPage, " of ", membersTotalPages === 0 ? 1 : membersTotalPages), /* @__PURE__ */ React53.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React53.createElement(
+  })), /* @__PURE__ */ React55.createElement("div", { className: "p-4 flex items-center justify-between shrink-0  bg-white" }, /* @__PURE__ */ React55.createElement("span", { className: "text-[10px] text-neutral-400 tracking-widest" }, "Page ", membersCurrentPage, " of ", membersTotalPages === 0 ? 1 : membersTotalPages), /* @__PURE__ */ React55.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React55.createElement(
     "button",
     {
       disabled: membersCurrentPage <= 1 || isMembersLoading,
       onClick: () => onMembersPageChange(membersCurrentPage - 1),
       className: "w-7 h-7 flex items-center justify-center rounded-full bg-white border border-neutral-200 text-neutral-600 disabled:opacity-30 outline-none hover:bg-neutral-50 transition-colors"
     },
-    /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: ArrowLeft01Icon19, size: 12 })
-  ), /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React55.createElement(HugeiconsIcon42, { icon: ArrowLeft01Icon20, size: 12 })
+  ), /* @__PURE__ */ React55.createElement(
     "button",
     {
       disabled: membersCurrentPage >= membersTotalPages || membersTotalPages === 0 || isMembersLoading,
       onClick: () => onMembersPageChange(membersCurrentPage + 1),
       className: "w-7 h-7 flex items-center justify-center rounded-full bg-white border border-neutral-200 text-neutral-600 disabled:opacity-30 outline-none hover:bg-neutral-50 transition-colors"
     },
-    /* @__PURE__ */ React53.createElement(HugeiconsIcon40, { icon: ArrowRight01Icon15, size: 12 })
+    /* @__PURE__ */ React55.createElement(HugeiconsIcon42, { icon: ArrowRight01Icon16, size: 12 })
   ))))));
 };
 export {
@@ -5933,6 +6189,7 @@ export {
   MedicalFeatureStatsBlock,
   MobileNav,
   NumberInput,
+  OpenBidHome,
   PageSpinner,
   PinDialerBottomSheet,
   PipleAuth,