npm - @retinalabsllc/zairusjs - Versions diffs - 16.1.90 → 16.1.95 - Mend

@retinalabsllc/zairusjs 16.1.90 → 16.1.95

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -978,24 +978,25 @@ interface UniversalBuyCryptoPageProps {
 }
 declare const UniversalBuyCryptoPage: React.FC<UniversalBuyCryptoPageProps>;
-interface UniversalDepartment {
+interface UniversalHuddle {
     id: string;
     name: string;
-    totalMembers: number;
-    avatars: string[];
+    status: string;
+    imageUrl?: string | null;
+    timeString: string;
 }
-interface UniversalDepartmentsPageProps {
+interface UniversalHuddlesPageProps {
     headerTitle: string;
     headerDescription: string;
-    departments: UniversalDepartment[];
+    huddles: UniversalHuddle[];
     isLoading: boolean;
     currentPage: number;
     totalPages: number;
     onPageChange: (page: number) => void;
-    onDepartmentClick: (departmentId: string) => void;
-    onCreateDepartment?: (name: string) => Promise<void>;
+    onHuddleClick: (huddleId: string) => void;
+    onCreateHuddle?: () => void;
 }
-declare const UniversalDepartmentsPage: React.FC<UniversalDepartmentsPageProps>;
+declare const UniversalHuddlesPage: React.FC<UniversalHuddlesPageProps>;
 interface UniversalMember {
     id: string;
@@ -1065,7 +1066,7 @@ interface UniversalHome2Props {
     onResolveInvite?: (notif: NotificationItem2, resolution: 'ACCEPTED' | 'REJECTED') => Promise<void>;
     formatNotifDate: (date: string | Date) => string;
     customContent?: React.ReactNode;
-    departmentsProps: UniversalDepartmentsPageProps;
+    huddlesProps: UniversalHuddlesPageProps;
     onLogout?: () => Promise<void>;
 }
 declare const UniversalHome2: React.FC<UniversalHome2Props>;
@@ -1077,7 +1078,6 @@ interface UniversalMember2 {
     avatarUrl?: string | null;
     status: 'ACTIVE' | 'BUSY' | 'AWAY' | 'OFFLINE' | string;
     role: string;
-    departmentName?: string;
 }
 interface UniversalSettingsProps {
     accountType: 'INDIVIDUAL' | 'ORGANIZATION';
@@ -1115,4 +1115,4 @@ interface UniversalSettingsProps {
 }
 declare const UniversalSettings: React.FC<UniversalSettingsProps>;
-export { AppBento2, type AppBento2Props, type BannerProps, type BarIconProps, type BentoFeature, type BoardMember, type CardData, CardInfoDialog, type CardInfoDialogProps, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type CryptoOption, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, type FiatCurrencyOption, Footer, type FooterColumn, type FooterLink, type FooterProps, FundCardDialog, type FundCardDialogProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, type HomeActionBtn2, type LeaderboardItem, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, MobileNav, type MobileNavItem, type MobileNavProps, type NavItem, type NetworkOption, type NotificationItem, type NotificationItem2, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PinDialerBottomSheet, type PinDialerBottomSheetProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingFeature2, type PricingPlan, type PricingTab, type ProjectItem, type RateCalculationPayload, type ReferralProfile, type RewardItem, type RewardProfile, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, type TierOption, UniversalBuyCryptoPage, type UniversalBuyCryptoPageProps, UniversalCardActionPage, type UniversalCardActionPageProps, UniversalCardPage, type UniversalCardPageProps, type UniversalDepartment, UniversalDepartmentsPage, type UniversalDepartmentsPageProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHome2, type UniversalHome2Props, UniversalHomeView, type UniversalHomeViewProps, type UniversalMember, type UniversalMember2, UniversalMembersPage, type UniversalMembersPageProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfilePage, type UniversalProfilePageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, type UniversalReferralItem, UniversalReferralPage, type UniversalReferralPageProps, UniversalRewardPage, type UniversalRewardPageProps, UniversalSecurityPage, type UniversalSecurityPageProps, UniversalSettings, type UniversalSettingsProps, UniversalSidebar, type UniversalSidebarProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, UniversalVerificationPage, type UniversalVerificationPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, type VerificationStatus, WaitlistDialog, type WaitlistDialogProps };
+export { AppBento2, type AppBento2Props, type BannerProps, type BarIconProps, type BentoFeature, type BoardMember, type CardData, CardInfoDialog, type CardInfoDialogProps, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type CryptoOption, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, type FiatCurrencyOption, Footer, type FooterColumn, type FooterLink, type FooterProps, FundCardDialog, type FundCardDialogProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, type HomeActionBtn2, type LeaderboardItem, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, MobileNav, type MobileNavItem, type MobileNavProps, type NavItem, type NetworkOption, type NotificationItem, type NotificationItem2, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PinDialerBottomSheet, type PinDialerBottomSheetProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingFeature2, type PricingPlan, type PricingTab, type ProjectItem, type RateCalculationPayload, type ReferralProfile, type RewardItem, type RewardProfile, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, type TierOption, UniversalBuyCryptoPage, type UniversalBuyCryptoPageProps, UniversalCardActionPage, type UniversalCardActionPageProps, UniversalCardPage, type UniversalCardPageProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHome2, type UniversalHome2Props, UniversalHomeView, type UniversalHomeViewProps, type UniversalHuddle, UniversalHuddlesPage, type UniversalHuddlesPageProps, type UniversalMember, type UniversalMember2, UniversalMembersPage, type UniversalMembersPageProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfilePage, type UniversalProfilePageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, type UniversalReferralItem, UniversalReferralPage, type UniversalReferralPageProps, UniversalRewardPage, type UniversalRewardPageProps, UniversalSecurityPage, type UniversalSecurityPageProps, UniversalSettings, type UniversalSettingsProps, UniversalSidebar, type UniversalSidebarProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, UniversalVerificationPage, type UniversalVerificationPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, type VerificationStatus, WaitlistDialog, type WaitlistDialogProps };

package/dist/index.d.ts CHANGED Viewed

@@ -978,24 +978,25 @@ interface UniversalBuyCryptoPageProps {
 }
 declare const UniversalBuyCryptoPage: React.FC<UniversalBuyCryptoPageProps>;
-interface UniversalDepartment {
+interface UniversalHuddle {
     id: string;
     name: string;
-    totalMembers: number;
-    avatars: string[];
+    status: string;
+    imageUrl?: string | null;
+    timeString: string;
 }
-interface UniversalDepartmentsPageProps {
+interface UniversalHuddlesPageProps {
     headerTitle: string;
     headerDescription: string;
-    departments: UniversalDepartment[];
+    huddles: UniversalHuddle[];
     isLoading: boolean;
     currentPage: number;
     totalPages: number;
     onPageChange: (page: number) => void;
-    onDepartmentClick: (departmentId: string) => void;
-    onCreateDepartment?: (name: string) => Promise<void>;
+    onHuddleClick: (huddleId: string) => void;
+    onCreateHuddle?: () => void;
 }
-declare const UniversalDepartmentsPage: React.FC<UniversalDepartmentsPageProps>;
+declare const UniversalHuddlesPage: React.FC<UniversalHuddlesPageProps>;
 interface UniversalMember {
     id: string;
@@ -1065,7 +1066,7 @@ interface UniversalHome2Props {
     onResolveInvite?: (notif: NotificationItem2, resolution: 'ACCEPTED' | 'REJECTED') => Promise<void>;
     formatNotifDate: (date: string | Date) => string;
     customContent?: React.ReactNode;
-    departmentsProps: UniversalDepartmentsPageProps;
+    huddlesProps: UniversalHuddlesPageProps;
     onLogout?: () => Promise<void>;
 }
 declare const UniversalHome2: React.FC<UniversalHome2Props>;
@@ -1077,7 +1078,6 @@ interface UniversalMember2 {
     avatarUrl?: string | null;
     status: 'ACTIVE' | 'BUSY' | 'AWAY' | 'OFFLINE' | string;
     role: string;
-    departmentName?: string;
 }
 interface UniversalSettingsProps {
     accountType: 'INDIVIDUAL' | 'ORGANIZATION';
@@ -1115,4 +1115,4 @@ interface UniversalSettingsProps {
 }
 declare const UniversalSettings: React.FC<UniversalSettingsProps>;
-export { AppBento2, type AppBento2Props, type BannerProps, type BarIconProps, type BentoFeature, type BoardMember, type CardData, CardInfoDialog, type CardInfoDialogProps, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type CryptoOption, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, type FiatCurrencyOption, Footer, type FooterColumn, type FooterLink, type FooterProps, FundCardDialog, type FundCardDialogProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, type HomeActionBtn2, type LeaderboardItem, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, MobileNav, type MobileNavItem, type MobileNavProps, type NavItem, type NetworkOption, type NotificationItem, type NotificationItem2, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PinDialerBottomSheet, type PinDialerBottomSheetProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingFeature2, type PricingPlan, type PricingTab, type ProjectItem, type RateCalculationPayload, type ReferralProfile, type RewardItem, type RewardProfile, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, type TierOption, UniversalBuyCryptoPage, type UniversalBuyCryptoPageProps, UniversalCardActionPage, type UniversalCardActionPageProps, UniversalCardPage, type UniversalCardPageProps, type UniversalDepartment, UniversalDepartmentsPage, type UniversalDepartmentsPageProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHome2, type UniversalHome2Props, UniversalHomeView, type UniversalHomeViewProps, type UniversalMember, type UniversalMember2, UniversalMembersPage, type UniversalMembersPageProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfilePage, type UniversalProfilePageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, type UniversalReferralItem, UniversalReferralPage, type UniversalReferralPageProps, UniversalRewardPage, type UniversalRewardPageProps, UniversalSecurityPage, type UniversalSecurityPageProps, UniversalSettings, type UniversalSettingsProps, UniversalSidebar, type UniversalSidebarProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, UniversalVerificationPage, type UniversalVerificationPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, type VerificationStatus, WaitlistDialog, type WaitlistDialogProps };
+export { AppBento2, type AppBento2Props, type BannerProps, type BarIconProps, type BentoFeature, type BoardMember, type CardData, CardInfoDialog, type CardInfoDialogProps, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type CryptoOption, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, type FiatCurrencyOption, Footer, type FooterColumn, type FooterLink, type FooterProps, FundCardDialog, type FundCardDialogProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, type HomeActionBtn2, type LeaderboardItem, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, MobileNav, type MobileNavItem, type MobileNavProps, type NavItem, type NetworkOption, type NotificationItem, type NotificationItem2, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PinDialerBottomSheet, type PinDialerBottomSheetProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingFeature2, type PricingPlan, type PricingTab, type ProjectItem, type RateCalculationPayload, type ReferralProfile, type RewardItem, type RewardProfile, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, type TierOption, UniversalBuyCryptoPage, type UniversalBuyCryptoPageProps, UniversalCardActionPage, type UniversalCardActionPageProps, UniversalCardPage, type UniversalCardPageProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHome2, type UniversalHome2Props, UniversalHomeView, type UniversalHomeViewProps, type UniversalHuddle, UniversalHuddlesPage, type UniversalHuddlesPageProps, type UniversalMember, type UniversalMember2, UniversalMembersPage, type UniversalMembersPageProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfilePage, type UniversalProfilePageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, type UniversalReferralItem, UniversalReferralPage, type UniversalReferralPageProps, UniversalRewardPage, type UniversalRewardPageProps, UniversalSecurityPage, type UniversalSecurityPageProps, UniversalSettings, type UniversalSettingsProps, UniversalSidebar, type UniversalSidebarProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, UniversalVerificationPage, type UniversalVerificationPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, type VerificationStatus, WaitlistDialog, type WaitlistDialogProps };

package/dist/index.js CHANGED Viewed

@@ -64,10 +64,10 @@ __export(index_exports, {
   UniversalBuyCryptoPage: () => UniversalBuyCryptoPage,
   UniversalCardActionPage: () => UniversalCardActionPage,
   UniversalCardPage: () => UniversalCardPage,
-  UniversalDepartmentsPage: () => UniversalDepartmentsPage,
   UniversalErrorView: () => UniversalErrorView,
   UniversalHome2: () => UniversalHome2,
   UniversalHomeView: () => UniversalHomeView,
+  UniversalHuddlesPage: () => UniversalHuddlesPage,
   UniversalMembersPage: () => UniversalMembersPage,
   UniversalOrganizationPage: () => UniversalOrganizationPage,
   UniversalProfilePage: () => UniversalProfilePage,
@@ -1700,7 +1700,7 @@ var ConfirmationDialog = ({
     {
       onClick: onConfirm,
       disabled: isProcessing,
-      className: `flex-1 py-4 text-[13px] transition-colors disabled:opacity-50 flex justify-center items-center outline-none  ${isDestructive ? "text-black hover:bg-neutral-50" : "text-black hover:bg-neutral-50"}`
+      className: `flex-1 py-4 text-[13px] transition-colors disabled:opacity-50 flex justify-center items-center outline-none  ${isDestructive ? "text-rose-600 hover:bg-neutral-50" : "text-black hover:bg-neutral-50"}`
     },
     isProcessing ? /* @__PURE__ */ import_react27.default.createElement(import_react28.HugeiconsIcon, { icon: import_core_free_icons9.Loading03Icon, className: "animate-spin", size: 18 }) : confirmText
   ))));
@@ -4514,67 +4514,68 @@ var UniversalBuyCryptoPage = ({
   }))))));
 };
-// src/components/UniversalDepartmentsPage.tsx
+// src/components/UniversalHuddlesPage.tsx
 var import_react77 = __toESM(require("react"));
-var import_react_hot_toast13 = __toESM(require("react-hot-toast"));
 var import_react78 = require("@hugeicons/react");
 var import_core_free_icons27 = require("@hugeicons/core-free-icons");
-var formatMembersCount = (num) => {
-  if (num >= 1e6) return (num / 1e6).toFixed(1) + "m";
-  if (num >= 1e3) return (num / 1e3).toFixed(1) + "k";
-  return num.toString();
+var HuddleAvatar = ({ src, status, sizeClass = "w-10 h-10" }) => {
+  const [loaded, setLoaded] = (0, import_react77.useState)(false);
+  const [error, setError] = (0, import_react77.useState)(false);
+  const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/default.avif";
+  const finalSrc = error || !src ? defaultAvatar : src;
+  const getStatusColor = () => {
+    switch (status?.toUpperCase()) {
+      case "SCHEDULED":
+        return "bg-amber-500";
+      case "ONGOING":
+        return "bg-emerald-500";
+      case "COMPLETED":
+        return "bg-neutral-400";
+      case "CANCELLED":
+        return "bg-rose-500";
+      default:
+        return "bg-neutral-200";
+    }
+  };
+  return /* @__PURE__ */ import_react77.default.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "w-full h-full rounded-lg bg-neutral-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ import_react77.default.createElement(import_react78.HugeiconsIcon, { icon: import_core_free_icons27.Loading03Icon, className: "animate-spin text-neutral-400 absolute", size: 14 }), /* @__PURE__ */ import_react77.default.createElement(
+    "img",
+    {
+      src: finalSrc,
+      alt: "Huddle Avatar",
+      className: `w-full h-full object-cover transition-opacity duration-300 ${loaded || error ? "opacity-100" : "opacity-0"}`,
+      onLoad: () => setLoaded(true),
+      onError: () => setError(true)
+    }
+  )), /* @__PURE__ */ import_react77.default.createElement("div", { className: `absolute -bottom-1 -right-1 w-3.5 h-3.5 rounded-full border-2 border-white z-10 ${getStatusColor()}` }));
 };
 var PageSpinner6 = () => /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ import_react77.default.createElement(import_react78.HugeiconsIcon, { icon: import_core_free_icons27.Loading03Icon, size: 32, className: "animate-spin mb-4 text-black" }));
