@pelatform/starter 0.1.7 → 0.1.9

package/dist/index.js

@@ -1,12 +1,15 @@
 "use client";
 import {
   defaultAuthQueryOptions,
-  fileToBase64,
   getPasswordSchema,
   getTranslations,
-  resizeAndCropImage,
+  request,
+  setLastVisitedWorkspace,
   socialProviders
-} from "./chunk-2ZAZ77F6.js";
+} from "./chunk-7Y52PHJN.js";
+import {
+  WORKSPACE_SCOPED_PREFIXES
+} from "./chunk-K5RU54UL.js";
 
 // src/config/hook.ts
 import { useContext } from "react";
@@ -133,7 +136,8 @@ var defaultConfig = {
     },
     custom: {
       ACCEPT_INVITATION: "/join",
-      NEW_WORKSPACE: "/new"
+      NEW_WORKSPACE: "/new",
+      VERIFY_EMAIL: "/verify"
     }
   },
   ui: {
@@ -416,6 +420,7 @@ function useDeletePasskey(options) {
   const { queryKey } = useContext8(QueryContext);
   return useAuthMutation({
     queryKey: queryKey.listPasskeys,
+    // @ts-expect-error - passkeyClient does not exist
     mutationFn: authClient.passkey.deletePasskey,
     options
   });
@@ -425,6 +430,7 @@ function useListPasskeys(options) {
   const { queryKey } = useContext8(QueryContext);
   return useAuthQuery({
     queryKey: queryKey.listPasskeys,
+    // @ts-expect-error - passkeyClient does not exist
     queryFn: authClient.passkey.listUserPasskeys,
     options
   });
@@ -469,11 +475,27 @@ function useRevokeSessions(options) {
   });
 }
 
+// src/hooks/use-invitation.ts
+import { useContext as useContext10 } from "react";
+function useInvitation(params, options) {
+  const { authClient } = useConfig();
+  const { queryKey: key } = useContext10(QueryContext);
+  const queryKey = [key.invitationKey, JSON.stringify(params)];
+  return useAuthQuery({
+    queryKey,
+    queryFn: (fnParams) => authClient.organization.getInvitation({
+      ...params,
+      ...fnParams
+    }),
+    options
+  });
+}
+
 // src/hooks/use-layout.ts
-import { createContext as createContext2, useContext as useContext10 } from "react";
+import { createContext as createContext2, useContext as useContext11 } from "react";
 var LayoutContext = createContext2(void 0);
 var useLayout = () => {
-  const context = useContext10(LayoutContext);
+  const context = useContext11(LayoutContext);
   if (!context) {
     throw new Error("useLayout must be used within a LayoutProvider");
   }
@@ -506,10 +528,10 @@ function useOnSuccessTransition(redirectToProp) {
 }
 
 // src/hooks/use-update-user.ts
-import { useContext as useContext11 } from "react";
+import { useContext as useContext12 } from "react";
 function useUpdateUser(options) {
   const { authClient } = useConfig();
-  const { queryKey } = useContext11(QueryContext);
+  const { queryKey } = useContext12(QueryContext);
   return useAuthMutation({
     queryKey: queryKey.session,
     mutationFn: authClient.updateUser,
@@ -521,20 +543,15 @@ function useUpdateUser(options) {
   });
 }
 
-// src/hooks/use-invitation.ts
-import { useContext as useContext12 } from "react";
-function useInvitation(params, options) {
-  const { authClient } = useConfig();
-  const { queryKey: key } = useContext12(QueryContext);
-  const queryKey = [key.invitationKey, JSON.stringify(params)];
-  return useAuthQuery({
-    queryKey,
-    queryFn: (fnParams) => authClient.organization.getInvitation({
-      ...params,
-      ...fnParams
-    }),
-    options
-  });
+// src/hooks/use-workspace.ts
+import { createContext as createContext3, useContext as useContext13 } from "react";
+var WorkspaceContext = createContext3(void 0);
+function useWorkspace() {
+  const context = useContext13(WorkspaceContext);
+  if (context === void 0) {
+    throw new Error("useWorkspace must be used within a WorkspaceProvider");
+  }
+  return context;
 }
 
 // src/ui/account/dialogs/backup-codes.tsx
@@ -822,6 +839,7 @@ function WorkspaceLogo({
   isPending,
   size,
   workspace,
+  image,
   ...props
 }) {
   const t = useTranslations3();
@@ -850,7 +868,7 @@ function WorkspaceLogo({
         /* @__PURE__ */ jsx5(
           AvatarImage,
           {
-            src: src || void 0,
+            src: image || src || void 0,
             alt: name || t("systems.ORGANIZATION"),
             className: classNames?.image
           }
@@ -1568,6 +1586,7 @@ function DeleteAccountCard({
 import { useRef, useState as useState5 } from "react";
 import { Trash2Icon, UploadCloudIcon } from "lucide-react";
 import { useTranslations as useTranslations9 } from "next-intl";
+import { fileToBase64, resizeAndCropImage } from "pelatform-ui";
 import { AlertToast as AlertToast3 } from "pelatform-ui/components";
 import {
   Button as Button8,
@@ -2438,6 +2457,7 @@ function PasskeysCard({ className, classNames, ...props }) {
     isPending: passkeysPending,
     refetch: refetchPasskeys
   } = useListPasskeys();
+  const typedPasskeys = passkeys;
   const isPending = sessionPending || passkeysPending;
   const isFresh = session ? Date.now() - new Date(session?.createdAt).getTime() < auth.freshAge * 1e3 : false;
   const [showFreshnessDialog, setShowFreshnessDialog] = useState8(false);
@@ -2479,7 +2499,7 @@ function PasskeysCard({ className, classNames, ...props }) {
         actionLabel: t("systems.ADD_PASSKEY"),
         isPending,
         ...props,
-        children: isPending ? /* @__PURE__ */ jsx20("div", { className: cn15("grid gap-4", classNames?.grid), children: /* @__PURE__ */ jsx20(SkeletonViewComponent, { classNames }) }) : passkeys && passkeys.length > 0 && /* @__PURE__ */ jsx20("div", { className: cn15("grid gap-4", classNames?.grid), children: passkeys?.map((passkey) => /* @__PURE__ */ jsx20(PasskeyCell, { classNames, passkey }, passkey.id)) })
+        children: isPending ? /* @__PURE__ */ jsx20("div", { className: cn15("grid gap-4", classNames?.grid), children: /* @__PURE__ */ jsx20(SkeletonViewComponent, { classNames }) }) : typedPasskeys && typedPasskeys.length > 0 && /* @__PURE__ */ jsx20("div", { className: cn15("grid gap-4", classNames?.grid), children: typedPasskeys.map((passkey) => /* @__PURE__ */ jsx20(PasskeyCell, { classNames, passkey }, passkey.id)) })
       }
     ) }) })
   ] });
@@ -5371,9 +5391,9 @@ function AuthForm({
 }
 
 // src/ui/layouts/auth.tsx
-import Link5 from "next/link";
+import Link6 from "next/link";
 import { usePathname } from "next/navigation";
-import { useTranslations as useTranslations43 } from "next-intl";
+import { useTranslations as useTranslations44 } from "next-intl";
 import { LayoutBlank } from "pelatform-ui/components";
 
 // src/ui/shared/logo.tsx
@@ -5396,15 +5416,33 @@ function LogoWithHref({ className, href = "/" }) {
   ] });
 }
 
-// src/ui/layouts/loader.tsx
+// src/ui/shared/signed-in-hint.tsx
+import Link5 from "next/link";
 import { useTranslations as useTranslations41 } from "next-intl";
+import { Button as Button31 } from "pelatform-ui/default";
+import { jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
+function SignedInHint({ linkHref = "/signin" }) {
+  const t = useTranslations41("customs.common.signed");
+  const { isPending, user } = useSession();
+  return /* @__PURE__ */ jsxs42("div", { className: "fixed start-0 bottom-0 z-40 m-5 flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
+      t("text"),
+      " ",
+      isPending || !user ? /* @__PURE__ */ jsx49("span", { className: "h-3 w-32 animate-pulse rounded-md border bg-muted-foreground" }) : /* @__PURE__ */ jsx49("b", { className: "text-foreground", children: user.email })
+    ] }),
+    /* @__PURE__ */ jsx49(Button31, { variant: "mono", className: "h-8 w-fit rounded-lg px-3 text-xs shadow-sm", children: /* @__PURE__ */ jsx49(Link5, { href: linkHref, children: t("button") }) })
+  ] });
+}
+
+// src/ui/layouts/loader.tsx
+import { useTranslations as useTranslations42 } from "next-intl";
 import { ScreenLoader } from "pelatform-ui/components";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function LayoutLoader({ children }) {
-  const t = useTranslations41();
+  const t = useTranslations42();
   const { isPending } = useSession();
   if (isPending) {
-    return /* @__PURE__ */ jsx49(ScreenLoader, { loadingText: t("systems.common.status.loading") });
+    return /* @__PURE__ */ jsx50(ScreenLoader, { loadingText: t("systems.common.status.loading") });
   }
   return children;
 }
@@ -5417,11 +5455,11 @@ import { ModeSwitcher } from "pelatform-ui/components";
 // src/ui/shared/language-switcher.tsx
 import Image from "next/image";
 import { useRouter as useRouter14 } from "next/navigation";