-var UniversalDepartmentsPage = ({
+var UniversalHuddlesPage = ({
   headerTitle,
   headerDescription,
-  departments,
+  huddles,
   isLoading,
   currentPage,
   totalPages,
   onPageChange,
-  onDepartmentClick,
-  onCreateDepartment
+  onHuddleClick,
+  onCreateHuddle
 }) => {
-  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react77.useState)(false);
-  const [deptName, setDeptName] = (0, import_react77.useState)("");
-  const [isCreating, setIsCreating] = (0, import_react77.useState)(false);
-  const handleCreateSubmit = async (e) => {
-    e.preventDefault();
-    if (deptName.length < 2 || isCreating || !onCreateDepartment) return;
-    setIsCreating(true);
-    try {
-      await onCreateDepartment(deptName);
-      setDeptName("");
-      setIsCreateModalOpen(false);
-    } catch (error) {
-      import_react_hot_toast13.default.error(error.message || "Failed to create department.");
-    } finally {
-      setIsCreating(false);
-    }
-  };
-  return /* @__PURE__ */ import_react77.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-row items-center justify-between gap-4" }, /* @__PURE__ */ import_react77.default.createElement("h2", { className: "text-black text-xl tracking-tight" }, headerTitle), onCreateDepartment && /* @__PURE__ */ import_react77.default.createElement(
+  return /* @__PURE__ */ import_react77.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-row items-center justify-between gap-4" }, /* @__PURE__ */ import_react77.default.createElement("h2", { className: "text-black text-xl tracking-tight" }, headerTitle), onCreateHuddle && /* @__PURE__ */ import_react77.default.createElement(
     "button",
     {
-      onClick: () => setIsCreateModalOpen(true),
+      onClick: onCreateHuddle,
       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"
     },
     "Create new"
-  )), headerDescription && /* @__PURE__ */ import_react77.default.createElement("p", { className: "text-[12px] text-neutral-500" }, headerDescription)), /* @__PURE__ */ import_react77.default.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ import_react77.default.createElement(PageSpinner6, null) : /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react77.default.createElement("div", null, departments.length === 0 ? /* @__PURE__ */ import_react77.default.createElement("p", { className: "text-[12px] text-neutral-400 py-6 text-center" }, "No departments available") : departments.map((dept) => /* @__PURE__ */ import_react77.default.createElement(
+  )), headerDescription && /* @__PURE__ */ import_react77.default.createElement("p", { className: "text-[12px] text-neutral-500" }, headerDescription)), /* @__PURE__ */ import_react77.default.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ import_react77.default.createElement(PageSpinner6, null) : /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react77.default.createElement("div", null, huddles.length === 0 ? /* @__PURE__ */ import_react77.default.createElement("p", { className: "text-[12px] text-neutral-400 py-6 text-center" }, "No huddles available") : huddles.map((huddle) => /* @__PURE__ */ import_react77.default.createElement(
     "div",
     {
-      key: dept.id,
-      onClick: () => onDepartmentClick(dept.id),
+      key: huddle.id,
+      onClick: () => onHuddleClick(huddle.id),
       className: "flex flex-row items-center gap-4 py-2 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
     },
-    /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-col min-w-0  flex-1" }, /* @__PURE__ */ import_react77.default.createElement("p", { className: "text-[13px] text-black tracking-tight truncate" }, dept.name), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center gap-3 min-w-0" }, dept.avatars && dept.avatars.length > 0 && /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center -space-x-2 shrink-0" }, dept.avatars.slice(0, 4).map((src, idx) => /* @__PURE__ */ import_react77.default.createElement("div", { key: idx, className: "w-4 h-4 rounded-md  bg-neutral-100 overflow-hidden shrink-0" }, /* @__PURE__ */ import_react77.default.createElement(
-      "img",
-      {
-        src: src || "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif",
-        alt: "Member",
-        className: "w-full h-full object-cover"
-      }
-    )))), dept.totalMembers > 0 ? /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-[11px] text-neutral-500 truncate block" }, formatMembersCount(dept.totalMembers), " ", dept.totalMembers > 4 ? "+" : "") : /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-[11px] text-neutral-400 truncate block" }, "No Members"))),
+    /* @__PURE__ */ import_react77.default.createElement(HuddleAvatar, { src: huddle.imageUrl, status: huddle.status }),
+    /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ import_react77.default.createElement("p", { className: "text-[13px] text-black tracking-tight truncate" }, huddle.name), /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-[11px] text-neutral-500 truncate block mt-0.5" }, huddle.timeString)),
     /* @__PURE__ */ import_react77.default.createElement(import_react78.HugeiconsIcon, { icon: import_core_free_icons27.ArrowRight01Icon, size: 14, className: "shrink-0 text-neutral-400" })
   ))), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em]" }, "Page ", currentPage, " of ", totalPages === 0 ? 1 : totalPages), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react77.default.createElement(
     "button",
@@ -4592,55 +4593,13 @@ var UniversalDepartmentsPage = ({
       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__ */ import_react77.default.createElement(import_react78.HugeiconsIcon, { icon: import_core_free_icons27.ArrowRight01Icon, size: 14 })
-  )))))), isCreateModalOpen && /* @__PURE__ */ import_react77.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: () => !isCreating && setIsCreateModalOpen(false) }), /* @__PURE__ */ import_react77.default.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" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center justify-between pt-5 px-5 shrink-0 " }, /* @__PURE__ */ import_react77.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Create Department"), /* @__PURE__ */ import_react77.default.createElement(
-    "button",
-    {
-      onClick: () => setIsCreateModalOpen(false),
-      disabled: isCreating,
-      className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50"
-    },
-    /* @__PURE__ */ import_react77.default.createElement(import_react78.HugeiconsIcon, { icon: import_core_free_icons27.CancelCircleIcon, size: 18 })
-  )), /* @__PURE__ */ import_react77.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ import_react77.default.createElement("form", { onSubmit: handleCreateSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react77.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Department Name"), /* @__PURE__ */ import_react77.default.createElement(
-    "input",
-    {
-      type: "text",
-      value: deptName,
-      onChange: (e) => setDeptName(e.target.value),
-      required: true,
-      autoFocus: true,
-      maxLength: 50,
-      disabled: isCreating,
-      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 disabled:opacity-50",
-      placeholder: "e.g. Engineering, Marketing..."
-    }
-  )), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ import_react77.default.createElement(
-    ThreeDActionButton,
-    {
-      type: "submit",
-      disabled: deptName.length < 2 || isCreating,
-      isLoading: isCreating,
-      className: "w-full"
-    },
-    "Create Department"
-  ), /* @__PURE__ */ import_react77.default.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => {
-        setIsCreateModalOpen(false);
-        setDeptName("");
-      },
-      disabled: isCreating,
-      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"
   )))))));
 };
 // src/components/UniversalMembersPage.tsx
 var import_react79 = __toESM(require("react"));
 var import_react80 = require("@hugeicons/react");