-import { useLocale as useLocale3, useTranslations as useTranslations42 } from "next-intl";
+import { useLocale as useLocale3, useTranslations as useTranslations43 } from "next-intl";
 import {
   LanguageSwitcher as LanguageSwitcherBase
 } from "pelatform-ui/components";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function LanguageSwitcher({
   className,
   type,
@@ -5432,7 +5470,7 @@ function LanguageSwitcher({
 }) {
   const { i18n } = useConfig();
   const router = useRouter14();
-  const t = useTranslations42();
+  const t = useTranslations43();
   const currentLocale = useLocale3();
   const availableLocales = (() => {
     if (!i18n.enabled) {
@@ -5456,7 +5494,7 @@ function LanguageSwitcher({
     document.cookie = `${i18n.localeCookieName}=${newLocale}; max-age=${60 * 60 * 24 * 365}; path=/`;
     router.refresh();
   }
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     LanguageSwitcherBase,
     {
       className,
@@ -5477,34 +5515,37 @@ function LanguageSwitcher({
 }
 
 // src/ui/layouts/toolbar.tsx
-import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
 var DEFAULT_SHOW = ["darkmode"];
 function Toolbar(props) {
-  return /* @__PURE__ */ jsx51(Suspense, { fallback: null, children: /* @__PURE__ */ jsx51("div", { className: cn40("fixed end-0 bottom-0 z-40 m-5", props.className), children: /* @__PURE__ */ jsx51(ToolbarRSC, { ...props }) }) });
+  return /* @__PURE__ */ jsx52(Suspense, { fallback: null, children: /* @__PURE__ */ jsx52("div", { className: cn40("fixed end-0 bottom-0 z-40 m-5", props.className), children: /* @__PURE__ */ jsx52(ToolbarRSC, { ...props }) }) });
 }
 function ToolbarRSC({ show = DEFAULT_SHOW }) {
-  return /* @__PURE__ */ jsx51("div", { className: "flex flex-col items-center gap-2.5", children: /* @__PURE__ */ jsxs42("div", { className: "shrink-0", children: [
-    show.includes("darkmode") && /* @__PURE__ */ jsx51(ModeSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
-    show.includes("help") && /* @__PURE__ */ jsx51("div", { className: "hidden" }),
-    show.includes("language") && /* @__PURE__ */ jsx51(LanguageSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
-    show.includes("onboarding") && /* @__PURE__ */ jsx51("div", { className: "hidden" })
+  return /* @__PURE__ */ jsx52("div", { className: "flex flex-col items-center gap-2.5", children: /* @__PURE__ */ jsxs43("div", { className: "shrink-0", children: [
+    show.includes("darkmode") && /* @__PURE__ */ jsx52(ModeSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("help") && /* @__PURE__ */ jsx52("div", { className: "hidden" }),
+    show.includes("language") && /* @__PURE__ */ jsx52(LanguageSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("onboarding") && /* @__PURE__ */ jsx52("div", { className: "hidden" })
   ] }) });
 }
 
 // src/ui/layouts/auth.tsx
-import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
 function AuthLayout({
   children,
-  logo = /* @__PURE__ */ jsx52(LogoWithName, {})
+  logo = /* @__PURE__ */ jsx53(LogoWithName, {}),
+  disableFooter = false,
+  signInHint = false,
+  signInHref
 }) {
   const { app, path } = useConfig();
   const pathname = usePathname();
-  const t = useTranslations43();
-  const footer = /* @__PURE__ */ jsxs43("p", { className: "px-20 py-4 text-center font-medium text-muted-foreground text-xs md:px-0", children: [
+  const t = useTranslations44();
+  const footer = /* @__PURE__ */ jsxs44("p", { className: "px-20 py-4 text-center font-medium text-muted-foreground text-xs md:px-0", children: [
     t("customs.common.agree"),
     " ",
-    /* @__PURE__ */ jsx52(
-      Link5,
+    /* @__PURE__ */ jsx53(
+      Link6,
       {
         href: path.main.TERMS,
         target: "_blank",
@@ -5513,8 +5554,8 @@ function AuthLayout({
       }
     ),
     " ",
-    /* @__PURE__ */ jsx52(
-      Link5,
+    /* @__PURE__ */ jsx53(
+      Link6,
       {
         href: path.main.PRIVACY,
         target: "_blank",
@@ -5523,19 +5564,20 @@ function AuthLayout({
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs43(LayoutLoader, { children: [
-    /* @__PURE__ */ jsx52(Toolbar, { show: ["language"], className: "top-0!" }),
-    /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsxs44(LayoutLoader, { children: [
+    /* @__PURE__ */ jsx53(Toolbar, { show: ["language"], className: "top-0!" }),
+    /* @__PURE__ */ jsx53(
       LayoutBlank,
       {
         className: "[&_.max-w-4xl]:max-w-sm [&_.max-w-4xl]:px-0",
         logo,
         logoHref: app.url,
-        footer: pathname === path.auth.SIGN_OUT || pathname === path.auth.CALLBACK ? null : footer,
+        footer: disableFooter || pathname === path.auth.SIGN_OUT || pathname === path.auth.CALLBACK ? null : footer,
         children
       }
     ),
-    /* @__PURE__ */ jsx52(Toolbar, { show: ["darkmode"] })
+    /* @__PURE__ */ jsx53(Toolbar, { show: ["darkmode"] }),
+    signInHint && /* @__PURE__ */ jsx53(SignedInHint, { linkHref: signInHref || path.auth.SIGN_OUT })
   ] });
 }
 
@@ -5544,7 +5586,7 @@ import { useEffect as useEffect15, useState as useState18 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
 import { Menu, PanelRight } from "lucide-react";
 import {
-  Button as Button31,
+  Button as Button32,
   Sheet,
   SheetBody,
   SheetContent,
@@ -5556,10 +5598,10 @@ import {
 
 // src/ui/shared/user-menu.tsx
 import { Fragment as Fragment17, useCallback as useCallback3, useEffect as useEffect14, useState as useState17 } from "react";
-import Link6 from "next/link";
+import Link7 from "next/link";
 import { useRouter as useRouter15 } from "next/navigation";
 import { LogOut, PlusCircleIcon, Settings, Shield, UserStar } from "lucide-react";
-import { useTranslations as useTranslations44 } from "next-intl";
+import { useTranslations as useTranslations45 } from "next-intl";
 import { ModeSwitcher as ModeSwitcher2, UserAvatar as UserAvatar2 } from "pelatform-ui/components";
 import {
   Badge as Badge2,
@@ -5570,11 +5612,11 @@ import {
   DropdownMenuTrigger as DropdownMenuTrigger3,
   Skeleton as Skeleton9
 } from "pelatform-ui/default";
-import { Fragment as Fragment18, jsx as jsx53, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
 function UserMenu({ hiddenSwitcher = false }) {
   const { features, path } = useConfig();
   const router = useRouter15();
-  const t = useTranslations44();
+  const t = useTranslations45();
   const { isPending: sessionPending, user } = useSession();
   const { setActiveSessionAsync } = useSetActiveSession();
   const { data: deviceSessions, isPending: deviceSessionsPending } = useListDeviceSessions({
@@ -5607,33 +5649,33 @@ function UserMenu({ hiddenSwitcher = false }) {
   const userName = getName(user);
   const userAvatar = user?.image || void 0;
   const userRole = user?.role || "user";
-  return /* @__PURE__ */ jsxs44(DropdownMenu3, { children: [
-    /* @__PURE__ */ jsx53(DropdownMenuTrigger3, { className: "focus:outline-none focus:ring-0", children: isPending ? /* @__PURE__ */ jsx53(Skeleton9, { className: "size-8 shrink-0 rounded-full" }) : /* @__PURE__ */ jsx53(UserAvatar2, { className: "size-8", indicator: true, src: userAvatar, alt: userName }) }),
-    /* @__PURE__ */ jsxs44(DropdownMenuContent3, { className: "w-56", side: "bottom", align: "end", sideOffset: 11, children: [
-      /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-        /* @__PURE__ */ jsx53(UserAvatar2, { src: userAvatar, alt: userName }),
-        /* @__PURE__ */ jsxs44("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-          /* @__PURE__ */ jsx53("span", { className: "truncate font-semibold text-foreground text-sm", children: userName }),
-          /* @__PURE__ */ jsx53("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userEmail }),
-          /* @__PURE__ */ jsx53(Badge2, { variant: "success", appearance: "outline", size: "sm", className: "mt-1", children: userRole.toUpperCase() })
+  return /* @__PURE__ */ jsxs45(DropdownMenu3, { children: [
+    /* @__PURE__ */ jsx54(DropdownMenuTrigger3, { className: "focus:outline-none focus:ring-0", children: isPending ? /* @__PURE__ */ jsx54(Skeleton9, { className: "size-8 shrink-0 rounded-full" }) : /* @__PURE__ */ jsx54(UserAvatar2, { className: "size-8", indicator: true, src: userAvatar, alt: userName }) }),
+    /* @__PURE__ */ jsxs45(DropdownMenuContent3, { className: "w-56", side: "bottom", align: "end", sideOffset: 11, children: [
+      /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+        /* @__PURE__ */ jsx54(UserAvatar2, { src: userAvatar, alt: userName }),
+        /* @__PURE__ */ jsxs45("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+          /* @__PURE__ */ jsx54("span", { className: "truncate font-semibold text-foreground text-sm", children: userName }),
+          /* @__PURE__ */ jsx54("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userEmail }),
+          /* @__PURE__ */ jsx54(Badge2, { variant: "success", appearance: "outline", size: "sm", className: "mt-1", children: userRole.toUpperCase() })
         ] })
       ] }),
-      /* @__PURE__ */ jsx53(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.account.SETTINGS, children: [
-        /* @__PURE__ */ jsx53(Settings, {}),
-        /* @__PURE__ */ jsx53("span", { children: t("systems.navigation.preferences") })
+      /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.account.SETTINGS, children: [
+        /* @__PURE__ */ jsx54(Settings, {}),
+        /* @__PURE__ */ jsx54("span", { children: t("systems.navigation.preferences") })
       ] }) }),
-      /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.account.SECURITY, children: [
-        /* @__PURE__ */ jsx53(Shield, {}),
-        /* @__PURE__ */ jsx53("span", { children: t("systems.navigation.security") })
+      /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.account.SECURITY, children: [
+        /* @__PURE__ */ jsx54(Shield, {}),
+        /* @__PURE__ */ jsx54("span", { children: t("systems.navigation.security") })
       ] }) }),
-      "admin" === userRole && /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.admin.OVERVIEW, children: [
-        /* @__PURE__ */ jsx53(UserStar, {}),
-        /* @__PURE__ */ jsx53("span", { children: "Admin Dashboard" })
+      "admin" === userRole && /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.admin.OVERVIEW, children: [
+        /* @__PURE__ */ jsx54(UserStar, {}),
+        /* @__PURE__ */ jsx54("span", { children: "Admin Dashboard" })
       ] }) }),
-      !hiddenSwitcher && /* @__PURE__ */ jsxs44(Fragment18, { children: [
-        /* @__PURE__ */ jsx53(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx53(
+      !hiddenSwitcher && /* @__PURE__ */ jsxs45(Fragment18, { children: [
+        /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx54(
           ModeSwitcher2,
           {
             type: "sub-dropdown",
@@ -5644,31 +5686,31 @@ function UserMenu({ hiddenSwitcher = false }) {
             }
           }
         ),
-        /* @__PURE__ */ jsx53(LanguageSwitcher, { type: "sub-dropdown" })
+        /* @__PURE__ */ jsx54(LanguageSwitcher, { type: "sub-dropdown" })
       ] }),
-      /* @__PURE__ */ jsx53(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.auth.SIGN_OUT, children: [
-        /* @__PURE__ */ jsx53(LogOut, {}),
-        /* @__PURE__ */ jsx53("span", { children: t("systems.navigation.logout") })
+      /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.auth.SIGN_OUT, children: [
+        /* @__PURE__ */ jsx54(LogOut, {}),
+        /* @__PURE__ */ jsx54("span", { children: t("systems.navigation.logout") })
       ] }) }),
-      user && features.multiSession && /* @__PURE__ */ jsxs44(Fragment18, { children: [
-        /* @__PURE__ */ jsx53(DropdownMenuSeparator, {}),
-        !deviceSessions && deviceSessionsPending && /* @__PURE__ */ jsxs44(Fragment18, { children: [
-          /* @__PURE__ */ jsx53(DropdownMenuItem3, { disabled: true, children: /* @__PURE__ */ jsx53(UserView, { isPending: true }) }),
-          /* @__PURE__ */ jsx53(DropdownMenuSeparator, {})
+      user && features.multiSession && /* @__PURE__ */ jsxs45(Fragment18, { children: [
+        /* @__PURE__ */ jsx54(DropdownMenuSeparator, {}),
+        !deviceSessions && deviceSessionsPending && /* @__PURE__ */ jsxs45(Fragment18, { children: [
+          /* @__PURE__ */ jsx54(DropdownMenuItem3, { disabled: true, children: /* @__PURE__ */ jsx54(UserView, { isPending: true }) }),
+          /* @__PURE__ */ jsx54(DropdownMenuSeparator, {})
         ] }),
-        deviceSessions?.filter((sessionData) => sessionData.user.id !== user?.id).map(({ session, user: multiUser }) => /* @__PURE__ */ jsxs44(Fragment17, { children: [
-          /* @__PURE__ */ jsxs44(DropdownMenuItem3, { onClick: () => switchAccount(session.token), children: [
-            /* @__PURE__ */ jsx53(UserAvatar2, { src: multiUser?.image || void 0, alt: getName(multiUser) }),
-            /* @__PURE__ */ jsxs44("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-              /* @__PURE__ */ jsx53("span", { className: "truncate font-semibold text-foreground text-xs", children: getName(multiUser) }),
-              /* @__PURE__ */ jsx53("span", { className: "block w-full truncate text-muted-foreground text-xs", children: multiUser?.email })
+        deviceSessions?.filter((sessionData) => sessionData.user.id !== user?.id).map(({ session, user: multiUser }) => /* @__PURE__ */ jsxs45(Fragment17, { children: [
+          /* @__PURE__ */ jsxs45(DropdownMenuItem3, { onClick: () => switchAccount(session.token), children: [
+            /* @__PURE__ */ jsx54(UserAvatar2, { src: multiUser?.image || void 0, alt: getName(multiUser) }),
+            /* @__PURE__ */ jsxs45("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+              /* @__PURE__ */ jsx54("span", { className: "truncate font-semibold text-foreground text-xs", children: getName(multiUser) }),
+              /* @__PURE__ */ jsx54("span", { className: "block w-full truncate text-muted-foreground text-xs", children: multiUser?.email })
             ] })
           ] }),
-          /* @__PURE__ */ jsx53(DropdownMenuSeparator, {})
+          /* @__PURE__ */ jsx54(DropdownMenuSeparator, {})
         ] }, session.id)),
-        /* @__PURE__ */ jsx53(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs44(Link6, { href: path.auth.SIGN_IN, children: [
-          /* @__PURE__ */ jsx53(PlusCircleIcon, {}),
+        /* @__PURE__ */ jsx54(DropdownMenuItem3, { asChild: true, children: /* @__PURE__ */ jsxs45(Link7, { href: path.auth.SIGN_IN, children: [
+          /* @__PURE__ */ jsx54(PlusCircleIcon, {}),
           t("systems.ADD_ACCOUNT")
         ] }) })
       ] })
@@ -5677,32 +5719,32 @@ function UserMenu({ hiddenSwitcher = false }) {
 }
 
 // src/ui/layouts/header.tsx
-import { jsx as jsx54, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
 function Header({ children }) {
-  return /* @__PURE__ */ jsx54("header", { className: "fixed start-0 end-0 top-0 z-10 flex h-(--header-height-mobile) shrink-0 items-stretch border-border border-b bg-background/95 pe-(--removed-body-scroll-bar-size,0px) backdrop-blur-sm supports-backdrop-filter:bg-background/60 lg:h-(--header-height)", children: /* @__PURE__ */ jsx54("div", { className: "@container flex grow items-stretch justify-between gap-2.5 pe-5", children }) });
+  return /* @__PURE__ */ jsx55("header", { className: "fixed start-0 end-0 top-0 z-10 flex h-(--header-height-mobile) shrink-0 items-stretch border-border border-b bg-background/95 pe-(--removed-body-scroll-bar-size,0px) backdrop-blur-sm supports-backdrop-filter:bg-background/60 lg:h-(--header-height)", children: /* @__PURE__ */ jsx55("div", { className: "@container flex grow items-stretch justify-between gap-2.5 pe-5", children }) });
 }
 function HeaderLeft() {
   const { logoHeader, sidebarToggle } = useLayout();
-  return /* @__PURE__ */ jsx54("div", { className: "flex items-center gap-2 px-5 lg:w-(--sidebar-width)", children: /* @__PURE__ */ jsxs45("div", { className: "flex w-full items-center justify-between", children: [
+  return /* @__PURE__ */ jsx55("div", { className: "flex items-center gap-2 px-5 lg:w-(--sidebar-width)", children: /* @__PURE__ */ jsxs46("div", { className: "flex w-full items-center justify-between", children: [
     logoHeader,
-    /* @__PURE__ */ jsx54(
-      Button31,
+    /* @__PURE__ */ jsx55(
+      Button32,
       {
         mode: "icon",
         variant: "ghost",
         onClick: sidebarToggle,
         className: "hidden text-muted-foreground hover:text-foreground lg:inline-flex",
-        children: /* @__PURE__ */ jsx54(PanelRight, { className: "-rotate-180 in-data-[sidebar-open=false]:rotate-0 opacity-100" })
+        children: /* @__PURE__ */ jsx55(PanelRight, { className: "-rotate-180 in-data-[sidebar-open=false]:rotate-0 opacity-100" })
       }
     )
   ] }) });
 }
 function HeaderRight({ sidebar, button }) {
   const { isMobile } = useLayout();
-  return /* @__PURE__ */ jsxs45("nav", { className: "flex items-center gap-1.5 lg:gap-2.5", children: [
+  return /* @__PURE__ */ jsxs46("nav", { className: "flex items-center gap-1.5 lg:gap-2.5", children: [
     button,
     isMobile && sidebar,
-    /* @__PURE__ */ jsx54(UserMenu, {})
+    /* @__PURE__ */ jsx55(UserMenu, {})
   ] });
 }
 function HeaderSidebarMobile({ children }) {
@@ -5711,23 +5753,23 @@ function HeaderSidebarMobile({ children }) {
   useEffect15(() => {
     setIsSheetOpen(false);
   }, [pathname]);
-  return /* @__PURE__ */ jsxs45(Sheet, { open: isSheetOpen, onOpenChange: setIsSheetOpen, children: [
-    /* @__PURE__ */ jsx54(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx54(Button31, { variant: "ghost", mode: "icon", size: "icon", children: /* @__PURE__ */ jsx54(Menu, { className: "size-4" }) }) }),
-    /* @__PURE__ */ jsxs45(SheetContent, { className: "w-(--sidebar-width) gap-0 p-0", side: "left", close: false, children: [
-      /* @__PURE__ */ jsxs45(SheetHeader, { className: "hidden space-y-0 p-0", children: [
-        /* @__PURE__ */ jsx54(SheetTitle, { className: "sr-only", children: "Navigation menu" }),
-        /* @__PURE__ */ jsx54(SheetDescription, { className: "sr-only", children: "NavigatSheet Description" })
+  return /* @__PURE__ */ jsxs46(Sheet, { open: isSheetOpen, onOpenChange: setIsSheetOpen, children: [
+    /* @__PURE__ */ jsx55(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx55(Button32, { variant: "ghost", mode: "icon", size: "icon", children: /* @__PURE__ */ jsx55(Menu, { className: "size-4" }) }) }),
+    /* @__PURE__ */ jsxs46(SheetContent, { className: "w-(--sidebar-width) gap-0 p-0", side: "left", close: false, children: [
+      /* @__PURE__ */ jsxs46(SheetHeader, { className: "hidden space-y-0 p-0", children: [
+        /* @__PURE__ */ jsx55(SheetTitle, { className: "sr-only", children: "Navigation menu" }),
+        /* @__PURE__ */ jsx55(SheetDescription, { className: "sr-only", children: "NavigatSheet Description" })
       ] }),
-      /* @__PURE__ */ jsx54(SheetBody, { className: "flex grow flex-col p-0", children })
+      /* @__PURE__ */ jsx55(SheetBody, { className: "flex grow flex-col p-0", children })
     ] })
   ] });
 }
 
 // src/ui/layouts/sidebar.tsx
 import { useCallback as useCallback4, useMemo as useMemo5 } from "react";
-import Link7 from "next/link";
+import Link8 from "next/link";
 import { usePathname as usePathname3 } from "next/navigation";
-import { useTranslations as useTranslations45 } from "next-intl";
+import { useTranslations as useTranslations47 } from "next-intl";
 import { BackLink } from "pelatform-ui/components";
 import {
   AccordionMenu,
@@ -5738,29 +5780,221 @@ import {
   AccordionMenuSub,
   AccordionMenuSubContent,
   AccordionMenuSubTrigger,
-  Badge as Badge3,
+  Badge as Badge4,
   ScrollArea
 } from "pelatform-ui/default";
-import { Fragment as Fragment19, jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
+
+// src/ui/workspace/switcher.tsx
+import { useRouter as useRouter16 } from "next/navigation";
+import { Building2, CheckIcon as CheckIcon4, ChevronsUpDown, PlusIcon, User } from "lucide-react";
+import { useTranslations as useTranslations46 } from "next-intl";
+import { AlertToast as AlertToast24 } from "pelatform-ui/components";
+import {
+  Badge as Badge3,
+  Button as Button33,
+  DropdownMenu as DropdownMenu4,
+  DropdownMenuContent as DropdownMenuContent4,
+  DropdownMenuGroup,
+  DropdownMenuItem as DropdownMenuItem4,
+  DropdownMenuLabel,
+  DropdownMenuSeparator as DropdownMenuSeparator2,
+  DropdownMenuTrigger as DropdownMenuTrigger4,
+  Skeleton as Skeleton10
+} from "pelatform-ui/default";
+import { useMediaQuery } from "pelatform-ui/hooks";
+import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+function WorkspaceSwitcher() {
+  const { path } = useConfig();
+  const { activeWorkspace, updateActiveWorkspace, workspaceList, isFetchingWorkspace } = useWorkspace();
+  const router = useRouter16();
+  const t = useTranslations46();
+  const ownedWorkspaces = workspaceList?.filter((workspace) => workspace.currentUserRole === "owner") || [];
+  const sharedWorkspaces = workspaceList?.filter((workspace) => workspace.currentUserRole !== "owner") || [];
+  async function switchWorkspace(org) {
+    if (org.slug === activeWorkspace?.slug) {
+      return;
+    }
+    try {
+      await updateActiveWorkspace(org);
+    } catch (error) {
+      console.error("Failed to switch workspace:", error);
+      AlertToast24({
+        message: error instanceof Error ? error.message : "Failed to switch workspace",
+        icon: "destructive"
+      });
+    }
+  }
+  const showSkeleton = !activeWorkspace && isFetchingWorkspace;
+  const currentSlug = activeWorkspace?.slug;
+  const currentName = activeWorkspace?.name ?? "Workspace";
+  const plan = activeWorkspace?.subscription?.plan ?? "free";
+  const isMobile = useMediaQuery("(max-width: 640px)");
+  return /* @__PURE__ */ jsx56("div", { className: "flex h-14 shrink-0 items-center gap-2 border-border border-b px-2.5 lg:h-15", children: /* @__PURE__ */ jsxs47(DropdownMenu4, { children: [
+    activeWorkspace && !showSkeleton ? /* @__PURE__ */ jsx56(DropdownMenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsxs47(
+      Button33,
+      {
+        variant: "ghost",
+        className: "flex w-full items-center justify-between gap-2 px-1.5 hover:bg-accent focus:shadow-none! focus:outline-none! focus:ring-0! focus:ring-offset-0!",
+        children: [
+          /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ jsx56(
+              WorkspaceLogo,
+              {
+                workspace: activeWorkspace,
+                classNames: { image: "w-full h-full" }
+              }
+            ),
+            /* @__PURE__ */ jsx56("span", { className: "font-medium text-foreground text-sm", children: currentName })
+          ] }),
+          /* @__PURE__ */ jsx56(ChevronsUpDown, {})
+        ]
+      }
+    ) }) : /* @__PURE__ */ jsxs47("div", { className: "flex items-center rounded-md border bg-sidebar-accent", children: [
+      /* @__PURE__ */ jsx56(Skeleton10, { className: "shrink-0 rounded-md border" }),
+      /* @__PURE__ */ jsxs47("div", { className: "flex w-full flex-col gap-1", children: [
+        /* @__PURE__ */ jsx56(Skeleton10, { className: "h-3 w-3/4 border" }),
+        /* @__PURE__ */ jsx56(Skeleton10, { className: "h-3 w-1/2 border" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs47(
+      DropdownMenuContent4,
+      {
+        className: "w-64",
+        side: isMobile ? "bottom" : "right",
+        align: isMobile ? "end" : "start",
+        sideOffset: isMobile ? 8 : 7,
+        alignOffset: isMobile ? 65 : 0,
+        children: [
+          /* @__PURE__ */ jsxs47(DropdownMenuLabel, { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx56(
+              WorkspaceLogo,
+              {
+                workspace: activeWorkspace,
+                classNames: { image: "w-full h-full" }
+              }
+            ),
+            /* @__PURE__ */ jsx56("span", { className: "font-medium text-foreground text-sm", children: currentName }),
+            /* @__PURE__ */ jsx56(Badge3, { size: "xs", className: "capitalize", variant: plan === "free" ? "info" : "success", children: plan })
+          ] }),
+          /* @__PURE__ */ jsxs47(
+            DropdownMenuItem4,
+            {
+              className: "cursor-pointer",
+              disabled: !currentSlug,
+              onSelect: () => router.push(`/${currentSlug}${path.workspaces.SETTINGS}`),
+              children: [
+                /* @__PURE__ */ jsx56(Building2, { className: "size-4" }),
+                /* @__PURE__ */ jsx56("span", { children: t("systems.SETTINGS") })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs47(
+            DropdownMenuItem4,
+            {
+              className: "cursor-pointer",
+              disabled: !currentSlug,
+              onSelect: () => router.push(`/${currentSlug}${path.workspaces.MEMBERS}`),
+              children: [
+                /* @__PURE__ */ jsx56(User, { className: "size-4" }),
+                /* @__PURE__ */ jsx56("span", { children: t("systems.INVITE_MEMBER") })
+              ]
+            }
+          ),
+          ownedWorkspaces.length > 0 && /* @__PURE__ */ jsxs47(DropdownMenuGroup, { children: [
+            /* @__PURE__ */ jsx56(DropdownMenuSeparator2, {}),
+            /* @__PURE__ */ jsx56(DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: t("systems.YOUR_WORKSPACES") }),
+            ownedWorkspaces.map((w) => /* @__PURE__ */ jsxs47(
+              DropdownMenuItem4,
+              {
+                className: "flex items-center justify-between",
+                onClick: () => switchWorkspace(w),
+                disabled: isFetchingWorkspace || w.slug !== currentSlug,
+                children: [
+                  /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx56(
+                      WorkspaceLogo,
+                      {
+                        workspace: w,
+                        classNames: { base: "size-7 rounded-[0.2rem]", image: "w-full h-full" }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx56("span", { className: "truncate font-medium text-foreground text-sm leading-5 sm:max-w-[140px]", children: w.name ?? w.slug })
+                  ] }),
+                  w.slug === currentSlug && /* @__PURE__ */ jsx56(CheckIcon4, { className: "size-4 text-primary" })
+                ]
+              },
+              w.id
+            ))
+          ] }),
+          sharedWorkspaces.length > 0 && /* @__PURE__ */ jsxs47(DropdownMenuGroup, { children: [
+            ownedWorkspaces.length > 0 && /* @__PURE__ */ jsx56(DropdownMenuSeparator2, {}),
+            /* @__PURE__ */ jsx56(DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: t("systems.SHARED_WORKSPACES") }),
+            sharedWorkspaces.map((w) => /* @__PURE__ */ jsxs47(
+              DropdownMenuItem4,
+              {
+                className: "flex items-center justify-between",
+                onClick: () => switchWorkspace(w),
+                disabled: isFetchingWorkspace || w.slug !== currentSlug,
+                children: [
+                  /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx56(
+                      WorkspaceLogo,
+                      {
+                        workspace: w,
+                        classNames: { base: "size-7 rounded-[0.2rem]", image: "w-full h-full" }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx56("span", { className: "truncate font-medium text-foreground text-sm leading-5 sm:max-w-[140px]", children: w.name ?? w.slug })
+                  ] }),
+                  w.slug === currentSlug && /* @__PURE__ */ jsx56(CheckIcon4, { className: "size-4 text-primary" })
+                ]
+              },
+              w.id
+            ))
+          ] }),
+          /* @__PURE__ */ jsx56(DropdownMenuSeparator2, {}),
+          /* @__PURE__ */ jsxs47(
+            DropdownMenuItem4,
+            {
+              onSelect: () => router.push(
+                `${path.custom.NEW_WORKSPACE}?workspaces=${workspaceList && workspaceList.length > 0}`
+              ),
+              children: [
+                /* @__PURE__ */ jsx56(PlusIcon, { className: "size-4" }),
+                /* @__PURE__ */ jsx56("span", { children: t("systems.ADD_WORKSPACE") })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/ui/layouts/sidebar.tsx
+import { Fragment as Fragment19, jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
 function Sidebar({ children }) {
   const { isMobile } = useLayout();
   if (isMobile) {
     return null;
   }
-  return /* @__PURE__ */ jsxs46("aside", { className: "in-data-[sidebar-open=false]:-start-full fixed start-0 top-(--header-height) bottom-0 flex w-(--sidebar-width) shrink-0 flex-col items-stretch border-border border-e transition-all duration-300", children: [
+  return /* @__PURE__ */ jsxs48("aside", { className: "in-data-[sidebar-open=false]:-start-full fixed start-0 top-(--header-height) bottom-0 flex w-(--sidebar-width) shrink-0 flex-col items-stretch border-border border-e transition-all duration-300", children: [
     children,
-    /* @__PURE__ */ jsx55("div", {})
+    /* @__PURE__ */ jsx57("div", {})
   ] });
 }
 function SidebarHeaderBack({
   linkHref = "/",
   admin = false
 }) {
-  const t = useTranslations45();
-  return /* @__PURE__ */ jsx55("div", { className: "flex h-14 shrink-0 items-center gap-2 border-border border-b px-2.5 lg:h-15", children: /* @__PURE__ */ jsx55(BackLink, { Link: Link7, href: linkHref, children: admin ? t("systems.common.actions.back") : t("systems.navigation.settings") }) });
+  const t = useTranslations47();
+  return /* @__PURE__ */ jsx57("div", { className: "flex h-14 shrink-0 items-center gap-2 border-border border-b px-2.5 lg:h-15", children: /* @__PURE__ */ jsx57(BackLink, { Link: Link8, href: linkHref, children: admin ? t("systems.common.actions.back") : t("systems.navigation.settings") }) });
+}
+function SidebarHeaderWorkspaces() {
+  return /* @__PURE__ */ jsx57(WorkspaceSwitcher, {});
 }
 function SidebarContent({ children }) {
-  return /* @__PURE__ */ jsx55(ScrollArea, { className: "mt-2 mb-2.5 h-[calc(100vh-5.5rem)] grow lg:mt-4 lg:mb-7.5 lg:h-[calc(100vh-4rem)]", children });
+  return /* @__PURE__ */ jsx57(ScrollArea, { className: "mt-2 mb-2.5 h-[calc(100vh-5.5rem)] grow lg:mt-4 lg:mb-7.5 lg:h-[calc(100vh-4rem)]", children });
 }
 function SidebarContentMenu({
   menu,
@@ -5802,7 +6036,7 @@ function SidebarContentMenu({
     [activePath, normalize]
   );
   if (type === "toggle") {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx57(
       AccordionMenu,
       {
         type: "single",
@@ -5816,17 +6050,17 @@ function SidebarContentMenu({
           subTrigger: "text-xs font-normal text-muted-foreground hover:bg-transparent",
           subContent: "ps-0"
         },
-        children: menu.map((item, index) => /* @__PURE__ */ jsxs46(AccordionMenuSub, { value: item.title || "menu", children: [
-          /* @__PURE__ */ jsxs46(AccordionMenuSubTrigger, { value: "menu-trigger", children: [
-            /* @__PURE__ */ jsx55("span", { children: item.title }),
-            /* @__PURE__ */ jsx55(AccordionMenuIndicator, {})
+        children: menu.map((item, index) => /* @__PURE__ */ jsxs48(AccordionMenuSub, { value: item.title || "menu", children: [
+          /* @__PURE__ */ jsxs48(AccordionMenuSubTrigger, { value: "menu-trigger", children: [
+            /* @__PURE__ */ jsx57("span", { children: item.title }),
+            /* @__PURE__ */ jsx57(AccordionMenuIndicator, {})
           ] }),
-          /* @__PURE__ */ jsx55(AccordionMenuSubContent, { type: "single", collapsible: true, parentValue: "menu-trigger", children: item.children?.map((child, idx) => {
-            const content = /* @__PURE__ */ jsxs46(Fragment19, { children: [
-              child.icon && /* @__PURE__ */ jsx55(child.icon, {}),
-              /* @__PURE__ */ jsx55("span", { children: child.title }),
-              child.badge && /* @__PURE__ */ jsx55(
-                Badge3,
+          /* @__PURE__ */ jsx57(AccordionMenuSubContent, { type: "single", collapsible: true, parentValue: "menu-trigger", children: item.children?.map((child, idx) => {
+            const content = /* @__PURE__ */ jsxs48(Fragment19, { children: [
+              child.icon && /* @__PURE__ */ jsx57(child.icon, {}),
+              /* @__PURE__ */ jsx57("span", { children: child.title }),
+              child.badge && /* @__PURE__ */ jsx57(
+                Badge4,
                 {
                   size: "sm",
                   variant: child.badgeVariant ?? "destructive",
@@ -5836,8 +6070,8 @@ function SidebarContentMenu({
               )
             ] });
             if (child.external && child.path) {
-              return /* @__PURE__ */ jsx55(
-                Link7,
+              return /* @__PURE__ */ jsx57(
+                Link8,
                 {
                   href: child.path,
                   target: "_blank",
@@ -5848,13 +6082,13 @@ function SidebarContentMenu({
                 child.path || `ext-${idx}`
               );
             }
-            return /* @__PURE__ */ jsx55(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx55(Link7, { href: child.path || "#", children: content }) }, idx);
+            return /* @__PURE__ */ jsx57(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx57(Link8, { href: child.path || "#", children: content }) }, idx);
           }) })
         ] }, index))
       }
     );
   }
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     AccordionMenu,
     {
       type: "multiple",
@@ -5867,14 +6101,14 @@ function SidebarContentMenu({
         group: ""
       },
       children: menu.map((item, index) => {
-        return /* @__PURE__ */ jsxs46(AccordionMenuGroup, { children: [
-          /* @__PURE__ */ jsx55(AccordionMenuLabel, { children: item.title }),
+        return /* @__PURE__ */ jsxs48(AccordionMenuGroup, { children: [
+          /* @__PURE__ */ jsx57(AccordionMenuLabel, { children: item.title }),
           item.children?.map((child, idx) => {
-            const content = /* @__PURE__ */ jsxs46(Fragment19, { children: [
-              child.icon && /* @__PURE__ */ jsx55(child.icon, {}),
-              /* @__PURE__ */ jsx55("span", { children: child.title }),
-              child.badge && /* @__PURE__ */ jsx55(
-                Badge3,
+            const content = /* @__PURE__ */ jsxs48(Fragment19, { children: [
+              child.icon && /* @__PURE__ */ jsx57(child.icon, {}),
+              /* @__PURE__ */ jsx57("span", { children: child.title }),
+              child.badge && /* @__PURE__ */ jsx57(
+                Badge4,
                 {
                   size: "sm",
                   variant: child.badgeVariant ?? "destructive",
@@ -5884,8 +6118,8 @@ function SidebarContentMenu({
               )
             ] });
             if (child.external && child.path) {
-              return /* @__PURE__ */ jsx55(
-                Link7,
+              return /* @__PURE__ */ jsx57(
+                Link8,
                 {
                   href: child.path,
                   target: "_blank",
@@ -5896,7 +6130,7 @@ function SidebarContentMenu({
                 child.path || `ext-${idx}`
               );
             }
-            return /* @__PURE__ */ jsx55(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx55(Link7, { href: child.path || "#", children: content }) }, idx);
+            return /* @__PURE__ */ jsx57(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx57(Link8, { href: child.path || "#", children: content }) }, idx);
           })
         ] }, index);
       })
@@ -5905,17 +6139,17 @@ function SidebarContentMenu({
 }
 
 // src/ui/layouts/site-footer.tsx
-import Link8 from "next/link";
-import { useTranslations as useTranslations46 } from "next-intl";
+import Link9 from "next/link";
+import { useTranslations as useTranslations48 } from "next-intl";
 import { cn as cn41 } from "pelatform-ui";
 import { SiteFooter as UISiteFooter } from "pelatform-ui/components";
-import { Button as Button32 } from "pelatform-ui/default";
-import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Button as Button34 } from "pelatform-ui/default";
+import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
 function SiteFooter({ disableProjectBy = false }) {
   const { app } = useConfig();
-  const t = useTranslations46();
-  return /* @__PURE__ */ jsxs47(UISiteFooter, { className: cn41("*:gap-2! *:py-0!", disableProjectBy ? "*:justify-center!" : ""), children: [
-    /* @__PURE__ */ jsxs47("div", { className: "text-balance text-center text-muted-foreground text-sm leading-loose md:text-left", children: [
+  const t = useTranslations48();
+  return /* @__PURE__ */ jsxs49(UISiteFooter, { className: cn41("*:gap-2! *:py-0!", disableProjectBy ? "*:justify-center!" : ""), children: [
+    /* @__PURE__ */ jsxs49("div", { className: "text-balance text-center text-muted-foreground text-sm leading-loose md:text-left", children: [
       "\xA9 ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       " ",
@@ -5923,11 +6157,11 @@ function SiteFooter({ disableProjectBy = false }) {
       ". ",
       t("customs.common.copyright")
     ] }),
-    !disableProjectBy && /* @__PURE__ */ jsx56("div", { className: "flex items-center gap-2.5 text-balance text-sm leading-loose", children: /* @__PURE__ */ jsxs47("div", { className: "inline-flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx56("span", { className: "text-muted-foreground", children: t("customs.common.project_by") }),
+    !disableProjectBy && /* @__PURE__ */ jsx58("div", { className: "flex items-center gap-2.5 text-balance text-sm leading-loose", children: /* @__PURE__ */ jsxs49("div", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx58("span", { className: "text-muted-foreground", children: t("customs.common.project_by") }),
       " ",
-      /* @__PURE__ */ jsx56(Button32, { mode: "link", underline: "dashed", children: /* @__PURE__ */ jsx56(
-        Link8,
+      /* @__PURE__ */ jsx58(Button34, { mode: "link", underline: "dashed", children: /* @__PURE__ */ jsx58(
+        Link9,
         {
           href: "https://pelatform.com",
           target: "_blank",
@@ -5941,9 +6175,9 @@ function SiteFooter({ disableProjectBy = false }) {
 
 // src/ui/layouts/site-header.tsx
 import { useState as useState19 } from "react";
-import Link9 from "next/link";
-import { usePathname as usePathname4, useRouter as useRouter16 } from "next/navigation";
-import { useTranslations as useTranslations47 } from "next-intl";
+import Link10 from "next/link";
+import { usePathname as usePathname4, useRouter as useRouter17 } from "next/navigation";
+import { useTranslations as useTranslations49 } from "next-intl";
 import {
   MainNav,
   MobileNav,
@@ -5951,35 +6185,35 @@ import {
   ModeSwitcher as ModeSwitcher3,
   SiteHeader as UISiteHeader
 } from "pelatform-ui/components";
-import { Button as Button33, Separator as Separator2 } from "pelatform-ui/default";
-import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Button as Button35, Separator as Separator2 } from "pelatform-ui/default";
+import { jsx as jsx59, jsxs as jsxs50 } from "react/jsx-runtime";
 function SiteHeader({
   menu,
-  logo = /* @__PURE__ */ jsx57(LogoWithHref, { href: "/home" })
+  logo = /* @__PURE__ */ jsx59(LogoWithHref, { href: "/home" })
 }) {
   const { path } = useConfig();
   const pathname = usePathname4();
-  const router = useRouter16();
-  const t = useTranslations47();
+  const router = useRouter17();
+  const t = useTranslations49();
   const { isPending, session, user } = useSession();
   const [, setMobileNavOpen] = useState19(false);
   const isAuthenticated = !isPending && session && user;
-  return /* @__PURE__ */ jsxs48(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
-    /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-4.5", children: [
+  return /* @__PURE__ */ jsxs50(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
+    /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-4.5", children: [
       logo,
-      /* @__PURE__ */ jsx57(MainNav, { Link: Link9, pathname, items: menu })
+      /* @__PURE__ */ jsx59(MainNav, { Link: Link10, pathname, items: menu })
     ] }),
-    /* @__PURE__ */ jsx57("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs48("nav", { className: "flex items-center gap-0 md:gap-1", children: [
-      /* @__PURE__ */ jsx57(ModeSwitcher3, {}),
-      /* @__PURE__ */ jsx57(LanguageSwitcher, {}),
-      /* @__PURE__ */ jsx57(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
-      /* @__PURE__ */ jsx57(MobileNav, { children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-col space-y-3", children: [
+    /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs50("nav", { className: "flex items-center gap-0 md:gap-1", children: [
+      /* @__PURE__ */ jsx59(ModeSwitcher3, {}),
+      /* @__PURE__ */ jsx59(LanguageSwitcher, {}),
+      /* @__PURE__ */ jsx59(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
+      /* @__PURE__ */ jsx59(MobileNav, { children: /* @__PURE__ */ jsxs50("div", { className: "flex flex-col space-y-3", children: [
         menu?.map(
-          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx57(
+          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx59(
             MobileNavItemRenderer,
             {
               item,
-              Link: Link9,
+              Link: Link10,
               pathname,
               level: 1,
               onOpenChange: setMobileNavOpen
@@ -5987,8 +6221,8 @@ function SiteHeader({
             `nav-${navIndex}-${item.href}`
           ) : null
         ),
-        /* @__PURE__ */ jsx57("div", { className: "border-t pt-3", children: isAuthenticated ? /* @__PURE__ */ jsx57(
-          Button33,
+        /* @__PURE__ */ jsx59("div", { className: "border-t pt-3", children: isAuthenticated ? /* @__PURE__ */ jsx59(
+          Button35,
           {
             variant: "outline",
             size: "sm",
@@ -5996,36 +6230,36 @@ function SiteHeader({
             onClick: () => router.push(path.auth.SIGN_OUT),
             children: t("systems.navigation.logout")
           }
-        ) : /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx57(Link9, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) }) })
+        ) : /* @__PURE__ */ jsx59(Button35, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx59(Link10, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) }) })
       ] }) }),
-      isAuthenticated ? /* @__PURE__ */ jsx57(UserMenu, { hiddenSwitcher: true }) : /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx57(Link9, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) })
+      isAuthenticated ? /* @__PURE__ */ jsx59(UserMenu, { hiddenSwitcher: true }) : /* @__PURE__ */ jsx59(Button35, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx59(Link10, { href: path.auth.SIGN_IN, children: t("systems.navigation.login") }) })
     ] }) })
   ] });
 }
 function SiteHeaderSecondary({
   menu,
-  logo = /* @__PURE__ */ jsx57(LogoWithHref, { href: "/home" }),
+  logo = /* @__PURE__ */ jsx59(LogoWithHref, { href: "/home" }),
   loginLink
 }) {
   const pathname = usePathname4();
-  const t = useTranslations47();
+  const t = useTranslations49();
   const [, setMobileNavOpen] = useState19(false);
-  return /* @__PURE__ */ jsxs48(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
-    /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-4.5", children: [
+  return /* @__PURE__ */ jsxs50(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
+    /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-4.5", children: [
       logo,
-      /* @__PURE__ */ jsx57(MainNav, { Link: Link9, pathname, items: menu })
+      /* @__PURE__ */ jsx59(MainNav, { Link: Link10, pathname, items: menu })
     ] }),
-    /* @__PURE__ */ jsx57("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs48("nav", { className: "flex items-center gap-0 md:gap-1", children: [
-      /* @__PURE__ */ jsx57(ModeSwitcher3, {}),
-      /* @__PURE__ */ jsx57(LanguageSwitcher, {}),
-      /* @__PURE__ */ jsx57(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
-      /* @__PURE__ */ jsx57(MobileNav, { children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-col space-y-3", children: [
+    /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs50("nav", { className: "flex items-center gap-0 md:gap-1", children: [
+      /* @__PURE__ */ jsx59(ModeSwitcher3, {}),
+      /* @__PURE__ */ jsx59(LanguageSwitcher, {}),
+      /* @__PURE__ */ jsx59(Separator2, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
+      /* @__PURE__ */ jsx59(MobileNav, { children: /* @__PURE__ */ jsxs50("div", { className: "flex flex-col space-y-3", children: [
         menu?.map(
-          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx57(
+          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx59(
             MobileNavItemRenderer,
             {
               item,
-              Link: Link9,
+              Link: Link10,
               pathname,
               level: 1,
               onOpenChange: setMobileNavOpen
@@ -6033,9 +6267,9 @@ function SiteHeaderSecondary({
             `nav-${navIndex}-${item.href}`
           ) : null
         ),
-        loginLink && /* @__PURE__ */ jsx57("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx57(Link9, { href: loginLink, children: t("systems.navigation.login") }) }) })
+        loginLink && /* @__PURE__ */ jsx59("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx59(Button35, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx59(Link10, { href: loginLink, children: t("systems.navigation.login") }) }) })
       ] }) }),
-      loginLink && /* @__PURE__ */ jsx57(Button33, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx57(Link9, { href: loginLink, children: t("systems.navigation.login") }) })
+      loginLink && /* @__PURE__ */ jsx59(Button35, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx59(Link10, { href: loginLink, children: t("systems.navigation.login") }) })
     ] }) })
   ] });
 }
@@ -6044,7 +6278,7 @@ function SiteHeaderSecondary({
 import { useEffect as useEffect16, useState as useState20 } from "react";
 import { cn as cn42 } from "pelatform-ui";
 import { useIsMobile } from "pelatform-ui/hooks";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var SIDEBAR_WIDTH = "240px";
 var HEADER_HEIGHT = "54px";
 var SIDEBAR_WIDTH_MOBILE = "240px";
@@ -6054,7 +6288,7 @@ function LayoutProvider({
   style: customStyle,
   bodyClassName = "",
   className = "",
-  logoHeader = /* @__PURE__ */ jsx58(LogoWithHref, {})
+  logoHeader = /* @__PURE__ */ jsx60(LogoWithHref, {})
 }) {
   const isMobile = useIsMobile();
   const [isSidebarOpen, setIsSidebarOpen] = useState20(true);
@@ -6079,7 +6313,7 @@ function LayoutProvider({
       };
     }
   }, [bodyClassName]);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     LayoutContext.Provider,
     {
       value: {
@@ -6090,7 +6324,7 @@ function LayoutProvider({
         sidebarToggle,
         logoHeader
       },
-      children: /* @__PURE__ */ jsx58(
+      children: /* @__PURE__ */ jsx60(
         "div",
         {
           "data-slot": "layout-wrapper",
@@ -6105,53 +6339,52 @@ function LayoutProvider({
 }
 
 // src/ui/layouts/wrapper.tsx
-import { Fragment as Fragment20, jsx as jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
 function LayoutWrapper({
   children,
   sidebarHeader,
   sidebarMenu,
   logoHeader
 }) {
-  const sidebarContent = /* @__PURE__ */ jsxs49(Fragment20, { children: [
+  const sidebarContent = /* @__PURE__ */ jsxs51(Fragment20, { children: [
     sidebarHeader,
-    /* @__PURE__ */ jsx59(SidebarContent, { children: sidebarMenu })
+    /* @__PURE__ */ jsx61(SidebarContent, { children: sidebarMenu })
   ] });
-  return /* @__PURE__ */ jsxs49(LayoutProvider, { logoHeader, children: [
-    /* @__PURE__ */ jsxs49(Header, { children: [
-      /* @__PURE__ */ jsx59(HeaderLeft, {}),
-      /* @__PURE__ */ jsx59(HeaderRight, { sidebar: /* @__PURE__ */ jsx59(HeaderSidebarMobile, { children: sidebarContent }) })
+  return /* @__PURE__ */ jsxs51(LayoutProvider, { logoHeader, children: [
+    /* @__PURE__ */ jsxs51(Header, { children: [
+      /* @__PURE__ */ jsx61(HeaderLeft, {}),
+      /* @__PURE__ */ jsx61(HeaderRight, { sidebar: /* @__PURE__ */ jsx61(HeaderSidebarMobile, { children: sidebarContent }) })
     ] }),
-    /* @__PURE__ */ jsxs49("div", { className: "flex grow pt-(--header-height-mobile) lg:pt-(--header-height)", children: [
-      /* @__PURE__ */ jsx59(Sidebar, { children: sidebarContent }),
-      /* @__PURE__ */ jsx59("main", { className: "grow transition-all duration-300 lg:in-data-[sidebar-open=false]:ps-0 lg:ps-(--sidebar-width)", children })
+    /* @__PURE__ */ jsxs51("div", { className: "flex grow pt-(--header-height-mobile) lg:pt-(--header-height)", children: [
+      /* @__PURE__ */ jsx61(Sidebar, { children: sidebarContent }),
+      /* @__PURE__ */ jsx61("main", { className: "grow transition-all duration-300 lg:in-data-[sidebar-open=false]:ps-0 lg:ps-(--sidebar-width)", children })
     ] })
   ] });
 }
 
 // src/ui/pages/accept-invitation.tsx
 import { useEffect as useEffect17, useState as useState21 } from "react";
-import { useRouter as useRouter17, useSearchParams as useSearchParams6 } from "next/navigation";
-import { CheckIcon as CheckIcon4, XIcon } from "lucide-react";
-import { useTranslations as useTranslations48 } from "next-intl";
+import { useRouter as useRouter18, useSearchParams as useSearchParams6 } from "next/navigation";
+import { CheckIcon as CheckIcon5, XIcon } from "lucide-react";
+import { useTranslations as useTranslations50 } from "next-intl";
 import { cn as cn43 } from "pelatform-ui";
-import { AlertToast as AlertToast24 } from "pelatform-ui/components";
-import { Button as Button34, Card as Card11, CardContent as CardContent3, CardHeader as CardHeader2, Skeleton as Skeleton10, Spinner as Spinner20 } from "pelatform-ui/default";
-import { jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
+import { AlertToast as AlertToast25 } from "pelatform-ui/components";
+import { Button as Button36, Card as Card11, CardContent as CardContent3, CardHeader as CardHeader2, Skeleton as Skeleton11, Spinner as Spinner20 } from "pelatform-ui/default";
+import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
 function AcceptInvitation({
   className,
   classNames,
-  redirectTo: redirectToProp
+  redirectTo = "/"
 }) {
-  const router = useRouter17();
+  const router = useRouter18();
   const searchParams = useSearchParams6();
-  const t = useTranslations48();
+  const t = useTranslations50();
   const { data: sessionData } = useSession();
-  const { redirectTo } = useOnSuccessTransition(redirectToProp);
   const [invitationId, setInvitationId] = useState21(null);
   useEffect17(() => {
-    const invitationIdParam = searchParams.get("invitationId");
+    const invitationIdParam = searchParams.get("id");
     if (!invitationIdParam) {
-      AlertToast24({
+      AlertToast25({
         message: t("systems.INVITATION_NOT_FOUND"),
         icon: "destructive"
       });
@@ -6161,9 +6394,9 @@ function AcceptInvitation({
     setInvitationId(invitationIdParam);
   }, [router, redirectTo, searchParams.get, t]);
   if (!sessionData || !invitationId) {
-    return /* @__PURE__ */ jsx60(AcceptInvitationSkeleton, { className, classNames });
+    return /* @__PURE__ */ jsx62(AcceptInvitationSkeleton, { className, classNames });
   }
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx62(
     AcceptInvitationContent,
     {
       className,
@@ -6180,8 +6413,8 @@ function AcceptInvitationContent({
   redirectTo
 }) {
   const { authClient } = useConfig();
-  const router = useRouter17();
-  const t = useTranslations48();
+  const router = useRouter18();
+  const t = useTranslations50();
   const { data: invitation, isPending } = useInvitation({
     query: {
       id: invitationId
@@ -6193,7 +6426,7 @@ function AcceptInvitationContent({
   useEffect17(() => {
     if (isPending || !invitationId) return;
     if (!invitation) {
-      AlertToast24({
+      AlertToast25({
         message: t("systems.INVITATION_NOT_FOUND"),
         icon: "destructive"
       });
@@ -6201,7 +6434,7 @@ function AcceptInvitationContent({
       return;
     }
     if (invitation.status !== "pending" || new Date(invitation.expiresAt) < /* @__PURE__ */ new Date()) {
-      AlertToast24({
+      AlertToast25({
         message: new Date(invitation.expiresAt) < /* @__PURE__ */ new Date() ? t("systems.INVITATION_EXPIRED") : t("systems.INVITATION_NOT_FOUND"),
         icon: "destructive"
       });
@@ -6215,12 +6448,12 @@ function AcceptInvitationContent({
         invitationId,
         fetchOptions: { throw: true }
       });
-      AlertToast24({
+      AlertToast25({
         message: t("systems.INVITATION_ACCEPTED")
       });
       router.replace(redirectTo);
     } catch (error) {
-      AlertToast24({
+      AlertToast25({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
@@ -6234,12 +6467,12 @@ function AcceptInvitationContent({
         invitationId,
         fetchOptions: { throw: true }
       });
-      AlertToast24({
+      AlertToast25({
         message: t("systems.INVITATION_REJECTED")
       });
       router.replace(redirectTo);
     } catch (error) {
-      AlertToast24({
+      AlertToast25({
         message: getTranslations({ error, t }),
         icon: "destructive"
       });
@@ -6247,19 +6480,19 @@ function AcceptInvitationContent({
     }
   };
   if (!invitation) {
-    return /* @__PURE__ */ jsx60(AcceptInvitationSkeleton, { className, classNames });
+    return /* @__PURE__ */ jsx62(AcceptInvitationSkeleton, { className, classNames });
   }
-  return /* @__PURE__ */ jsxs50(Card11, { className: cn43("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
-    /* @__PURE__ */ jsx60(CardHeader2, { className: "py-4", children: /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs52(Card11, { className: cn43("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx62(CardHeader2, { className: "py-4", children: /* @__PURE__ */ jsx62(
       CardHeaderComponent,
       {
         title: t("systems.ACCEPT_INVITATION"),
         description: t("systems.ACCEPT_INVITATION_DESCRIPTION")
       }
     ) }),
-    /* @__PURE__ */ jsxs50(CardContent3, { className: cn43("flex flex-col gap-6 truncate", classNames?.content), children: [
-      /* @__PURE__ */ jsxs50(Card11, { className: cn43("flex-row items-center p-4"), children: [
-        /* @__PURE__ */ jsx60(
+    /* @__PURE__ */ jsxs52(CardContent3, { className: cn43("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsxs52(Card11, { className: cn43("flex-row items-center p-4"), children: [
+        /* @__PURE__ */ jsx62(
           WorkspaceView,
           {
             workspace: {
@@ -6271,30 +6504,30 @@ function AcceptInvitationContent({
             }
           }
         ),
-        /* @__PURE__ */ jsx60("p", { className: "ms-auto font-semibold text-muted-foreground text-sm", children: t(`systems.${invitation?.role.toUpperCase()}`) || invitation?.role })
+        /* @__PURE__ */ jsx62("p", { className: "ms-auto font-semibold text-muted-foreground text-sm", children: t(`systems.${invitation?.role.toUpperCase()}`) || invitation?.role })
       ] }),
-      /* @__PURE__ */ jsxs50("div", { className: "grid grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsxs50(
-          Button34,
+      /* @__PURE__ */ jsxs52("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs52(
+          Button36,
           {
             variant: "destructive",
             className: cn43(classNames?.button, classNames?.destructiveButton),
             onClick: rejectInvitation,
             disabled: isProcessing,
             children: [
-              isRejecting ? /* @__PURE__ */ jsx60(Spinner20, {}) : /* @__PURE__ */ jsx60(XIcon, {}),
+              isRejecting ? /* @__PURE__ */ jsx62(Spinner20, {}) : /* @__PURE__ */ jsx62(XIcon, {}),
               t("systems.REJECT")
             ]
           }
         ),
-        /* @__PURE__ */ jsxs50(
-          Button34,
+        /* @__PURE__ */ jsxs52(
+          Button36,
           {
             className: cn43(classNames?.button, classNames?.primaryButton),
             onClick: acceptInvitation,
             disabled: isProcessing,
             children: [
-              isAccepting ? /* @__PURE__ */ jsx60(Spinner20, {}) : /* @__PURE__ */ jsx60(CheckIcon4, {}),
+              isAccepting ? /* @__PURE__ */ jsx62(Spinner20, {}) : /* @__PURE__ */ jsx62(CheckIcon5, {}),
               t("systems.ACCEPT")
             ]
           }
@@ -6304,9 +6537,9 @@ function AcceptInvitationContent({
   ] });
 }
 function AcceptInvitationSkeleton({ className, classNames }) {
-  const t = useTranslations48();
-  return /* @__PURE__ */ jsxs50(Card11, { className: cn43("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
-    /* @__PURE__ */ jsx60(CardHeader2, { className: "py-4", children: /* @__PURE__ */ jsx60(
+  const t = useTranslations50();
+  return /* @__PURE__ */ jsxs52(Card11, { className: cn43("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx62(CardHeader2, { className: "py-4", children: /* @__PURE__ */ jsx62(
       CardHeaderComponent,
       {
         className: "w-full",
@@ -6315,95 +6548,1331 @@ function AcceptInvitationSkeleton({ className, classNames }) {
         isPending: true
       }
     ) }),
-    /* @__PURE__ */ jsxs50(CardContent3, { className: cn43("flex flex-col gap-6 truncate", classNames?.content), children: [
-      /* @__PURE__ */ jsxs50(Card11, { className: cn43("flex-row items-center p-4"), children: [
-        /* @__PURE__ */ jsx60(WorkspaceView, { isPending: true }),
-        /* @__PURE__ */ jsx60(Skeleton10, { className: "ms-auto mt-0.5 h-4 w-full max-w-14 shrink-2" })
+    /* @__PURE__ */ jsxs52(CardContent3, { className: cn43("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsxs52(Card11, { className: cn43("flex-row items-center p-4"), children: [
+        /* @__PURE__ */ jsx62(WorkspaceView, { isPending: true }),
+        /* @__PURE__ */ jsx62(Skeleton11, { className: "ms-auto mt-0.5 h-4 w-full max-w-14 shrink-2" })
       ] }),
-      /* @__PURE__ */ jsxs50("div", { className: "grid grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsx60(Skeleton10, { className: "h-9 w-full" }),
-        /* @__PURE__ */ jsx60(Skeleton10, { className: "h-9 w-full" })
+      /* @__PURE__ */ jsxs52("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsx62(Skeleton11, { className: "h-9 w-full" }),
+        /* @__PURE__ */ jsx62(Skeleton11, { className: "h-9 w-full" })
       ] })
     ] })
   ] });
 }
 
-// src/ui/providers/shared.tsx
-import { Suspense as Suspense2 } from "react";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
-import { NextIntlClientProvider } from "next-intl";
-import { QueryProvider, ThemeProvider } from "pelatform-ui/components";
-import { Toaster as Sonner } from "pelatform-ui/default";
-import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
-function SharedProviders({
-  children,
-  locale,
-  messages,
-  timeZone = "Asia/Jakarta",
-  sonnerPosition = "top-center"
-}) {
-  const config = useConfig();
-  return /* @__PURE__ */ jsxs51(QueryProvider, { children: [
-    /* @__PURE__ */ jsx61(ThemeProvider, { defaultTheme: config.ui.defaultTheme, children: /* @__PURE__ */ jsx61(NextIntlClientProvider, { locale, messages, timeZone, children: /* @__PURE__ */ jsxs51(Suspense2, { children: [
-      children,
-      /* @__PURE__ */ jsx61(Sonner, { position: sonnerPosition })
-    ] }) }) }),
-    /* @__PURE__ */ jsx61(ReactQueryDevtools, { initialIsOpen: false })
-  ] });
-}
-
-// src/ui/shared/empty-state.tsx
-import Link10 from "next/link";
-import { useTranslations as useTranslations49 } from "next-intl";
+// src/ui/pages/new-workspace.tsx
+import Link11 from "next/link";
+import { useRouter as useRouter19, useSearchParams as useSearchParams7 } from "next/navigation";
+import { zodResolver as zodResolver15 } from "@hookform/resolvers/zod";
+import { useTranslations as useTranslations51 } from "next-intl";
+import { useForm as useForm16 } from "react-hook-form";
+import slugify from "slugify";
+import { z as z15 } from "zod";
 import { cn as cn44 } from "pelatform-ui";
-import { jsx as jsx62, jsxs as jsxs52 } from "react/jsx-runtime";
-function EmptyState({
-  className,
-  icon: Icon,
-  title,
-  description,
-  learnMore,
-  learnMoreText,
-  children
-}) {
-  const t = useTranslations49();
-  return /* @__PURE__ */ jsxs52("div", { className: cn44("flex flex-col items-center justify-center gap-y-4", className), children: [
-    Icon && /* @__PURE__ */ jsx62("div", { className: "flex size-14 items-center justify-center rounded-2xl border bg-muted", children: /* @__PURE__ */ jsx62(Icon, { className: "size-6 text-foreground" }) }),
-    /* @__PURE__ */ jsx62("p", { className: "text-center font-medium text-base text-foreground", children: title }),
-    description && /* @__PURE__ */ jsxs52("p", { className: "max-w-sm text-balance text-center text-muted-foreground text-sm", children: [
-      description,
-      " ",
-      learnMore && /* @__PURE__ */ jsxs52(
-        Link10,
-        {
-          href: learnMore,
-          className: "text-foreground underline underline-offset-2 transition-colors hover:text-primary",
-          children: [
-            learnMoreText ?? t("systems.common.ui.learnMore"),
-            " \u2197"
-          ]
-        }
-      )
-    ] }),
-    children
+import { AlertToast as AlertToast26 } from "pelatform-ui/components";
+import {
+  Button as Button37,
+  buttonVariants,
+  Card as Card12,
+  CardContent as CardContent4,
+  CardHeader as CardHeader3,
+  Form as Form16,
+  FormControl as FormControl15,
+  FormField as FormField15,
+  FormItem as FormItem15,
+  FormLabel as FormLabel14,
+  FormMessage as FormMessage15,
+  Input as Input12,
+  Spinner as Spinner21
+} from "pelatform-ui/default";
+import { jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
+function NewWorkspace({ className, classNames }) {
+  const searchParams = useSearchParams7();
+  const t = useTranslations51();
+  const hasWorkspaces = searchParams.get("workspaces") === "true";
+  return /* @__PURE__ */ jsxs53(Card12, { className: cn44("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx63(CardHeader3, { className: "py-4", children: /* @__PURE__ */ jsx63(
+      CardHeaderComponent,
+      {
+        className: "w-full text-center",
+        title: t("systems.NEW_ORGANIZATION_TITLE"),
+        description: t(
+          hasWorkspaces ? "systems.NEW_ORGANIZATION_DESCRIPTION_HAS" : "systems.NEW_ORGANIZATION_DESCRIPTION"
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsx63(CardContent4, { className: cn44("flex flex-col gap-6 truncate", classNames?.content), children: /* @__PURE__ */ jsx63(NewWorkspaceForm, { hasWorkspaces }) })
   ] });
 }
-
-// src/ui/shared/signed-in-hint.tsx
-import Link11 from "next/link";
-import { useTranslations as useTranslations50 } from "next-intl";
-import { Button as Button35 } from "pelatform-ui/default";
-import { jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
-function SignedInHint({ linkHref = "/signin" }) {
-  const t = useTranslations50("customs.common.signed");
-  const { isPending, user } = useSession();
-  return /* @__PURE__ */ jsxs53("div", { className: "fixed start-0 bottom-0 z-40 m-5 flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
-      t("text"),
-      " ",
-      isPending || !user ? /* @__PURE__ */ jsx63("span", { className: "h-3 w-32 animate-pulse rounded-md border bg-muted-foreground" }) : /* @__PURE__ */ jsx63("b", { className: "text-foreground", children: user.email })
-    ] }),
-    /* @__PURE__ */ jsx63(Button35, { variant: "mono", className: "h-8 w-fit rounded-lg px-3 text-xs shadow-sm", children: /* @__PURE__ */ jsx63(Link11, { href: linkHref, children: t("button") }) })
+function NewWorkspaceForm({ hasWorkspaces = false }) {
+  const { authClient, path } = useConfig();
+  const router = useRouter19();
+  const t = useTranslations51();
+  const RESERVED_SLUGS = [
+    // Main routes
+    path.main.ERROR.replace("/", ""),
+    path.main.HOME.replace("/", ""),
+    path.main.FEATURES.replace("/", ""),
+    path.main.PRICING.replace("/", ""),
+    path.main.TERMS.replace("/", ""),
+    path.main.PRIVACY.replace("/", ""),
+    // Auth routes
+    path.auth.EMAIL_OTP.replace("/", ""),
+    path.auth.FORGOT_PASSWORD.replace("/", ""),
+    path.auth.MAGIC_LINK.replace("/", ""),
+    path.auth.RECOVER_ACCOUNT.replace("/", ""),
+    path.auth.RESET_PASSWORD.replace("/", ""),
+    path.auth.SIGN_IN.replace("/", ""),
+    path.auth.SIGN_OUT.replace("/", ""),
+    path.auth.SIGN_UP.replace("/", ""),
+    path.auth.TWO_FACTOR.replace("/", ""),
+    // System routes
+    "new",
+    "accept",
+    "invitation",
+    "join",
+    "verify",
+    "api",
+    "account",
+    "accounts",
+    "billing",
+    "billings",
+    "user",
+    "users",
+    "onboarding",
+    "organization",
+    "organizations",
+    "workspace",
+    "workspaces",
+    "setting",
+    "settings",
+    "apikey",
+    "apikeys",
+    "member",
+    "members",
+    "people",
+    "peoples",
+    // Next.js internals
+    "_next",
+    "static",
+    "favicon",
+    "robots",
+    "sitemap",
+    // Future-proofing common patterns
+    "admin",
+    "dashboard",
+    "app",
+    "www",
+    "home",
+    "blog",
+    "docs",
+    "help",
+    "support",
+    "about",
+    "contact",
+    "features",
+    "pricing",
+    "terms",
+    "privacy"
+  ];
+  const formSchema = z15.object({
+    name: z15.string().min(1, {
+      error: `${t("systems.ORGANIZATION_NAME")} ${t("systems.IS_REQUIRED")}`
+    }),
+    slug: z15.string().min(1, {
+      error: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.IS_REQUIRED")}`
+    }).regex(/^[a-z0-9]+([a-z0-9-]*[a-z0-9])?$/, {
+      error: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.IS_INVALID")}`
+    }).refine((slug) => !RESERVED_SLUGS.includes(slug), {
+      error: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.IS_INVALID")}`
+    })
+  });
+  const form = useForm16({
+    resolver: zodResolver15(formSchema),
+    defaultValues: {
+      name: "",
+      slug: ""
+    }
+  });
+  const watchedName = form.watch("name");
+  const watchedSlug = form.watch("slug");
+  const isSubmitting = form.formState.isSubmitting;
+  const disableSubmit = isSubmitting || !form.formState.isValid || !watchedName || !watchedSlug;
+  async function onSubmit({ name, slug }) {
+    const { error } = await authClient.organization.checkSlug({
+      slug
+    });
+    if (error) {
+      AlertToast26({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+      console.log("check slug error", error);
+      return;
+    }
+    try {
+      const organization = await authClient.organization.create({
+        name,
+        slug,
+        logo: `https://api.dicebear.com/9.x/glass/svg?seed=${slug}`,
+        fetchOptions: { throw: true }
+      });
+      if (organization) {
+        console.log("setting active organization", organization.id);
+        await authClient.organization.setActive({
+          organizationId: organization.id
+        });
+        console.log("active organization set", organization.id);
+        router.push(`/${organization.slug}`);
+        AlertToast26({
+          message: t("systems.CREATE_ORGANIZATION_SUCCESS")
+        });
+      }
+    } catch (error2) {
+      AlertToast26({
+        message: getTranslations({ error: error2, t }),
+        icon: "destructive"
+      });
+    }
+  }
+  const handleSlugify = (slug) => {
+    return slugify(slug, { lower: true, strict: true, remove: /[*+~.()'"!:@]/g });
+  };
+  return /* @__PURE__ */ jsx63(Form16, { ...form, children: /* @__PURE__ */ jsxs53("form", { onSubmit: form.handleSubmit(onSubmit), className: "w-full space-y-6", children: [
+    /* @__PURE__ */ jsx63(
+      FormField15,
+      {
+        control: form.control,
+        name: "name",
+        render: ({ field }) => /* @__PURE__ */ jsxs53(FormItem15, { children: [
+          /* @__PURE__ */ jsx63(FormLabel14, { children: t("systems.ORGANIZATION_NAME") }),
+          /* @__PURE__ */ jsx63(FormControl15, { children: /* @__PURE__ */ jsx63(
+            Input12,
+            {
+              placeholder: t("systems.ORGANIZATION_NAME_PLACEHOLDER"),
+              ...field,
+              onChange: (e) => {
+                const v = e.target.value;
+                field.onChange(v);
+                form.setValue("slug", handleSlugify(v), {
+                  shouldValidate: true,
+                  shouldDirty: true
+                });
+              },
+              onBlur: () => {
+                field.onBlur();
+                void handleSlugify(form.getValues("slug"));
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx63(FormMessage15, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx63(
+      FormField15,
+      {
+        control: form.control,
+        name: "slug",
+        render: ({ field }) => /* @__PURE__ */ jsxs53(FormItem15, { children: [
+          /* @__PURE__ */ jsx63(FormLabel14, { children: t("systems.ORGANIZATION_SLUG") }),
+          /* @__PURE__ */ jsx63(FormControl15, { children: /* @__PURE__ */ jsx63(Input12, { placeholder: t("systems.ORGANIZATION_SLUG_PLACEHOLDER"), ...field }) }),
+          /* @__PURE__ */ jsx63(FormMessage15, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs53("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs53(
+        Button37,
+        {
+          type: "submit",
+          className: cn44("w-full", disableSubmit && "pointer-events-auto! cursor-not-allowed"),
+          disabled: disableSubmit,
+          children: [
+            isSubmitting && /* @__PURE__ */ jsx63(Spinner21, {}),
+            t("systems.CREATE_ORGANIZATION")
+          ]
+        }
+      ),
+      hasWorkspaces && /* @__PURE__ */ jsx63(
+        Link11,
+        {
+          href: "/",
+          className: cn44(buttonVariants({ variant: "ghost", size: "lg" }), "w-full"),
+          children: t("systems.common.actions.backDashboard")
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/ui/pages/verify-email.tsx
+import { useEffect as useEffect18, useState as useState22 } from "react";
+import { useRouter as useRouter20 } from "next/navigation";
+import { useTranslations as useTranslations52 } from "next-intl";
+import { cn as cn45 } from "pelatform-ui";
+import { AlertToast as AlertToast27 } from "pelatform-ui/components";
+import { Button as Button38, Card as Card13, CardContent as CardContent5, CardHeader as CardHeader4, InputOTP as InputOTP3, Spinner as Spinner22 } from "pelatform-ui/default";
+import { Fragment as Fragment21, jsx as jsx64, jsxs as jsxs54 } from "react/jsx-runtime";
+function VerifyEmail({ className, classNames, callbackUrl, email }) {
+  const { authClient } = useConfig();
+  const router = useRouter20();
+  const t = useTranslations52();
+  const [otp, setOtp] = useState22("");
+  const [isLoading, setIsLoading] = useState22(false);
+  const [isResendLoading, setIsResendLoading] = useState22(false);
+  const [isResendSuccess, setIsResendSuccess] = useState22(false);
+  const [waitingSeconds, setWaitingSeconds] = useState22(30);
+  useEffect18(() => {
+    if (waitingSeconds > 0) {
+      const timeout = setTimeout(() => {
+        setWaitingSeconds(waitingSeconds - 1);
+      }, 1e3);
+      return () => clearTimeout(timeout);
+    }
+    if (waitingSeconds === 0 && isResendSuccess) {
+      setIsResendSuccess(false);
+    }
+  }, [waitingSeconds, isResendSuccess]);
+  const handleResendCode = async () => {
+    setIsResendLoading(true);
+    try {
+      await authClient.emailOtp.sendVerificationOtp({
+        email,
+        type: "email-verification"
+      });
+      AlertToast27({
+        message: t("systems.VERIFY_EMAIL_RESEND_SUCCESS")
+      });
+    } catch {
+      AlertToast27({
+        message: t("systems.VERIFY_EMAIL_RESEND_FAILED"),
+        icon: "destructive"
+      });
+    } finally {
+      setWaitingSeconds(30);
+      setIsResendLoading(false);
+      setIsResendSuccess(true);
+    }
+  };
+  const handleVerifyOtp = async () => {
+    setIsLoading(true);
+    try {
+      const result = await authClient.emailOtp.verifyEmail({
+        email,
+        otp
+      });
+      if (result.data) {
+        AlertToast27({
+          message: t("systems.VERIFY_EMAIL_SUCCESS")
+        });
+        router.push(callbackUrl);
+      } else {
+        AlertToast27({
+          message: t("systems.VERIFY_EMAIL_FAILED"),
+          icon: "destructive"
+        });
+      }
+    } catch {
+      AlertToast27({
+        message: t("systems.VERIFY_EMAIL_FAILED_TRY"),
+        icon: "destructive"
+      });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const emailElement = () => /* @__PURE__ */ jsx64("span", { className: "block font-medium text-foreground", children: email });
+  return /* @__PURE__ */ jsxs54(Card13, { className: cn45("w-full max-w-md overflow-hidden", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx64(CardHeader4, { className: "py-4", children: /* @__PURE__ */ jsx64(
+      CardHeaderComponent,
+      {
+        className: "w-full text-center",
+        title: t("systems.VERIFY_EMAIL_TITLE"),
+        description: /* @__PURE__ */ jsxs54(Fragment21, { children: [
+          t("systems.VERIFY_EMAIL_DESCRIPTION"),
+          " ",
+          emailElement()
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs54(CardContent5, { className: cn45("flex flex-col gap-6 truncate", classNames?.content), children: [
+      /* @__PURE__ */ jsx64(
+        InputOTP3,
+        {
+          maxLength: 6,
+          onChange: (value) => setOtp(value),
+          value: otp,
+          containerClassName: "justify-center",
+          children: /* @__PURE__ */ jsx64(OTPInputGroup, { otpSeparators: 1 })
+        }
+      ),
+      /* @__PURE__ */ jsxs54("div", { className: "flex w-full flex-col items-center gap-4", children: [
+        /* @__PURE__ */ jsxs54(
+          Button38,
+          {
+            className: cn45(
+              "flex w-full items-center justify-center",
+              otp.length !== 6 && "cursor-not-allowed"
+            ),
+            onClick: handleVerifyOtp,
+            disabled: otp.length !== 6,
+            children: [
+              isLoading && /* @__PURE__ */ jsx64(Spinner22, {}),
+              t("systems.VERIFY_EMAIL_BUTTON")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs54("div", { className: "flex flex-col items-center gap-3", children: [
+          /* @__PURE__ */ jsx64("p", { className: "text-muted-foreground text-sm", children: t("systems.VERIFY_EMAIL_NOT_RECEIVE") }),
+          /* @__PURE__ */ jsxs54(
+            Button38,
+            {
+              variant: "outline",
+              className: cn45(
+                "text-muted-foreground",
+                isResendLoading || waitingSeconds > 0 && "cursor-not-allowed"
+              ),
+              onClick: handleResendCode,
+              disabled: waitingSeconds > 0,
+              children: [
+                isResendLoading && /* @__PURE__ */ jsx64(Spinner22, {}),
+                isResendLoading ? `${t("systems.VERIFY_EMAIL_SENDING")}` : waitingSeconds > 0 ? `${t("systems.VERIFY_EMAIL_RESEND")} (${waitingSeconds}s)` : t("systems.VERIFY_EMAIL_RESEND")
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/ui/providers/shared.tsx
+import { Suspense as Suspense2 } from "react";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { NextIntlClientProvider } from "next-intl";
+import { QueryProvider, ThemeProvider } from "pelatform-ui/components";
+import { Toaster as Sonner } from "pelatform-ui/default";
+import { jsx as jsx65, jsxs as jsxs55 } from "react/jsx-runtime";
+function SharedProviders({
+  children,
+  locale,
+  messages,
+  timeZone = "Asia/Jakarta",
+  sonnerPosition = "top-center"
+}) {
+  const config = useConfig();
+  return /* @__PURE__ */ jsxs55(QueryProvider, { children: [
+    /* @__PURE__ */ jsx65(ThemeProvider, { defaultTheme: config.ui.defaultTheme, children: /* @__PURE__ */ jsx65(NextIntlClientProvider, { locale, messages, timeZone, children: /* @__PURE__ */ jsxs55(Suspense2, { children: [
+      children,
+      /* @__PURE__ */ jsx65(Sonner, { position: sonnerPosition })
+    ] }) }) }),
+    /* @__PURE__ */ jsx65(ReactQueryDevtools, { initialIsOpen: false })
+  ] });
+}
+
+// src/ui/providers/workspace.tsx
+import { useCallback as useCallback5, useContext as useContext14, useEffect as useEffect19, useState as useState23 } from "react";
+import { notFound, usePathname as usePathname5, useRouter as useRouter21 } from "next/navigation";
+import { useMutation as useMutation3, useQuery as useQuery3, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
+import { AlertToast as AlertToast28 } from "pelatform-ui/components";
+import { jsx as jsx66 } from "react/jsx-runtime";
+function WorkspaceProvider({
+  children,
+  initialWorkspace,
+  workspaceSlug,
+  fetchWorkspaceList: fetchWorkspaceListProp,
+  fetchWorkspaceBySlug: fetchWorkspaceBySlugProp
+}) {
+  const { authClient, app } = useConfig();
+  const { queryKey } = useContext14(QueryContext);
+  const pathname = usePathname5();
+  const queryClient = useQueryClient3();
+  const router = useRouter21();
+  const [activeWorkspace, setActiveWorkspace] = useState23(initialWorkspace);
+  const [isSwitchingWorkspace, setIsSwitchingWorkspace] = useState23(false);
+  const shouldFetchWorkspace = !!workspaceSlug && (!activeWorkspace || activeWorkspace.slug !== workspaceSlug);
+  const fetchWorkspaceList = fetchWorkspaceListProp || `${app.api}/workspaces`;
+  const fetchWorkspaceBySlug = fetchWorkspaceBySlugProp || `${app.api}/workspace/s`;
+  const { data: usersWorkspaces } = useQuery3({
+    queryKey: queryKey.workspaceList,
+    queryFn: async () => {
+      const response = await request(fetchWorkspaceList);
+      return response.data;
+    }
+  });
+  const fetchWorkspaceData = async (slug) => {
+    try {
+      const response = await request(`${fetchWorkspaceBySlug}/${slug}`);
+      if (response.status === 200) {
+        setActiveWorkspace(response.data);
+        return response.data;
+      }
+      if (response.status === 404) {
+        console.error("Workspace not found");
+        return notFound();
+      }
+      console.error(`Unexpected status code: ${response.status}`);
+      return null;
+    } catch (error) {
+      console.error("Failed to fetch workspace data:", error);
+      return null;
+    }
+  };
+  const { data: fetchedActiveWorkspace, isLoading: isFetchingActiveWorkspace } = useQuery3({
+    queryKey: queryKey.workspaceBySlug(workspaceSlug),
+    queryFn: () => fetchWorkspaceData(workspaceSlug),
+    enabled: shouldFetchWorkspace,
+    initialData: initialWorkspace && initialWorkspace.slug === workspaceSlug ? initialWorkspace : void 0,
+    staleTime: 5 * 60 * 1e3,
+    gcTime: 10 * 60 * 1e3
+  });
+  const { mutateAsync: updateActiveWorkspaceMutation } = useMutation3({
+    mutationFn: async (workspace) => {
+      setIsSwitchingWorkspace(true);
+      setActiveWorkspace(
+        (prev) => ({
+          ...prev,
+          ...workspace
+        })
+      );
+      if (workspace.slug) {
+        setLastVisitedWorkspace(workspace.slug);
+      }
+      if (!workspace.id) {
+        throw new Error("Workspace ID is required for switching");
+      }
+      const { data, error } = await authClient.organization.setActive({
+        organizationId: workspace.id
+      });
+      if (error) {
+        AlertToast28({
+          message: error.message,
+          icon: "destructive"
+        });
+        throw new Error(error.message);
+      }
+      return data;
+    },
+    onSuccess: (data) => {
+      if (data) {
+        queryClient.removeQueries({
+          predicate: (query) => {
+            const key = query.queryKey;
+            return Array.isArray(key) && key.length >= 2 && typeof key[1] === "string" && WORKSPACE_SCOPED_PREFIXES.includes(key[0]);
+          }
+        });
+        queryClient.setQueryData(queryKey.workspaceBySlug(data.slug), data);
+        queryClient.setQueryData(queryKey.workspaceById(data.id), data);
+        const pathSegments = pathname.split("/").filter(Boolean);
+        const pathAfterWorkspace = pathSegments.slice(1).join("/");
+        const newPath = pathAfterWorkspace ? `/${data.slug}/${pathAfterWorkspace}` : `/${data.slug}`;
+        router.push(newPath);
+      }
+      setIsSwitchingWorkspace(false);
+    },
+    onError: (error) => {
+      console.error("Failed to switch workspace:", error);
+      if (initialWorkspace) {
+        setActiveWorkspace(initialWorkspace);
+        setLastVisitedWorkspace(initialWorkspace.slug);
+      }
+      setIsSwitchingWorkspace(false);
+    }
+  });
+  const updateActiveWorkspace = useCallback5(
+    async (workspace) => {
+      await updateActiveWorkspaceMutation(workspace);
+    },
+    [updateActiveWorkspaceMutation]
+  );
+  useEffect19(() => {
+    if (fetchedActiveWorkspace && workspaceSlug !== fetchedActiveWorkspace.slug && !isSwitchingWorkspace) {
+      updateActiveWorkspace(fetchedActiveWorkspace);
+    }
+  }, [fetchedActiveWorkspace, workspaceSlug, isSwitchingWorkspace, updateActiveWorkspace]);
+  const isFetchingWorkspace = isFetchingActiveWorkspace || isSwitchingWorkspace;
+  const isOwner = activeWorkspace?.currentUserRole === "owner";
+  const isAdmin = activeWorkspace?.currentUserRole === "admin";
+  const isMember = activeWorkspace?.currentUserRole === "member";
+  const currentUserRole = activeWorkspace?.currentUserRole || null;
+  return /* @__PURE__ */ jsx66(
+    WorkspaceContext.Provider,
+    {
+      value: {
+        activeWorkspace,
+        workspaceList: usersWorkspaces ?? null,
+        isFetchingWorkspace,
+        isOwner,
+        isAdmin,
+        isMember,
+        currentUserRole,
+        updateActiveWorkspace
+      },
+      children
+    }
+  );
+}
+
+// src/ui/shared/empty-state.tsx
+import Link12 from "next/link";
+import { useTranslations as useTranslations53 } from "next-intl";
+import { cn as cn46 } from "pelatform-ui";
+import { jsx as jsx67, jsxs as jsxs56 } from "react/jsx-runtime";
+function EmptyState({
+  className,
+  icon: Icon,
+  title,
+  description,
+  learnMore,
+  learnMoreText,
+  children
+}) {
+  const t = useTranslations53();
+  return /* @__PURE__ */ jsxs56("div", { className: cn46("flex flex-col items-center justify-center gap-y-4", className), children: [
+    Icon && /* @__PURE__ */ jsx67("div", { className: "flex size-14 items-center justify-center rounded-2xl border bg-muted", children: /* @__PURE__ */ jsx67(Icon, { className: "size-6 text-foreground" }) }),
+    /* @__PURE__ */ jsx67("p", { className: "text-center font-medium text-base text-foreground", children: title }),
+    description && /* @__PURE__ */ jsxs56("p", { className: "max-w-sm text-balance text-center text-muted-foreground text-sm", children: [
+      description,
+      " ",
+      learnMore && /* @__PURE__ */ jsxs56(
+        Link12,
+        {
+          href: learnMore,
+          className: "text-foreground underline underline-offset-2 transition-colors hover:text-primary",
+          children: [
+            learnMoreText ?? t("systems.common.ui.learnMore"),
+            " \u2197"
+          ]
+        }
+      )
+    ] }),
+    children
+  ] });
+}
+
+// src/ui/workspace/partials/delete.tsx
+import { useContext as useContext15, useState as useState24 } from "react";
+import { useRouter as useRouter22 } from "next/navigation";
+import { zodResolver as zodResolver16 } from "@hookform/resolvers/zod";
+import { useMutation as useMutation4, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+import { useTranslations as useTranslations54 } from "next-intl";
+import { useForm as useForm17 } from "react-hook-form";
+import { z as z16 } from "zod";
+import { cn as cn47 } from "pelatform-ui";
+import { AlertToast as AlertToast29 } from "pelatform-ui/components";
+import {
+  Button as Button39,
+  Card as Card14,
+  Form as Form17,
+  FormControl as FormControl16,
+  FormField as FormField16,
+  FormItem as FormItem16,
+  FormLabel as FormLabel15,
+  FormMessage as FormMessage16,
+  Input as Input13,
+  Spinner as Spinner23
+} from "pelatform-ui/default";
+import { Fragment as Fragment22, jsx as jsx68, jsxs as jsxs57 } from "react/jsx-runtime";
+function WorkspaceDeleteCard({ className, classNames, ...props }) {
+  const { activeWorkspace, isOwner } = useWorkspace();
+  const t = useTranslations54();
+  const [showDialog, setShowDialog] = useState24(false);
+  if (!isOwner || !activeWorkspace) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs57(Fragment22, { children: [
+    /* @__PURE__ */ jsx68(
+      CardComponent,
+      {
+        className,
+        classNames,
+        title: t("systems.DELETE_ORGANIZATION"),
+        description: t("systems.DELETE_ORGANIZATION_DESCRIPTION"),
+        actionLabel: t("systems.DELETE_ORGANIZATION"),
+        action: () => setShowDialog(true),
+        isDestructive: true,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx68(
+      DeleteWorkspaceDialog,
+      {
+        classNames,
+        open: showDialog,
+        onOpenChange: setShowDialog
+      }
+    )
+  ] });
+}
+function DeleteWorkspaceDialog({
+  classNames,
+  onOpenChange,
+  title,
+  description,
+  ...props
+}) {
+  const { authClient, path } = useConfig();
+  const { queryKey } = useContext15(QueryContext);
+  const { activeWorkspace, isOwner, updateActiveWorkspace, workspaceList } = useWorkspace();
+  const queryClient = useQueryClient4();
+  const router = useRouter22();
+  const t = useTranslations54();
+  const formSchema = z16.object({
+    slug: z16.string().min(1, {
+      error: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.IS_REQUIRED")}`
+    }).refine((val) => val === activeWorkspace?.slug, {
+      error: t("systems.SLUG_DOES_NOT_MATCH")
+    })
+  });
+  const form = useForm17({
+    resolver: zodResolver16(formSchema),
+    defaultValues: {
+      slug: ""
+    }
+  });
+  const disableSubmit = form.formState.isSubmitting || !form.formState.isValid;
+  const { mutate: deleteMutation, isPending } = useMutation4({
+    mutationFn: async ({ organizationId }) => {
+      await authClient.organization.delete({
+        organizationId
+      });
+    },
+    onSuccess: async () => {
+      AlertToast29({
+        message: t("systems.DELETE_ORGANIZATION_SUCCESS")
+      });
+      const remainingWorkspaces = workspaceList?.filter((org) => org.id !== activeWorkspace?.id);
+      if (!remainingWorkspaces || remainingWorkspaces.length === 0) {
+        router.push(path.custom.NEW_WORKSPACE || "/");
+        return;
+      }
+      queryClient.invalidateQueries({
+        queryKey: queryKey.workspaceList
+      });
+      const nextWorkspace = remainingWorkspaces[0];
+      if (!nextWorkspace) {
+        router.push(path.custom.NEW_WORKSPACE || "/");
+        return;
+      }
+      await updateActiveWorkspace(nextWorkspace);
+      router.push(`/${nextWorkspace.slug}`);
+      onOpenChange?.(false);
+    },
+    onError: (error) => {
+      AlertToast29({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+    }
+  });
+  const onSubmit = () => {
+    if (!isOwner || !activeWorkspace?.id) {
+      return;
+    }
+    deleteMutation({ organizationId: activeWorkspace.id });
+  };
+  return /* @__PURE__ */ jsxs57(
+    DialogComponent,
+    {
+      classNames,
+      onOpenChange,
+      title: title || t("systems.DELETE_ORGANIZATION"),
+      description: description || t("systems.DELETE_ORGANIZATION_DESCRIPTION"),
+      disableFooter: true,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx68(Card14, { className: cn47("mb-4 flex-row p-4", classNames?.cell), children: /* @__PURE__ */ jsx68(WorkspaceView, { workspace: activeWorkspace }) }),
+        /* @__PURE__ */ jsx68(Form17, { ...form, children: /* @__PURE__ */ jsxs57("form", { onSubmit: form.handleSubmit(onSubmit), children: [
+          /* @__PURE__ */ jsx68(
+            FormField16,
+            {
+              control: form.control,
+              name: "slug",
+              render: ({ field }) => /* @__PURE__ */ jsxs57(FormItem16, { children: [
+                /* @__PURE__ */ jsxs57(FormLabel15, { className: cn47("font-normal", classNames?.label), children: [
+                  t("systems.DELETE_ORGANIZATION_INSTRUCTIONS"),
+                  " ",
+                  /* @__PURE__ */ jsx68("span", { className: "font-bold", children: activeWorkspace?.slug })
+                ] }),
+                /* @__PURE__ */ jsx68(FormControl16, { children: /* @__PURE__ */ jsx68(
+                  Input13,
+                  {
+                    placeholder: activeWorkspace?.slug,
+                    className: classNames?.input,
+                    autoComplete: "off",
+                    disabled: isPending,
+                    ...field
+                  }
+                ) }),
+                /* @__PURE__ */ jsx68(FormMessage16, { className: classNames?.error })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx68(
+            DialogFooterComponent,
+            {
+              classNames,
+              onOpenChange,
+              cancelButton: true,
+              cancelButtonDisabled: isPending,
+              button: /* @__PURE__ */ jsxs57(
+                Button39,
+                {
+                  type: "submit",
+                  variant: "destructive",
+                  className: cn47(
+                    disableSubmit && "pointer-events-auto! cursor-not-allowed",
+                    classNames?.button,
+                    classNames?.destructiveButton
+                  ),
+                  disabled: disableSubmit,
+                  children: [
+                    isPending && /* @__PURE__ */ jsx68(Spinner23, {}),
+                    t("systems.DELETE_ORGANIZATION")
+                  ]
+                }
+              )
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/ui/workspace/partials/logo.tsx
+import { useContext as useContext16, useRef as useRef8, useState as useState25 } from "react";
+import { useRouter as useRouter23 } from "next/navigation";
+import { useMutation as useMutation5, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
+import { Trash2Icon as Trash2Icon2, UploadCloudIcon as UploadCloudIcon2 } from "lucide-react";
+import { useTranslations as useTranslations55 } from "next-intl";
+import { fileToBase64 as fileToBase642, resizeAndCropImage as resizeAndCropImage2 } from "pelatform-ui";
+import { AlertToast as AlertToast30 } from "pelatform-ui/components";
+import {
+  Button as Button40,
+  DropdownMenu as DropdownMenu5,
+  DropdownMenuContent as DropdownMenuContent5,
+  DropdownMenuItem as DropdownMenuItem5,
+  DropdownMenuTrigger as DropdownMenuTrigger5
+} from "pelatform-ui/default";
+import { jsx as jsx69, jsxs as jsxs58 } from "react/jsx-runtime";
+function WorkspaceLogoCard({
+  className,
+  classNames,
+  logo,
+  ...props
+}) {
+  const { authClient } = useConfig();
+  const { queryKey } = useContext16(QueryContext);
+  const { activeWorkspace, isOwner } = useWorkspace();
+  const queryClient = useQueryClient5();
+  const router = useRouter23();
+  const t = useTranslations55();
+  const fileInputRef = useRef8(null);
+  const [logoUrl, setLogoUrl] = useState25(activeWorkspace?.logo || null);
+  const [loading, setLoading] = useState25(false);
+  const isBase64Logo = logoUrl?.includes("data:image");
+  const isDicebearLogo = logoUrl?.includes("api.dicebear.com");
+  const { mutate: updateMutation, isPending } = useMutation5({
+    mutationFn: async ({ organizationId, logo: logo2 }) => {
+      const res = await authClient.organization.update({
+        organizationId,
+        data: { logo: logo2 }
+      });
+      if (res?.error) {
+        throw new Error(res.error.message);
+      }
+      return res;
+    },
+    onSuccess: (_, variables) => {
+      setLogoUrl(variables.logo);
+      AlertToast30({
+        message: `${t("systems.LOGO_UPDATED")}`
+      });
+      queryClient.invalidateQueries({
+        queryKey: queryKey.workspaceById(variables.organizationId)
+      });
+      router.refresh();
+    },
+    onError: (error) => {
+      AlertToast30({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+    }
+  });
+  const handleLogoChange = async (file) => {
+    if (!activeWorkspace?.id || !isOwner) return;
+    setLoading(true);
+    try {
+      const resizedFile = await resizeAndCropImage2(
+        file,
+        crypto.randomUUID(),
+        logo?.size || 256,
+        logo?.extension || "png"
+      );
+      let image;
+      if (logo?.upload) {
+        image = await logo.upload(resizedFile);
+      } else {
+        image = await fileToBase642(resizedFile);
+      }
+      if (!image) {
+        setLoading(false);
+        return;
+      }
+      updateMutation({
+        organizationId: activeWorkspace.id,
+        logo: image
+      });
+    } catch (error) {
+      AlertToast30({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+    }
+    setLoading(false);
+  };
+  const handleDeleteLogo = async () => {
+    if (!activeWorkspace?.id || !isOwner) return;
+    setLoading(true);
+    try {
+      if (logoUrl && !isBase64Logo && !isDicebearLogo && logo?.delete) {
+        await logo.delete(logoUrl);
+      }
+      const defaultLogo = `https://api.dicebear.com/9.x/glass/svg?seed=${activeWorkspace.slug}`;
+      updateMutation({
+        organizationId: activeWorkspace.id,
+        logo: defaultLogo
+      });
+    } catch (error) {
+      AlertToast30({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+    }
+    setLoading(false);
+  };
+  const openFileDialog = () => {
+    fileInputRef.current?.click();
+  };
+  return /* @__PURE__ */ jsxs58(
+    CardComponent,
+    {
+      className,
+      classNames: {
+        content: "flex items-center justify-between",
+        header: "w-full",
+        ...classNames
+      },
+      title: t("systems.LOGO"),
+      description: t("systems.LOGO_DESCRIPTION"),
+      instructions: t("systems.LOGO_INSTRUCTIONS"),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx69(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            hidden: true,
+            accept: "image/*",
+            onChange: (e) => {
+              const file = e.target.files?.item(0);
+              if (file) handleLogoChange(file);
+              e.target.value = "";
+            },
+            disabled: loading || !isOwner
+          }
+        ),
+        /* @__PURE__ */ jsxs58(DropdownMenu5, { children: [
+          /* @__PURE__ */ jsx69(DropdownMenuTrigger5, { asChild: true, children: /* @__PURE__ */ jsx69(Button40, { variant: "ghost", size: "icon", className: "size-fit rounded-full", disabled: !isOwner, children: /* @__PURE__ */ jsx69(
+            WorkspaceLogo,
+            {
+              className: "size-16 lg:size-20",
+              classNames: {
+                fallback: "text-xl lg:text-2xl",
+                ...classNames?.avatar
+              },
+              isPending,
+              workspace: activeWorkspace,
+              image: logoUrl || void 0
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxs58(DropdownMenuContent5, { align: "end", onCloseAutoFocus: (e) => e.preventDefault(), children: [
+            /* @__PURE__ */ jsxs58(DropdownMenuItem5, { onClick: openFileDialog, disabled: loading || !isOwner, children: [
+              /* @__PURE__ */ jsx69(UploadCloudIcon2, {}),
+              t("systems.UPLOAD_LOGO")
+            ] }),
+            !isDicebearLogo && /* @__PURE__ */ jsxs58(
+              DropdownMenuItem5,
+              {
+                variant: "destructive",
+                onClick: handleDeleteLogo,
+                disabled: loading || !isOwner,
+                children: [
+                  /* @__PURE__ */ jsx69(Trash2Icon2, {}),
+                  t("systems.DELETE_LOGO")
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/workspace/partials/name.tsx
+import { useContext as useContext17, useId } from "react";
+import { useRouter as useRouter24 } from "next/navigation";
+import { zodResolver as zodResolver17 } from "@hookform/resolvers/zod";
+import { useMutation as useMutation6, useQueryClient as useQueryClient6 } from "@tanstack/react-query";
+import { useTranslations as useTranslations56 } from "next-intl";
+import { useForm as useForm18 } from "react-hook-form";
+import { z as z17 } from "zod";
+import { AlertToast as AlertToast31 } from "pelatform-ui/components";
+import { Form as Form18, FormControl as FormControl17, FormField as FormField17, FormItem as FormItem17, FormMessage as FormMessage17, Input as Input14 } from "pelatform-ui/default";
+import { jsx as jsx70, jsxs as jsxs59 } from "react/jsx-runtime";
+function WorkspaceNameCard({ className, classNames, ...props }) {
+  const { authClient } = useConfig();
+  const { queryKey } = useContext17(QueryContext);
+  const { activeWorkspace, isOwner } = useWorkspace();
+  const queryClient = useQueryClient6();
+  const router = useRouter24();
+  const t = useTranslations56();
+  const id = useId();
+  const formSchema = z17.object({
+    name: z17.string().min(1, {
+      error: `${t("systems.ORGANIZATION_NAME")} ${t("systems.IS_REQUIRED")}`
+    })
+  });
+  const form = useForm18({
+    resolver: zodResolver17(formSchema),
+    values: { name: activeWorkspace?.name || "" }
+  });
+  const disableSubmit = form.formState.isSubmitting || !form.formState.isValid || !form.formState.isDirty;
+  const { mutate: updateMutation, isPending } = useMutation6({
+    mutationFn: async ({
+      organizationId,
+      data
+    }) => {
+      const res = await authClient.organization.update({
+        organizationId,
+        data: {
+          name: data.name
+        }
+      });
+      if (res?.error) {
+        throw new Error(res.error.message);
+      }
+      return res;
+    },
+    onSuccess: (_, variables) => {
+      AlertToast31({
+        message: `${t("systems.ORGANIZATION_NAME")} ${t("systems.UPDATED_SUCCESSFULLY")}`
+      });
+      form.reset({ name: form.getValues("name") });
+      queryClient.invalidateQueries({
+        queryKey: queryKey.workspaceById(variables.organizationId)
+      });
+      router.refresh();
+    },
+    onError: (error) => {
+      AlertToast31({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+    }
+  });
+  const onSubmit = (data) => {
+    if (!isOwner || !activeWorkspace?.id) {
+      return;
+    }
+    const name = data.name.trim();
+    if (activeWorkspace?.name === name) {
+      AlertToast31({
+        message: `${t("systems.ORGANIZATION_NAME")} ${t("systems.IS_THE_SAME")}`,
+        icon: "destructive"
+      });
+      return;
+    }
+    updateMutation({
+      organizationId: activeWorkspace.id,
+      data: { name }
+    });
+  };
+  return /* @__PURE__ */ jsx70(Form18, { ...form, children: /* @__PURE__ */ jsx70("form", { onSubmit: form.handleSubmit(onSubmit), children: /* @__PURE__ */ jsx70(
+    CardComponent,
+    {
+      className,
+      classNames,
+      title: t("systems.ORGANIZATION_NAME"),
+      description: t("systems.ORGANIZATION_NAME_DESCRIPTION"),
+      instructions: t("systems.ORGANIZATION_NAME_INSTRUCTIONS"),
+      actionLabel: t("systems.SAVE"),
+      disabled: disableSubmit || !isOwner,
+      isSubmitting: isPending,
+      ...props,
+      children: /* @__PURE__ */ jsx70(
+        FormField17,
+        {
+          control: form.control,
+          name: "name",
+          render: ({ field }) => /* @__PURE__ */ jsxs59(FormItem17, { children: [
+            /* @__PURE__ */ jsx70(FormControl17, { children: /* @__PURE__ */ jsx70(
+              Input14,
+              {
+                id,
+                className: classNames?.input,
+                placeholder: t("systems.ORGANIZATION_NAME_PLACEHOLDER"),
+                disabled: !isOwner,
+                ...field
+              }
+            ) }),
+            /* @__PURE__ */ jsx70(FormMessage17, { className: classNames?.error })
+          ] })
+        }
+      )
+    }
+  ) }) });
+}
+
+// src/ui/workspace/partials/slug.tsx
+import { useContext as useContext18, useId as useId2 } from "react";
+import { useRouter as useRouter25 } from "next/navigation";
+import { zodResolver as zodResolver18 } from "@hookform/resolvers/zod";
+import { useMutation as useMutation7, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
+import { useTranslations as useTranslations57 } from "next-intl";
+import { useForm as useForm19 } from "react-hook-form";
+import { z as z18 } from "zod";
+import { AlertToast as AlertToast32 } from "pelatform-ui/components";
+import { Form as Form19, FormControl as FormControl18, FormField as FormField18, FormItem as FormItem18, FormMessage as FormMessage18, Input as Input15 } from "pelatform-ui/default";
+
+// src/lib/string.ts
+function generateSlug(text) {
+  const slug = text.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/-+/g, "-").replace(/^-+|-+$/g, "");
+  return slug;
+}
+
+// src/ui/workspace/partials/slug.tsx
+import { jsx as jsx71, jsxs as jsxs60 } from "react/jsx-runtime";
+function WorkspaceSlugCard({ className, classNames, ...props }) {
+  const { authClient, path } = useConfig();
+  const { queryKey } = useContext18(QueryContext);
+  const { activeWorkspace, isOwner } = useWorkspace();
+  const queryClient = useQueryClient7();
+  const router = useRouter25();
+  const t = useTranslations57();
+  const RESERVED_SLUGS = [
+    // Main routes
+    path.main.ERROR.replace("/", ""),
+    path.main.HOME.replace("/", ""),
+    path.main.FEATURES.replace("/", ""),
+    path.main.PRICING.replace("/", ""),
+    path.main.TERMS.replace("/", ""),
+    path.main.PRIVACY.replace("/", ""),
+    // Auth routes
+    path.auth.EMAIL_OTP.replace("/", ""),
+    path.auth.FORGOT_PASSWORD.replace("/", ""),
+    path.auth.MAGIC_LINK.replace("/", ""),
+    path.auth.RECOVER_ACCOUNT.replace("/", ""),
+    path.auth.RESET_PASSWORD.replace("/", ""),
+    path.auth.SIGN_IN.replace("/", ""),
+    path.auth.SIGN_OUT.replace("/", ""),
+    path.auth.SIGN_UP.replace("/", ""),
+    path.auth.TWO_FACTOR.replace("/", ""),
+    // System routes
+    "new",
+    "accept",
+    "invitation",
+    "join",
+    "verify",
+    "api",
+    "account",
+    "accounts",
+    "billing",
+    "billings",
+    "user",
+    "users",
+    "onboarding",
+    "organization",
+    "organizations",
+    "workspace",
+    "workspaces",
+    "setting",
+    "settings",
+    "apikey",
+    "apikeys",
+    "member",
+    "members",
+    "people",
+    "peoples",
+    // Next.js internals
+    "_next",
+    "static",
+    "favicon",
+    "robots",
+    "sitemap",
+    // Future-proofing common patterns
+    "admin",
+    "dashboard",
+    "app",
+    "www",
+    "home",
+    "blog",
+    "docs",
+    "help",
+    "support",
+    "about",
+    "contact",
+    "features",
+    "pricing",
+    "terms",
+    "privacy"
+  ];
+  const id = useId2();
+  const formSchema = z18.object({
+    slug: z18.string().min(1, {
+      error: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.IS_REQUIRED")}`
+    }).regex(/^[a-z0-9]+([a-z0-9-]*[a-z0-9])?$/, {
+      error: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.IS_INVALID")}`
+    }).refine((slug) => !RESERVED_SLUGS.includes(slug), {
+      error: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.IS_INVALID")}`
+    })
+  });
+  const form = useForm19({
+    resolver: zodResolver18(formSchema),
+    values: { slug: activeWorkspace?.slug || "" }
+  });
+  const disableSubmit = form.formState.isSubmitting || !form.formState.isValid || !form.formState.isDirty;
+  const { mutate: updateMutation, isPending } = useMutation7({
+    mutationFn: async ({
+      organizationId,
+      data
+    }) => {
+      const { data: checkSlug, error } = await authClient.organization.checkSlug({
+        slug: data.slug
+      });
+      if (error) {
+        throw new Error(error.message);
+      }
+      if (!checkSlug.status) {
+        form.setError("slug", { message: t("systems.SLUG_ALREADY_TAKEN") });
+        throw new Error(t("systems.SLUG_ALREADY_TAKEN"));
+      }
+      const res = await authClient.organization.update({
+        organizationId,
+        data: {
+          slug: data.slug
+        }
+      });
+      if (res?.error) {
+        throw new Error(res.error.message);
+      }
+      return res;
+    },
+    onSuccess: (data, variables) => {
+      if (!data) {
+        return;
+      }
+      AlertToast32({
+        message: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.UPDATED_SUCCESSFULLY")}`
+      });
+      form.reset({ slug: data.data?.slug });
+      queryClient.invalidateQueries({
+        queryKey: queryKey.workspaceById(variables.organizationId)
+      });
+      router.replace(`/${data.data?.slug}${path.workspaces.SETTINGS}`);
+      router.refresh();
+    },
+    onError: (error) => {
+      AlertToast32({
+        message: getTranslations({ error, t }),
+        icon: "destructive"
+      });
+    }
+  });
+  const onSubmit = (data) => {
+    if (!isOwner || !activeWorkspace?.id) {
+      return;
+    }
+    const slug = generateSlug(data.slug);
+    if (activeWorkspace?.slug === slug) {
+      AlertToast32({
+        message: `${t("systems.ORGANIZATION_SLUG")} ${t("systems.IS_THE_SAME")}`,
+        icon: "destructive"
+      });
+      return;
+    }
+    updateMutation({
+      organizationId: activeWorkspace.id,
+      data: { slug }
+    });
+  };
+  return /* @__PURE__ */ jsx71(Form19, { ...form, children: /* @__PURE__ */ jsx71("form", { onSubmit: form.handleSubmit(onSubmit), children: /* @__PURE__ */ jsx71(
+    CardComponent,
+    {
+      className,
+      classNames,
+      title: t("systems.ORGANIZATION_SLUG"),
+      description: t("systems.ORGANIZATION_SLUG_DESCRIPTION"),
+      instructions: t("systems.ORGANIZATION_SLUG_INSTRUCTIONS"),
+      actionLabel: t("systems.SAVE"),
+      disabled: disableSubmit || !isOwner,
+      isSubmitting: isPending,
+      ...props,
+      children: /* @__PURE__ */ jsx71(
+        FormField18,
+        {
+          control: form.control,
+          name: "slug",
+          render: ({ field }) => /* @__PURE__ */ jsxs60(FormItem18, { children: [
+            /* @__PURE__ */ jsx71(FormControl18, { children: /* @__PURE__ */ jsx71(
+              Input15,
+              {
+                id,
+                className: classNames?.input,
+                placeholder: t("systems.ORGANIZATION_SLUG_PLACEHOLDER"),
+                disabled: !isOwner,
+                ...field
+              }
+            ) }),
+            /* @__PURE__ */ jsx71(FormMessage18, { className: classNames?.error })
+          ] })
+        }
+      )
+    }
+  ) }) });
+}
+
+// src/ui/workspace/settings.tsx
+import { useTranslations as useTranslations58 } from "next-intl";
+import { cn as cn48 } from "pelatform-ui";
+import { jsx as jsx72, jsxs as jsxs61 } from "react/jsx-runtime";
+function WorkspaceSettingsCards({
+  className,
+  classNames,
+  logo
+}) {
+  const t = useTranslations58();
+  const { activeWorkspace } = useWorkspace();
+  return /* @__PURE__ */ jsxs61("div", { className: cn48("grid w-full gap-6 md:gap-8", className), children: [
+    /* @__PURE__ */ jsx72(WorkspaceLogoCard, { classNames, logo }),
+    /* @__PURE__ */ jsx72(WorkspaceNameCard, { classNames }),
+    /* @__PURE__ */ jsx72(WorkspaceSlugCard, { classNames }),
+    /* @__PURE__ */ jsx72(
+      DisplayIdCard,
+      {
+        classNames,
+        id: activeWorkspace?.id,
+        title: t("systems.DISPLAY_ORGANIZATION_TITLE"),
+        description: t("systems.DISPLAY_ORGANIZATION_DESCRIPTION")
+      }
+    ),
+    /* @__PURE__ */ jsx72(WorkspaceDeleteCard, { classNames })
   ] });
 }
 export {
@@ -6452,6 +7921,8 @@ export {
   MagicLinkButton,
   MagicLinkForm,
   MultiAccountCard,
+  NewWorkspace,
+  NewWorkspaceForm,
   OTPInputGroup,
   OneTap,
   PasskeyButton,
@@ -6471,6 +7942,7 @@ export {
   SidebarContent,
   SidebarContentMenu,
   SidebarHeaderBack,
+  SidebarHeaderWorkspaces,
   SignInForm,
   SignOut,
   SignUpForm,
@@ -6487,7 +7959,16 @@ export {
   UserAvatar,
   UserMenu,
   UserView,
+  VerifyEmail,
+  WorkspaceContext,
+  WorkspaceDeleteCard,
   WorkspaceLogo,
+  WorkspaceLogoCard,
+  WorkspaceNameCard,
+  WorkspaceProvider,
+  WorkspaceSettingsCards,
+  WorkspaceSlugCard,
+  WorkspaceSwitcher,
   WorkspaceView,
   getUserName,
   useAccountInfo,
@@ -6513,5 +7994,6 @@ export {
   useSession,
   useSetActiveSession,
   useUnlinkAccount,
-  useUpdateUser
+  useUpdateUser,
+  useWorkspace
 };