-var import_react_hot_toast14 = __toESM(require("react-hot-toast"));
+var import_react_hot_toast13 = __toESM(require("react-hot-toast"));
 var import_core_free_icons28 = require("@hugeicons/core-free-icons");
 var MemberAvatar = ({ src, status }) => {
   const [loaded, setLoaded] = (0, import_react79.useState)(false);
@@ -4735,11 +4694,11 @@ var UniversalMembersPage = ({
     setIsRemoving(true);
     try {
       await onRemoveMember(memberToRemove.id);
-      import_react_hot_toast14.default.success("Member removed successfully.");
+      import_react_hot_toast13.default.success("Member removed successfully.");
       setExpandedId(null);
       setMemberToRemove(null);
     } catch (error) {
-      import_react_hot_toast14.default.error("Failed to remove member.");
+      import_react_hot_toast13.default.error("Failed to remove member.");
     } finally {
       setIsRemoving(false);
     }
@@ -4753,7 +4712,7 @@ var UniversalMembersPage = ({
       setInviteEmail("");
       setIsInviteMode(false);
     } catch (error) {
-      import_react_hot_toast14.default.error(error.message || "Failed to send invitation.");
+      import_react_hot_toast13.default.error(error.message || "Failed to send invitation.");
     } finally {
       setIsInviting(false);
     }
@@ -4900,15 +4859,29 @@ var UniversalMembersPage = ({
 var import_react81 = __toESM(require("react"));
 var import_navigation6 = require("next/navigation");
 var import_react82 = require("@hugeicons/react");
-var import_react_hot_toast15 = __toESM(require("react-hot-toast"));
+var import_react_hot_toast14 = __toESM(require("react-hot-toast"));
 var import_core_free_icons29 = require("@hugeicons/core-free-icons");
+var OrgAvatar = ({ src, sizeClass = "w-10 h-10" }) => {
+  const [loaded, setLoaded] = (0, import_react81.useState)(false);
+  const [error, setError] = (0, import_react81.useState)(false);
+  const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/office.avif";
+  const finalSrc = error || !src ? defaultAvatar : src;
+  return /* @__PURE__ */ import_react81.default.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "w-full h-full rounded-lg bg-neutral-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ import_react81.default.createElement(import_react82.HugeiconsIcon, { icon: import_core_free_icons29.Loading03Icon, className: "animate-spin text-neutral-400 absolute", size: 14 }), /* @__PURE__ */ import_react81.default.createElement(
+    "img",
+    {
+      src: finalSrc,
+      alt: "Workspace Avatar",
+      className: `w-full h-full object-cover transition-opacity duration-300 ${loaded || error ? "opacity-100" : "opacity-0"}`,
+      onLoad: () => setLoaded(true),
+      onError: () => setError(true)
+    }
+  )));
+};
 var UniversalHome2 = ({
   avatarSrc,
-  userStatus = "ACTIVE",
   organizations = [],
   activeOrgId,
   onOrganizationSelect,
-  barIcons = [],
   createHuddleAction,
   joinHuddleAction,
   notifications = [],
@@ -4920,7 +4893,7 @@ var UniversalHome2 = ({
   onResolveInvite,
   formatNotifDate,
   customContent,
-  departmentsProps,
+  huddlesProps,
   onLogout
 }) => {
   const [isAvatarLoaded, setIsAvatarLoaded] = (0, import_react81.useState)(false);
@@ -4934,27 +4907,13 @@ var UniversalHome2 = ({
   const fallbackAvatarUrl = "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif";
   const finalAvatarSrc = avatarSrc || fallbackAvatarUrl;
   const hasUnreadNotifs = notifications.some((n) => !n.isRead);
-  const getDisplayStatus = () => {
-    if (userStatus === "ACTIVE") return "Online";
-    if (userStatus === "BUSY") return "Busy";
-    if (userStatus === "OFFLINE") return "Offline";
-    if (userStatus === "AWAY") return "Away";
-    return "Online";
-  };
-  const getStatusColor = () => {
-    if (userStatus === "ACTIVE") return "bg-emerald-500";
-    if (userStatus === "BUSY") return "bg-amber-500";
-    if (userStatus === "OFFLINE") return "bg-rose-500";
-    if (userStatus === "AWAY") return "bg-neutral-400";
-    return "bg-emerald-500";
-  };
   const handleResolve = async (resolution) => {
     if (!onResolveInvite || !selectedNotif) return;
     setIsResolving(true);
     try {
       await onResolveInvite(selectedNotif, resolution);
     } catch (error) {
-      import_react_hot_toast15.default.error("Failed to process invitation");
+      import_react_hot_toast14.default.error("Failed to process invitation");
     } finally {
       setIsResolving(false);
     }
@@ -4964,7 +4923,7 @@ var UniversalHome2 = ({
     try {
       if (onLogout) await onLogout();
     } catch (e) {
-      import_react_hot_toast15.default.error("Failed to log out cleanly.");
+      import_react_hot_toast14.default.error("Failed to log out cleanly.");
     } finally {
       setIsLoggingOut(false);
       setShowLogoutConfirm(false);
@@ -5040,9 +4999,9 @@ var UniversalHome2 = ({
       }
     )
   ))), customContent && /* @__PURE__ */ import_react81.default.createElement("div", { className: "w-full" }, customContent), /* @__PURE__ */ import_react81.default.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ import_react81.default.createElement(
-    UniversalDepartmentsPage,
+    UniversalHuddlesPage,
     {
-      ...departmentsProps
+      ...huddlesProps
     }
   )), showOrgSwitcher && /* @__PURE__ */ import_react81.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowOrgSwitcher(false) }), /* @__PURE__ */ import_react81.default.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] h-auto" }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ import_react81.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Switch Workspace"), /* @__PURE__ */ import_react81.default.createElement("button", { onClick: () => setShowOrgSwitcher(false), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react81.default.createElement(import_react82.HugeiconsIcon, { icon: import_core_free_icons29.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react81.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2" }, /* @__PURE__ */ import_react81.default.createElement("div", { className: "flex flex-col" }, organizations?.length === 0 ? /* @__PURE__ */ import_react81.default.createElement("div", { className: "p-8 text-center text-xs text-neutral-400" }, "No organizations found.") : organizations?.map((org) => /* @__PURE__ */ import_react81.default.createElement(
     "button",
@@ -5054,6 +5013,7 @@ var UniversalHome2 = ({
       },
       className: `p-4 flex items-center justify-between gap-3 cursor-pointer outline-none transition-colors border-b border-neutral-50 last:border-0 ${activeOrgId === org.id ? "bg-neutral-50" : "hover:bg-neutral-50/50"}`
     },
+    /* @__PURE__ */ import_react81.default.createElement(OrgAvatar, { src: org.avatarUrl }),
     /* @__PURE__ */ import_react81.default.createElement("div", { className: "flex flex-col items-start min-w-0 flex-1" }, /* @__PURE__ */ import_react81.default.createElement("span", { className: `text-[13px] tracking-tight truncate w-full text-left ${activeOrgId === org.id ? "text-black " : "text-neutral-600"}` }, org.name), /* @__PURE__ */ import_react81.default.createElement("span", { className: "text-[11px] text-[#068afe] capitalize truncate w-full text-left mt-0.5" }, org.role?.toLowerCase() || "Member")),
     activeOrgId === org.id && /* @__PURE__ */ import_react81.default.createElement("div", { className: "w-2 h-2 rounded-full bg-[#068afe] shrink-0" })
   )))), /* @__PURE__ */ import_react81.default.createElement("div", { className: "p-4  shrink-0" }, /* @__PURE__ */ import_react81.default.createElement(
@@ -5116,7 +5076,7 @@ var UniversalHome2 = ({
 // src/components/UniversalSettings.tsx
 var import_react83 = __toESM(require("react"));
-var import_react_hot_toast16 = __toESM(require("react-hot-toast"));
+var import_react_hot_toast15 = __toESM(require("react-hot-toast"));
 var import_react84 = require("@hugeicons/react");
 var import_core_free_icons30 = require("@hugeicons/core-free-icons");
 var MemberAvatar2 = ({ src, status, sizeClass = "w-10 h-10" }) => {
@@ -5236,11 +5196,11 @@ var UniversalSettings = ({
     setIsRemoving(true);
     try {
       await onRemoveMember(memberToRemove.userId);
-      import_react_hot_toast16.default.success("Member removed successfully.");
+      import_react_hot_toast15.default.success("Member removed successfully.");
       setExpandedId(null);
       setMemberToRemove(null);
     } catch (error) {
-      import_react_hot_toast16.default.error("Failed to remove member.");
+      import_react_hot_toast15.default.error("Failed to remove member.");
     } finally {
       setIsRemoving(false);
     }
@@ -5254,7 +5214,7 @@ var UniversalSettings = ({
       setInviteEmail("");
       setIsInviteMode(false);
     } catch (error) {
-      import_react_hot_toast16.default.error(error.message || "Failed to send invitation.");
+      import_react_hot_toast15.default.error(error.message || "Failed to send invitation.");
     } finally {
       setIsInviting(false);
     }
@@ -5297,7 +5257,7 @@ var UniversalSettings = ({
     e.preventDefault();
     if (isSavingAccount || isCheckingSlug || isAccountReadOnly || !onSaveAccount) return;
     if (slug !== initialSlug && slugAvailable === false) {
-      import_react_hot_toast16.default.error("Please select an available address handle.");
+      import_react_hot_toast15.default.error("Please select an available address handle.");
       return;
     }
     setIsSavingAccount(true);
@@ -5308,12 +5268,12 @@ var UniversalSettings = ({
       };
       const res = await onSaveAccount(payload);
       if (res.success) {
-        import_react_hot_toast16.default.success("Profile updated successfully.");
+        import_react_hot_toast15.default.success("Profile updated successfully.");
       } else {
-        import_react_hot_toast16.default.error(res.error || "Failed to update profile.");
+        import_react_hot_toast15.default.error(res.error || "Failed to update profile.");
       }
     } catch (error) {
-      import_react_hot_toast16.default.error("Service unavailable. Try again later.");
+      import_react_hot_toast15.default.error("Service unavailable. Try again later.");
     } finally {
       setIsSavingAccount(false);
     }
@@ -5381,7 +5341,7 @@ var UniversalSettings = ({
       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__ */ import_react83.default.createElement(import_react84.HugeiconsIcon, { icon: import_core_free_icons30.ListSettingIcon, size: 16 })
-  ))), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, activeExpandedMember ? /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col animate-in fade-in zoom-in-95 duration-300 w-full" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col gap-1 mb-8" }, /* @__PURE__ */ import_react83.default.createElement("h2", { className: "text-black text-xl tracking-tight" }, "Member Profile"), /* @__PURE__ */ import_react83.default.createElement("p", { className: "text-[12px] text-neutral-500" }, "View and manage this member's access privileges.")), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex items-center gap-4 mb-8" }, /* @__PURE__ */ import_react83.default.createElement(MemberAvatar2, { src: activeExpandedMember.avatarUrl, status: activeExpandedMember.status, sizeClass: "w-14 h-14" }), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-sm text-black tracking-tight truncate" }, activeExpandedMember.fullName), /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-[12px] text-neutral-500 capitalize" }, activeExpandedMember.role.toLowerCase()))), activeExpandedMember.departmentName && /* @__PURE__ */ import_react83.default.createElement("div", { className: "mb-8" }, /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-1" }, "Assigned Department"), /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-[12px] text-black truncate block" }, activeExpandedMember.departmentName)), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col sm:flex-row gap-3 pt-6 " }, !isAccountReadOnly && /* @__PURE__ */ import_react83.default.createElement(
+  ))), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, activeExpandedMember ? /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col animate-in fade-in zoom-in-95 duration-300 w-full" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col gap-1 mb-8" }, /* @__PURE__ */ import_react83.default.createElement("h2", { className: "text-black text-xl tracking-tight" }, "Member Profile"), /* @__PURE__ */ import_react83.default.createElement("p", { className: "text-[12px] text-neutral-500" }, "View and manage this member's access privileges.")), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex items-center gap-4 mb-8" }, /* @__PURE__ */ import_react83.default.createElement(MemberAvatar2, { src: activeExpandedMember.avatarUrl, status: activeExpandedMember.status, sizeClass: "w-14 h-14" }), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-sm text-black tracking-tight truncate" }, activeExpandedMember.fullName), /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-[12px] text-neutral-500 capitalize" }, activeExpandedMember.role.toLowerCase()))), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col sm:flex-row gap-3 pt-6 " }, !isAccountReadOnly && /* @__PURE__ */ import_react83.default.createElement(
     "button",
     {
       onClick: () => setMemberToRemove(activeExpandedMember),
@@ -5525,21 +5485,14 @@ var UniversalSettings = ({
       className: "text-[11px] tracking-widest text-neutral-400 hover:text-black transition-colors outline-none"
     },
     "Cancel"
-  ))))), activeTab === "BILLING" && /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "bg-[#143731] rounded-3xl p-6 relative overflow-hidden flex flex-col w-full mt-2" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "relative z-10 flex flex-col items-start w-full" }, /* @__PURE__ */ import_react83.default.createElement("p", { className: "text-[11px] text-white leading-tight mb-1" }, /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-white/60" }, "AI Credits Balance")), isBillingLoading ? /* @__PURE__ */ import_react83.default.createElement("div", { className: "h-8 w-32 bg-white/10 animate-pulse rounded mt-2" }) : /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex items-center gap-2 mt-1" }, /* @__PURE__ */ import_react83.default.createElement(import_react84.HugeiconsIcon, { icon: import_core_free_icons30.Coins01Icon, size: 24, className: "text-white" }), /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-2xl text-white tracking-tight" }, aiCredits)), /* @__PURE__ */ import_react83.default.createElement("div", { className: "mt-2 w-full " }, /* @__PURE__ */ import_react83.default.createElement(
+  ))))), activeTab === "BILLING" && /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "bg-[#ffffff] rounded-3xl p-6 relative overflow-hidden flex flex-col w-full mt-2" }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "relative z-10 flex flex-col items-start w-full" }, /* @__PURE__ */ import_react83.default.createElement("p", { className: "text-[11px] text-black leading-tight mb-1" }, /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-black/60" }, "AI Credits Balance")), isBillingLoading ? /* @__PURE__ */ import_react83.default.createElement("div", { className: "h-8 w-32 bg-black/10 animate-pulse rounded mt-2" }) : /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex items-center gap-2 mt-1" }, /* @__PURE__ */ import_react83.default.createElement(import_react84.HugeiconsIcon, { icon: import_core_free_icons30.Coins01Icon, size: 24, className: "text-black" }), /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-2xl text-black tracking-tight" }, aiCredits)), /* @__PURE__ */ import_react83.default.createElement("div", { className: "mt-2 w-full " }, /* @__PURE__ */ import_react83.default.createElement(
     "button",
     {
       onClick: onTopUp,
-      className: "px-6 py-2 rounded-full border border-white/50 bg-transparent text-white/50 text-[11px] tracking-wide transition-colors outline-none hover:bg-white/10 hover:text-white hover:border-white"
+      className: "px-6 py-2 rounded-full border border-neutral-200 bg-transparent text-neutral-200 text-[11px] tracking-wide transition-colors outline-none hover:bg-black/10 hover:text-black hover:border-black"
     },
     "Top Up Credits"
-  ))), /* @__PURE__ */ import_react83.default.createElement(
-    "img",
-    {
-      src: "https://storage.googleapis.com/retina-cloud-v2/assets/images/save_box.avif",
-      alt: "Credits",
-      className: "absolute bottom-2 right-2 translate-x-1/4 translate-y-1/2 w-32 h-auto object-contain z-0 pointer-events-none drop-shadow-md"
-    }
-  )), /* @__PURE__ */ import_react83.default.createElement("div", { className: "mt-4 px-1" }, /* @__PURE__ */ import_react83.default.createElement("p", { className: "text-[11px] text-neutral-500 leading-relaxed max-w-lg" }, "AI credits are consumed when generating intelligent summaries, transcriptions, and automated huddle insights. Additional credits are billed dynamically to your primary payment method."))));
+  )))), /* @__PURE__ */ import_react83.default.createElement("div", { className: "mt-4 px-1" }, /* @__PURE__ */ import_react83.default.createElement("p", { className: "text-[11px] text-neutral-500 leading-relaxed max-w-lg" }, "AI credits are consumed when generating intelligent summaries, transcriptions, and automated huddle insights. Additional credits are billed dynamically to your primary payment method."))));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -5576,10 +5529,10 @@ var UniversalSettings = ({
   UniversalBuyCryptoPage,
   UniversalCardActionPage,
   UniversalCardPage,
-  UniversalDepartmentsPage,
   UniversalErrorView,
   UniversalHome2,
   UniversalHomeView,
+  UniversalHuddlesPage,
   UniversalMembersPage,
   UniversalOrganizationPage,
   UniversalProfilePage,

package/dist/index.mjs CHANGED Viewed

@@ -1658,7 +1658,7 @@ var ConfirmationDialog = ({
     {
       onClick: onConfirm,
       disabled: isProcessing,
-      className: `flex-1 py-4 text-[13px] transition-colors disabled:opacity-50 flex justify-center items-center outline-none  ${isDestructive ? "text-black hover:bg-neutral-50" : "text-black hover:bg-neutral-50"}`
+      className: `flex-1 py-4 text-[13px] transition-colors disabled:opacity-50 flex justify-center items-center outline-none  ${isDestructive ? "text-rose-600 hover:bg-neutral-50" : "text-black hover:bg-neutral-50"}`
     },
     isProcessing ? /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Loading03Icon6, className: "animate-spin", size: 18 }) : confirmText
   ))));
@@ -4526,72 +4526,72 @@ var UniversalBuyCryptoPage = ({
   }))))));
 };
-// src/components/UniversalDepartmentsPage.tsx
+// src/components/UniversalHuddlesPage.tsx
 import React46, { useState as useState32 } from "react";
-import toast12 from "react-hot-toast";
 import { HugeiconsIcon as HugeiconsIcon32 } from "@hugeicons/react";
 import {
   ArrowLeft01Icon as ArrowLeft01Icon13,
   ArrowRight01Icon as ArrowRight01Icon9,
-  Loading03Icon as Loading03Icon20,
-  CancelCircleIcon as CancelCircleIcon9
+  Loading03Icon as Loading03Icon20
 } from "@hugeicons/core-free-icons";
-var formatMembersCount = (num) => {
-  if (num >= 1e6) return (num / 1e6).toFixed(1) + "m";
-  if (num >= 1e3) return (num / 1e3).toFixed(1) + "k";
-  return num.toString();
+var HuddleAvatar = ({ src, status, sizeClass = "w-10 h-10" }) => {
+  const [loaded, setLoaded] = useState32(false);
+  const [error, setError] = useState32(false);
+  const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/default.avif";
+  const finalSrc = error || !src ? defaultAvatar : src;
+  const getStatusColor = () => {
+    switch (status?.toUpperCase()) {
+      case "SCHEDULED":
+        return "bg-amber-500";
+      case "ONGOING":
+        return "bg-emerald-500";
+      case "COMPLETED":
+        return "bg-neutral-400";
+      case "CANCELLED":
+        return "bg-rose-500";
+      default:
+        return "bg-neutral-200";
+    }
+  };
+  return /* @__PURE__ */ React46.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React46.createElement("div", { className: "w-full h-full rounded-lg bg-neutral-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React46.createElement(HugeiconsIcon32, { icon: Loading03Icon20, className: "animate-spin text-neutral-400 absolute", size: 14 }), /* @__PURE__ */ React46.createElement(
+    "img",
+    {
+      src: finalSrc,
+      alt: "Huddle Avatar",
+      className: `w-full h-full object-cover transition-opacity duration-300 ${loaded || error ? "opacity-100" : "opacity-0"}`,
+      onLoad: () => setLoaded(true),
+      onError: () => setError(true)
+    }
+  )), /* @__PURE__ */ React46.createElement("div", { className: `absolute -bottom-1 -right-1 w-3.5 h-3.5 rounded-full border-2 border-white z-10 ${getStatusColor()}` }));
 };
 var PageSpinner6 = () => /* @__PURE__ */ React46.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React46.createElement(HugeiconsIcon32, { icon: Loading03Icon20, size: 32, className: "animate-spin mb-4 text-black" }));
-var UniversalDepartmentsPage = ({
+var UniversalHuddlesPage = ({
   headerTitle,
   headerDescription,
-  departments,
+  huddles,
   isLoading,
   currentPage,
   totalPages,
   onPageChange,
-  onDepartmentClick,
-  onCreateDepartment
+  onHuddleClick,
+  onCreateHuddle
 }) => {
-  const [isCreateModalOpen, setIsCreateModalOpen] = useState32(false);
-  const [deptName, setDeptName] = useState32("");
-  const [isCreating, setIsCreating] = useState32(false);
-  const handleCreateSubmit = async (e) => {
-    e.preventDefault();
-    if (deptName.length < 2 || isCreating || !onCreateDepartment) return;
-    setIsCreating(true);
-    try {
-      await onCreateDepartment(deptName);
-      setDeptName("");
-      setIsCreateModalOpen(false);
-    } catch (error) {
-      toast12.error(error.message || "Failed to create department.");
-    } finally {
-      setIsCreating(false);
-    }
-  };
-  return /* @__PURE__ */ React46.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React46.createElement("div", { className: "flex flex-row items-center justify-between gap-4" }, /* @__PURE__ */ React46.createElement("h2", { className: "text-black text-xl tracking-tight" }, headerTitle), onCreateDepartment && /* @__PURE__ */ React46.createElement(
+  return /* @__PURE__ */ React46.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React46.createElement("div", { className: "flex flex-row items-center justify-between gap-4" }, /* @__PURE__ */ React46.createElement("h2", { className: "text-black text-xl tracking-tight" }, headerTitle), onCreateHuddle && /* @__PURE__ */ React46.createElement(
     "button",
     {
-      onClick: () => setIsCreateModalOpen(true),
+      onClick: onCreateHuddle,
       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"
     },
     "Create new"
-  )), headerDescription && /* @__PURE__ */ React46.createElement("p", { className: "text-[12px] text-neutral-500" }, headerDescription)), /* @__PURE__ */ React46.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ React46.createElement(PageSpinner6, null) : /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React46.createElement("div", null, departments.length === 0 ? /* @__PURE__ */ React46.createElement("p", { className: "text-[12px] text-neutral-400 py-6 text-center" }, "No departments available") : departments.map((dept) => /* @__PURE__ */ React46.createElement(
+  )), headerDescription && /* @__PURE__ */ React46.createElement("p", { className: "text-[12px] text-neutral-500" }, headerDescription)), /* @__PURE__ */ React46.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ React46.createElement(PageSpinner6, null) : /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React46.createElement("div", null, huddles.length === 0 ? /* @__PURE__ */ React46.createElement("p", { className: "text-[12px] text-neutral-400 py-6 text-center" }, "No huddles available") : huddles.map((huddle) => /* @__PURE__ */ React46.createElement(
     "div",
     {
-      key: dept.id,
-      onClick: () => onDepartmentClick(dept.id),
+      key: huddle.id,
+      onClick: () => onHuddleClick(huddle.id),
       className: "flex flex-row items-center gap-4 py-2 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
     },
-    /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col min-w-0  flex-1" }, /* @__PURE__ */ React46.createElement("p", { className: "text-[13px] text-black tracking-tight truncate" }, dept.name), /* @__PURE__ */ React46.createElement("div", { className: "flex items-center gap-3 min-w-0" }, dept.avatars && dept.avatars.length > 0 && /* @__PURE__ */ React46.createElement("div", { className: "flex items-center -space-x-2 shrink-0" }, dept.avatars.slice(0, 4).map((src, idx) => /* @__PURE__ */ React46.createElement("div", { key: idx, className: "w-4 h-4 rounded-md  bg-neutral-100 overflow-hidden shrink-0" }, /* @__PURE__ */ React46.createElement(
-      "img",
-      {
-        src: src || "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif",
-        alt: "Member",
-        className: "w-full h-full object-cover"
-      }
-    )))), dept.totalMembers > 0 ? /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] text-neutral-500 truncate block" }, formatMembersCount(dept.totalMembers), " ", dept.totalMembers > 4 ? "+" : "") : /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] text-neutral-400 truncate block" }, "No Members"))),
+    /* @__PURE__ */ React46.createElement(HuddleAvatar, { src: huddle.imageUrl, status: huddle.status }),
+    /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ React46.createElement("p", { className: "text-[13px] text-black tracking-tight truncate" }, huddle.name), /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] text-neutral-500 truncate block mt-0.5" }, huddle.timeString)),
     /* @__PURE__ */ React46.createElement(HugeiconsIcon32, { icon: ArrowRight01Icon9, size: 14, className: "shrink-0 text-neutral-400" })
   ))), /* @__PURE__ */ React46.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em]" }, "Page ", currentPage, " of ", totalPages === 0 ? 1 : totalPages), /* @__PURE__ */ React46.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React46.createElement(
     "button",
@@ -4609,55 +4609,13 @@ var UniversalDepartmentsPage = ({
       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__ */ React46.createElement(HugeiconsIcon32, { icon: ArrowRight01Icon9, size: 14 })
-  )))))), isCreateModalOpen && /* @__PURE__ */ React46.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React46.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: () => !isCreating && setIsCreateModalOpen(false) }), /* @__PURE__ */ React46.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" }, /* @__PURE__ */ React46.createElement("div", { className: "flex items-center justify-between pt-5 px-5 shrink-0 " }, /* @__PURE__ */ React46.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Create Department"), /* @__PURE__ */ React46.createElement(
-    "button",
-    {
-      onClick: () => setIsCreateModalOpen(false),
-      disabled: isCreating,
-      className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50"
-    },
-    /* @__PURE__ */ React46.createElement(HugeiconsIcon32, { icon: CancelCircleIcon9, size: 18 })
-  )), /* @__PURE__ */ React46.createElement("div", { className: "p-6" }, /* @__PURE__ */ React46.createElement("form", { onSubmit: handleCreateSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ React46.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React46.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Department Name"), /* @__PURE__ */ React46.createElement(
-    "input",
-    {
-      type: "text",
-      value: deptName,
-      onChange: (e) => setDeptName(e.target.value),
-      required: true,
-      autoFocus: true,
-      maxLength: 50,
-      disabled: isCreating,
-      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 disabled:opacity-50",
-      placeholder: "e.g. Engineering, Marketing..."
-    }
-  )), /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React46.createElement(
-    ThreeDActionButton,
-    {
-      type: "submit",
-      disabled: deptName.length < 2 || isCreating,
-      isLoading: isCreating,
-      className: "w-full"
-    },
-    "Create Department"
-  ), /* @__PURE__ */ React46.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => {
-        setIsCreateModalOpen(false);
-        setDeptName("");
-      },
-      disabled: isCreating,
-      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"
   )))))));
 };
 // src/components/UniversalMembersPage.tsx
 import React47, { useState as useState33, useEffect as useEffect18, useRef as useRef12 } from "react";
 import { HugeiconsIcon as HugeiconsIcon33 } from "@hugeicons/react";
-import toast13 from "react-hot-toast";
+import toast12 from "react-hot-toast";
 import {
   ArrowLeft01Icon as ArrowLeft01Icon14,
   ArrowRight01Icon as ArrowRight01Icon10,
@@ -4759,11 +4717,11 @@ var UniversalMembersPage = ({
     setIsRemoving(true);
     try {
       await onRemoveMember(memberToRemove.id);
-      toast13.success("Member removed successfully.");
+      toast12.success("Member removed successfully.");
       setExpandedId(null);
       setMemberToRemove(null);
     } catch (error) {
-      toast13.error("Failed to remove member.");
+      toast12.error("Failed to remove member.");
     } finally {
       setIsRemoving(false);
     }
@@ -4777,7 +4735,7 @@ var UniversalMembersPage = ({
       setInviteEmail("");
       setIsInviteMode(false);
     } catch (error) {
-      toast13.error(error.message || "Failed to send invitation.");
+      toast12.error(error.message || "Failed to send invitation.");
     } finally {
       setIsInviting(false);
     }
@@ -4924,24 +4882,38 @@ var UniversalMembersPage = ({
 import React48, { useState as useState34 } from "react";
 import { useRouter as useRouter3 } from "next/navigation";
 import { HugeiconsIcon as HugeiconsIcon34 } from "@hugeicons/react";
-import toast14 from "react-hot-toast";
+import toast13 from "react-hot-toast";
 import {
   Loading03Icon as Loading03Icon22,
   Notification01Icon as Notification01Icon2,
   ArrowLeft01Icon as ArrowLeft01Icon15,
   ArrowRight01Icon as ArrowRight01Icon11,
-  CancelCircleIcon as CancelCircleIcon10,
+  CancelCircleIcon as CancelCircleIcon9,
   ArrowUpRight01Icon as ArrowUpRight01Icon3,
   Settings03Icon,
   Logout01Icon
 } from "@hugeicons/core-free-icons";
+var OrgAvatar = ({ src, sizeClass = "w-10 h-10" }) => {
+  const [loaded, setLoaded] = useState34(false);
+  const [error, setError] = useState34(false);
+  const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/office.avif";
+  const finalSrc = error || !src ? defaultAvatar : src;
+  return /* @__PURE__ */ React48.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React48.createElement("div", { className: "w-full h-full rounded-lg bg-neutral-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: Loading03Icon22, className: "animate-spin text-neutral-400 absolute", size: 14 }), /* @__PURE__ */ React48.createElement(
+    "img",
+    {
+      src: finalSrc,
+      alt: "Workspace Avatar",
+      className: `w-full h-full object-cover transition-opacity duration-300 ${loaded || error ? "opacity-100" : "opacity-0"}`,
+      onLoad: () => setLoaded(true),
+      onError: () => setError(true)
+    }
+  )));
+};
 var UniversalHome2 = ({
   avatarSrc,
-  userStatus = "ACTIVE",
   organizations = [],
   activeOrgId,
   onOrganizationSelect,
-  barIcons = [],
   createHuddleAction,
   joinHuddleAction,
   notifications = [],
@@ -4953,7 +4925,7 @@ var UniversalHome2 = ({
   onResolveInvite,
   formatNotifDate,
   customContent,
-  departmentsProps,
+  huddlesProps,
   onLogout
 }) => {
   const [isAvatarLoaded, setIsAvatarLoaded] = useState34(false);
@@ -4967,27 +4939,13 @@ var UniversalHome2 = ({
   const fallbackAvatarUrl = "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif";
   const finalAvatarSrc = avatarSrc || fallbackAvatarUrl;
   const hasUnreadNotifs = notifications.some((n) => !n.isRead);
-  const getDisplayStatus = () => {
-    if (userStatus === "ACTIVE") return "Online";
-    if (userStatus === "BUSY") return "Busy";
-    if (userStatus === "OFFLINE") return "Offline";
-    if (userStatus === "AWAY") return "Away";
-    return "Online";
-  };
-  const getStatusColor = () => {
-    if (userStatus === "ACTIVE") return "bg-emerald-500";
-    if (userStatus === "BUSY") return "bg-amber-500";
-    if (userStatus === "OFFLINE") return "bg-rose-500";
-    if (userStatus === "AWAY") return "bg-neutral-400";
-    return "bg-emerald-500";
-  };
   const handleResolve = async (resolution) => {
     if (!onResolveInvite || !selectedNotif) return;
     setIsResolving(true);
     try {
       await onResolveInvite(selectedNotif, resolution);
     } catch (error) {
-      toast14.error("Failed to process invitation");
+      toast13.error("Failed to process invitation");
     } finally {
       setIsResolving(false);
     }
@@ -4997,7 +4955,7 @@ var UniversalHome2 = ({
     try {
       if (onLogout) await onLogout();
     } catch (e) {
-      toast14.error("Failed to log out cleanly.");
+      toast13.error("Failed to log out cleanly.");
     } finally {
       setIsLoggingOut(false);
       setShowLogoutConfirm(false);
@@ -5073,11 +5031,11 @@ var UniversalHome2 = ({
       }
     )
   ))), customContent && /* @__PURE__ */ React48.createElement("div", { className: "w-full" }, customContent), /* @__PURE__ */ React48.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ React48.createElement(
-    UniversalDepartmentsPage,
+    UniversalHuddlesPage,
     {
-      ...departmentsProps
+      ...huddlesProps
     }
-  )), showOrgSwitcher && /* @__PURE__ */ React48.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowOrgSwitcher(false) }), /* @__PURE__ */ React48.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] h-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React48.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Switch Workspace"), /* @__PURE__ */ React48.createElement("button", { onClick: () => setShowOrgSwitcher(false), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: CancelCircleIcon10, size: 18 }))), /* @__PURE__ */ React48.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2" }, /* @__PURE__ */ React48.createElement("div", { className: "flex flex-col" }, organizations?.length === 0 ? /* @__PURE__ */ React48.createElement("div", { className: "p-8 text-center text-xs text-neutral-400" }, "No organizations found.") : organizations?.map((org) => /* @__PURE__ */ React48.createElement(
+  )), showOrgSwitcher && /* @__PURE__ */ React48.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowOrgSwitcher(false) }), /* @__PURE__ */ React48.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] h-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React48.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Switch Workspace"), /* @__PURE__ */ React48.createElement("button", { onClick: () => setShowOrgSwitcher(false), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: CancelCircleIcon9, size: 18 }))), /* @__PURE__ */ React48.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2" }, /* @__PURE__ */ React48.createElement("div", { className: "flex flex-col" }, organizations?.length === 0 ? /* @__PURE__ */ React48.createElement("div", { className: "p-8 text-center text-xs text-neutral-400" }, "No organizations found.") : organizations?.map((org) => /* @__PURE__ */ React48.createElement(
     "button",
     {
       key: org.id,
@@ -5087,6 +5045,7 @@ var UniversalHome2 = ({
       },
       className: `p-4 flex items-center justify-between gap-3 cursor-pointer outline-none transition-colors border-b border-neutral-50 last:border-0 ${activeOrgId === org.id ? "bg-neutral-50" : "hover:bg-neutral-50/50"}`
     },
+    /* @__PURE__ */ React48.createElement(OrgAvatar, { src: org.avatarUrl }),
     /* @__PURE__ */ React48.createElement("div", { className: "flex flex-col items-start min-w-0 flex-1" }, /* @__PURE__ */ React48.createElement("span", { className: `text-[13px] tracking-tight truncate w-full text-left ${activeOrgId === org.id ? "text-black " : "text-neutral-600"}` }, org.name), /* @__PURE__ */ React48.createElement("span", { className: "text-[11px] text-[#068afe] capitalize truncate w-full text-left mt-0.5" }, org.role?.toLowerCase() || "Member")),
     activeOrgId === org.id && /* @__PURE__ */ React48.createElement("div", { className: "w-2 h-2 rounded-full bg-[#068afe] shrink-0" })
   )))), /* @__PURE__ */ React48.createElement("div", { className: "p-4  shrink-0" }, /* @__PURE__ */ React48.createElement(
@@ -5100,7 +5059,7 @@ var UniversalHome2 = ({
     },
     /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: Logout01Icon, size: 15 }),
     "Log Out"
-  )))), showNotifDialog && /* @__PURE__ */ React48.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowNotifDialog(false) }), /* @__PURE__ */ React48.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] h-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, selectedNotif ? /* @__PURE__ */ React48.createElement("button", { onClick: () => setSelectedNotif(null), disabled: isResolving, className: "text-[#068afe] hover:text-[#068afe] transition-colors outline-none flex items-center gap-2 text-[11px] tracking-widest disabled:opacity-50" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: ArrowLeft01Icon15, size: 14 }), " Back") : /* @__PURE__ */ React48.createElement("h3", { className: "text-[15px] text-black tracking-tight flex items-center gap-2" }, "Notifications"), /* @__PURE__ */ React48.createElement("button", { onClick: () => setShowNotifDialog(false), disabled: isResolving, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: CancelCircleIcon10, size: 18 }))), /* @__PURE__ */ React48.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2 relative" }, isNotifsLoading && !selectedNotif && /* @__PURE__ */ React48.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: Loading03Icon22, size: 28, className: "animate-spin text-black" })), selectedNotif ? /* @__PURE__ */ React48.createElement("div", { className: "p-4 text-left" }, /* @__PURE__ */ React48.createElement("h4", { className: "text-[14px] text-black mb-1" }, selectedNotif.title), /* @__PURE__ */ React48.createElement("span", { className: "text-[10px] text-neutral-400 tracking-widest mb-4 block" }, formatNotifDate(selectedNotif.createdAt)), /* @__PURE__ */ React48.createElement("p", { className: "text-[12px] text-neutral-600 leading-relaxed whitespace-pre-wrap" }, selectedNotif.message), selectedNotif.type === "HUDDLE_INVITE" && selectedNotif.meta_json?.action === "RESOLVE_INVITE" && !selectedNotif.meta_json?.completed && /* @__PURE__ */ React48.createElement("div", { className: "mt-8 flex gap-3 pt-6 " }, /* @__PURE__ */ React48.createElement(
+  )))), showNotifDialog && /* @__PURE__ */ React48.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowNotifDialog(false) }), /* @__PURE__ */ React48.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] h-auto" }, /* @__PURE__ */ React48.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, selectedNotif ? /* @__PURE__ */ React48.createElement("button", { onClick: () => setSelectedNotif(null), disabled: isResolving, className: "text-[#068afe] hover:text-[#068afe] transition-colors outline-none flex items-center gap-2 text-[11px] tracking-widest disabled:opacity-50" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: ArrowLeft01Icon15, size: 14 }), " Back") : /* @__PURE__ */ React48.createElement("h3", { className: "text-[15px] text-black tracking-tight flex items-center gap-2" }, "Notifications"), /* @__PURE__ */ React48.createElement("button", { onClick: () => setShowNotifDialog(false), disabled: isResolving, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: CancelCircleIcon9, size: 18 }))), /* @__PURE__ */ React48.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2 relative" }, isNotifsLoading && !selectedNotif && /* @__PURE__ */ React48.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center" }, /* @__PURE__ */ React48.createElement(HugeiconsIcon34, { icon: Loading03Icon22, size: 28, className: "animate-spin text-black" })), selectedNotif ? /* @__PURE__ */ React48.createElement("div", { className: "p-4 text-left" }, /* @__PURE__ */ React48.createElement("h4", { className: "text-[14px] text-black mb-1" }, selectedNotif.title), /* @__PURE__ */ React48.createElement("span", { className: "text-[10px] text-neutral-400 tracking-widest mb-4 block" }, formatNotifDate(selectedNotif.createdAt)), /* @__PURE__ */ React48.createElement("p", { className: "text-[12px] text-neutral-600 leading-relaxed whitespace-pre-wrap" }, selectedNotif.message), selectedNotif.type === "HUDDLE_INVITE" && selectedNotif.meta_json?.action === "RESOLVE_INVITE" && !selectedNotif.meta_json?.completed && /* @__PURE__ */ React48.createElement("div", { className: "mt-8 flex gap-3 pt-6 " }, /* @__PURE__ */ React48.createElement(
     "button",
     {
       onClick: () => handleResolve("ACCEPTED"),
@@ -5149,7 +5108,7 @@ var UniversalHome2 = ({
 // src/components/UniversalSettings.tsx
 import React49, { useState as useState35, useEffect as useEffect19, useRef as useRef13 } from "react";
-import toast15 from "react-hot-toast";
+import toast14 from "react-hot-toast";
 import { HugeiconsIcon as HugeiconsIcon35 } from "@hugeicons/react";
 import {
   ArrowLeft01Icon as ArrowLeft01Icon16,
@@ -5278,11 +5237,11 @@ var UniversalSettings = ({
     setIsRemoving(true);
     try {
       await onRemoveMember(memberToRemove.userId);
-      toast15.success("Member removed successfully.");
+      toast14.success("Member removed successfully.");
       setExpandedId(null);
       setMemberToRemove(null);
     } catch (error) {
-      toast15.error("Failed to remove member.");
+      toast14.error("Failed to remove member.");
     } finally {
       setIsRemoving(false);
     }
@@ -5296,7 +5255,7 @@ var UniversalSettings = ({
       setInviteEmail("");
       setIsInviteMode(false);
     } catch (error) {
-      toast15.error(error.message || "Failed to send invitation.");
+      toast14.error(error.message || "Failed to send invitation.");
     } finally {
       setIsInviting(false);
     }
@@ -5339,7 +5298,7 @@ var UniversalSettings = ({
     e.preventDefault();
     if (isSavingAccount || isCheckingSlug || isAccountReadOnly || !onSaveAccount) return;
     if (slug !== initialSlug && slugAvailable === false) {
-      toast15.error("Please select an available address handle.");
+      toast14.error("Please select an available address handle.");
       return;
     }
     setIsSavingAccount(true);
@@ -5350,12 +5309,12 @@ var UniversalSettings = ({
       };
       const res = await onSaveAccount(payload);
       if (res.success) {
-        toast15.success("Profile updated successfully.");
+        toast14.success("Profile updated successfully.");
       } else {
-        toast15.error(res.error || "Failed to update profile.");
+        toast14.error(res.error || "Failed to update profile.");
       }
     } catch (error) {
-      toast15.error("Service unavailable. Try again later.");
+      toast14.error("Service unavailable. Try again later.");
     } finally {
       setIsSavingAccount(false);
     }
@@ -5423,7 +5382,7 @@ var UniversalSettings = ({
       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__ */ React49.createElement(HugeiconsIcon35, { icon: ListSettingIcon3, size: 16 })
-  ))), /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, activeExpandedMember ? /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col animate-in fade-in zoom-in-95 duration-300 w-full" }, /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col gap-1 mb-8" }, /* @__PURE__ */ React49.createElement("h2", { className: "text-black text-xl tracking-tight" }, "Member Profile"), /* @__PURE__ */ React49.createElement("p", { className: "text-[12px] text-neutral-500" }, "View and manage this member's access privileges.")), /* @__PURE__ */ React49.createElement("div", { className: "flex items-center gap-4 mb-8" }, /* @__PURE__ */ React49.createElement(MemberAvatar2, { src: activeExpandedMember.avatarUrl, status: activeExpandedMember.status, sizeClass: "w-14 h-14" }), /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React49.createElement("span", { className: "text-sm text-black tracking-tight truncate" }, activeExpandedMember.fullName), /* @__PURE__ */ React49.createElement("span", { className: "text-[12px] text-neutral-500 capitalize" }, activeExpandedMember.role.toLowerCase()))), activeExpandedMember.departmentName && /* @__PURE__ */ React49.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React49.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-1" }, "Assigned Department"), /* @__PURE__ */ React49.createElement("span", { className: "text-[12px] text-black truncate block" }, activeExpandedMember.departmentName)), /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col sm:flex-row gap-3 pt-6 " }, !isAccountReadOnly && /* @__PURE__ */ React49.createElement(
+  ))), /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, activeExpandedMember ? /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col animate-in fade-in zoom-in-95 duration-300 w-full" }, /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col gap-1 mb-8" }, /* @__PURE__ */ React49.createElement("h2", { className: "text-black text-xl tracking-tight" }, "Member Profile"), /* @__PURE__ */ React49.createElement("p", { className: "text-[12px] text-neutral-500" }, "View and manage this member's access privileges.")), /* @__PURE__ */ React49.createElement("div", { className: "flex items-center gap-4 mb-8" }, /* @__PURE__ */ React49.createElement(MemberAvatar2, { src: activeExpandedMember.avatarUrl, status: activeExpandedMember.status, sizeClass: "w-14 h-14" }), /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React49.createElement("span", { className: "text-sm text-black tracking-tight truncate" }, activeExpandedMember.fullName), /* @__PURE__ */ React49.createElement("span", { className: "text-[12px] text-neutral-500 capitalize" }, activeExpandedMember.role.toLowerCase()))), /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col sm:flex-row gap-3 pt-6 " }, !isAccountReadOnly && /* @__PURE__ */ React49.createElement(
     "button",
     {
       onClick: () => setMemberToRemove(activeExpandedMember),
@@ -5567,21 +5526,14 @@ var UniversalSettings = ({
       className: "text-[11px] tracking-widest text-neutral-400 hover:text-black transition-colors outline-none"
     },
     "Cancel"
-  ))))), activeTab === "BILLING" && /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React49.createElement("div", { className: "bg-[#143731] rounded-3xl p-6 relative overflow-hidden flex flex-col w-full mt-2" }, /* @__PURE__ */ React49.createElement("div", { className: "relative z-10 flex flex-col items-start w-full" }, /* @__PURE__ */ React49.createElement("p", { className: "text-[11px] text-white leading-tight mb-1" }, /* @__PURE__ */ React49.createElement("span", { className: "text-white/60" }, "AI Credits Balance")), isBillingLoading ? /* @__PURE__ */ React49.createElement("div", { className: "h-8 w-32 bg-white/10 animate-pulse rounded mt-2" }) : /* @__PURE__ */ React49.createElement("div", { className: "flex items-center gap-2 mt-1" }, /* @__PURE__ */ React49.createElement(HugeiconsIcon35, { icon: Coins01Icon, size: 24, className: "text-white" }), /* @__PURE__ */ React49.createElement("span", { className: "text-2xl text-white tracking-tight" }, aiCredits)), /* @__PURE__ */ React49.createElement("div", { className: "mt-2 w-full " }, /* @__PURE__ */ React49.createElement(
+  ))))), activeTab === "BILLING" && /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React49.createElement("div", { className: "bg-[#ffffff] rounded-3xl p-6 relative overflow-hidden flex flex-col w-full mt-2" }, /* @__PURE__ */ React49.createElement("div", { className: "relative z-10 flex flex-col items-start w-full" }, /* @__PURE__ */ React49.createElement("p", { className: "text-[11px] text-black leading-tight mb-1" }, /* @__PURE__ */ React49.createElement("span", { className: "text-black/60" }, "AI Credits Balance")), isBillingLoading ? /* @__PURE__ */ React49.createElement("div", { className: "h-8 w-32 bg-black/10 animate-pulse rounded mt-2" }) : /* @__PURE__ */ React49.createElement("div", { className: "flex items-center gap-2 mt-1" }, /* @__PURE__ */ React49.createElement(HugeiconsIcon35, { icon: Coins01Icon, size: 24, className: "text-black" }), /* @__PURE__ */ React49.createElement("span", { className: "text-2xl text-black tracking-tight" }, aiCredits)), /* @__PURE__ */ React49.createElement("div", { className: "mt-2 w-full " }, /* @__PURE__ */ React49.createElement(
     "button",
     {
       onClick: onTopUp,
-      className: "px-6 py-2 rounded-full border border-white/50 bg-transparent text-white/50 text-[11px] tracking-wide transition-colors outline-none hover:bg-white/10 hover:text-white hover:border-white"
+      className: "px-6 py-2 rounded-full border border-neutral-200 bg-transparent text-neutral-200 text-[11px] tracking-wide transition-colors outline-none hover:bg-black/10 hover:text-black hover:border-black"
     },
     "Top Up Credits"
-  ))), /* @__PURE__ */ React49.createElement(
-    "img",
-    {
-      src: "https://storage.googleapis.com/retina-cloud-v2/assets/images/save_box.avif",
-      alt: "Credits",
-      className: "absolute bottom-2 right-2 translate-x-1/4 translate-y-1/2 w-32 h-auto object-contain z-0 pointer-events-none drop-shadow-md"
-    }
-  )), /* @__PURE__ */ React49.createElement("div", { className: "mt-4 px-1" }, /* @__PURE__ */ React49.createElement("p", { className: "text-[11px] text-neutral-500 leading-relaxed max-w-lg" }, "AI credits are consumed when generating intelligent summaries, transcriptions, and automated huddle insights. Additional credits are billed dynamically to your primary payment method."))));
+  )))), /* @__PURE__ */ React49.createElement("div", { className: "mt-4 px-1" }, /* @__PURE__ */ React49.createElement("p", { className: "text-[11px] text-neutral-500 leading-relaxed max-w-lg" }, "AI credits are consumed when generating intelligent summaries, transcriptions, and automated huddle insights. Additional credits are billed dynamically to your primary payment method."))));
 };
 export {
   AppBento2,
@@ -5617,10 +5569,10 @@ export {
   UniversalBuyCryptoPage,
   UniversalCardActionPage,
   UniversalCardPage,
-  UniversalDepartmentsPage,
   UniversalErrorView,
   UniversalHome2,
   UniversalHomeView,
+  UniversalHuddlesPage,
   UniversalMembersPage,
   UniversalOrganizationPage,
   UniversalProfilePage,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@retinalabsllc/zairusjs",
-  "version": "16.1.90",
+  "version": "16.1.95",
   "description": "A perceptive, Ai data driven Next.js UI component library.",
   "author": "Retina Labs Company",
   "license": "MIT",