@pelatform/starter.shared 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,10 +1,1138 @@
 "use client";
 
+// src/components/layouts/auth.tsx
+import Link3 from "next/link";
+import { usePathname } from "next/navigation";
+import { useTranslations as useTranslations4 } from "next-intl";
+import { useConfig as useConfig3 } from "@pelatform/starter.hook";
+import { LayoutBlank } from "pelatform-ui/components";
+
+// src/components/logo.tsx
+import Link from "next/link";
+import { useConfig } from "@pelatform/starter.hook";
+import { cn } from "pelatform-ui";
+import { Logo } from "pelatform-ui/components";
+import { jsx, jsxs } from "react/jsx-runtime";
+function LogoWithName({ className }) {
+  const { app } = useConfig();
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx(Logo, { className: "size-7" }),
+    /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg text-mono", children: app.name })
+  ] });
+}
+function LogoWithHref({ className, href = "/" }) {
+  const { app } = useConfig();
+  return /* @__PURE__ */ jsxs(Link, { href, className: cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx(Logo, { className: "size-7" }),
+    /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg text-mono", children: app.name })
+  ] });
+}
+
+// src/components/signed-in-hint.tsx
+import Link2 from "next/link";
+import { useTranslations } from "next-intl";
+import { useSession } from "@pelatform/starter.hook";
+import { Button } from "pelatform-ui/default";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function SignedInHint({ linkHref = "/signin" }) {
+  const t = useTranslations();
+  const { isPending, user } = useSession();
+  return /* @__PURE__ */ jsxs2("div", { className: "fixed start-0 bottom-0 z-40 m-5 flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
+      t("ui.common.signed.text"),
+      " ",
+      isPending || !user ? /* @__PURE__ */ jsx2("span", { className: "h-3 w-32 animate-pulse rounded-md border bg-muted-foreground" }) : /* @__PURE__ */ jsx2("b", { className: "text-foreground", children: user.email })
+    ] }),
+    /* @__PURE__ */ jsx2(Button, { variant: "mono", className: "h-8 w-fit rounded-lg px-3 text-xs shadow-sm", children: /* @__PURE__ */ jsx2(Link2, { href: linkHref, children: t("ui.common.signed.button") }) })
+  ] });
+}
+
+// src/components/layouts/loader.tsx
+import { useTranslations as useTranslations2 } from "next-intl";
+import { useSession as useSession2 } from "@pelatform/starter.hook";
+import { ScreenLoader } from "pelatform-ui/components";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function LayoutLoader({ children }) {
+  const t = useTranslations2();
+  const { isPending } = useSession2();
+  if (isPending) {
+    return /* @__PURE__ */ jsx3(ScreenLoader, { loadingText: t("common.status.loading") });
+  }
+  return children;
+}
+
+// src/components/layouts/toolbar.tsx
+import { Suspense } from "react";
+import { cn as cn2 } from "pelatform-ui";
+import { ModeSwitcher } from "pelatform-ui/components";
+
+// src/components/language-switcher.tsx
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+import { useLocale, useTranslations as useTranslations3 } from "next-intl";
+import { useConfig as useConfig2 } from "@pelatform/starter.hook";
+import {
+  LanguageSwitcher as LanguageSwitcherBase
+} from "pelatform-ui/components";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function LanguageSwitcher({
+  className,
+  type,
+  variant,
+  size,
+  showNames,
+  showFlags
+}) {
+  const { i18n } = useConfig2();
+  const router = useRouter();
+  const t = useTranslations3();
+  const currentLocale = useLocale();
+  const availableLocales = (() => {
+    if (!i18n.enabled) {
+      return [i18n.defaultLocale];
+    }
+    const availableLocales2 = Object.keys(i18n.locales);
+    return availableLocales2;
+  })();
+  const languages = availableLocales.map((locale) => {
+    const localeConfig = i18n.locales[locale] || null;
+    return {
+      code: locale,
+      name: localeConfig?.name || locale.toUpperCase(),
+      flag: `/flags/${localeConfig?.flag}.svg` || ""
+    };
+  });
+  function handleLanguageChange(newLocale) {
+    if (newLocale === currentLocale) {
+      return;
+    }
+    document.cookie = `${i18n.localeCookieName}=${newLocale}; max-age=${60 * 60 * 24 * 365}; path=/`;
+    router.refresh();
+  }
+  return /* @__PURE__ */ jsx4(
+    LanguageSwitcherBase,
+    {
+      className,
+      type,
+      variant,
+      size,
+      showNames,
+      showFlags,
+      label: t("ui.common.language"),
+      i18nEnabled: i18n.enabled,
+      currentLocale,
+      locales: languages,
+      onLocaleChange: handleLanguageChange,
+      customFlagUrl: true,
+      Image
+    }
+  );
+}
+
+// src/components/layouts/toolbar.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var DEFAULT_SHOW = ["darkmode"];
+function Toolbar(props) {
+  return /* @__PURE__ */ jsx5(Suspense, { fallback: null, children: /* @__PURE__ */ jsx5("div", { className: cn2("fixed end-0 bottom-0 z-40 m-5", props.className), children: /* @__PURE__ */ jsx5(ToolbarRSC, { ...props }) }) });
+}
+function ToolbarRSC({ show = DEFAULT_SHOW }) {
+  return /* @__PURE__ */ jsx5("div", { className: "flex flex-col items-center gap-2.5", children: /* @__PURE__ */ jsxs3("div", { className: "shrink-0", children: [
+    show.includes("darkmode") && /* @__PURE__ */ jsx5(ModeSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("help") && /* @__PURE__ */ jsx5("div", { className: "hidden" }),
+    show.includes("language") && /* @__PURE__ */ jsx5(LanguageSwitcher, { variant: "outline", size: "lg", className: "size-10 rounded-full border" }),
+    show.includes("onboarding") && /* @__PURE__ */ jsx5("div", { className: "hidden" })
+  ] }) });
+}
+
+// src/components/layouts/auth.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function AuthLayout({
+  children,
+  logo = /* @__PURE__ */ jsx6(LogoWithName, {}),
+  disableFooter = false,
+  signInHint = false,
+  signInHref
+}) {
+  const { app, path } = useConfig3();
+  const pathname = usePathname();
+  const t = useTranslations4();
+  const footer = /* @__PURE__ */ jsxs4("p", { className: "px-20 py-4 text-center font-medium text-muted-foreground text-xs md:px-0", children: [
+    t("ui.common.agree"),
+    " ",
+    /* @__PURE__ */ jsx6(
+      Link3,
+      {
+        href: path.main.TERMS,
+        target: "_blank",
+        className: "font-semibold text-foreground hover:text-primary",
+        children: t("ui.common.terms")
+      }
+    ),
+    " ",
+    /* @__PURE__ */ jsx6(
+      Link3,
+      {
+        href: path.main.PRIVACY,
+        target: "_blank",
+        className: "font-semibold text-foreground hover:text-primary",
+        children: t("ui.common.privacy")
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs4(LayoutLoader, { children: [
+    /* @__PURE__ */ jsx6(Toolbar, { show: ["language"], className: "top-0!" }),
+    /* @__PURE__ */ jsx6(
+      LayoutBlank,
+      {
+        className: "[&_.max-w-4xl]:max-w-sm [&_.max-w-4xl]:px-0",
+        logo,
+        logoHref: app.baseUrl,
+        footer: disableFooter || pathname === path.auth.SIGN_OUT || pathname === path.auth.CALLBACK ? null : footer,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx6(Toolbar, { show: ["darkmode"] }),
+    signInHint && /* @__PURE__ */ jsx6(SignedInHint, { linkHref: signInHref || path.auth.SIGN_OUT })
+  ] });
+}
+
+// src/components/layouts/header.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { usePathname as usePathname2 } from "next/navigation";
+import { Menu, PanelRight } from "lucide-react";
+import { useLayout } from "@pelatform/starter.hook";
+import {
+  Button as Button2,
+  Sheet,
+  SheetBody,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger
+} from "pelatform-ui/default";
+
+// src/components/user-menu.tsx
+import { Fragment as Fragment2, useCallback, useEffect, useState } from "react";
+import Link4 from "next/link";
+import { useRouter as useRouter2 } from "next/navigation";
+import { LogOut, PlusCircleIcon, Settings, Shield, UserStar } from "lucide-react";
+import { useTranslations as useTranslations7 } from "next-intl";
+import {
+  useConfig as useConfig4,
+  useListDeviceSessions,
+  useSession as useSession3,
+  useSetActiveSession
+} from "@pelatform/starter.hook";
+import { getUserName as getUserName3 } from "@pelatform/starter.utils";
+import { ModeSwitcher as ModeSwitcher2, UserAvatar as UserAvatar2 } from "pelatform-ui/components";
+import {
+  Badge,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  Skeleton as Skeleton3
+} from "pelatform-ui/default";
+
+// src/components/view.tsx
+import { KeyRoundIcon } from "lucide-react";
+import { useLocale as useLocale2, useTranslations as useTranslations6 } from "next-intl";
+import { getUserName as getUserName2 } from "@pelatform/starter.utils";
+import { cn as cn4 } from "pelatform-ui";
+import { Skeleton as Skeleton2 } from "pelatform-ui/default";
+
+// src/components/avatar.tsx
+import { BuildingIcon, UserRoundIcon } from "lucide-react";
+import { useTranslations as useTranslations5 } from "next-intl";
+import { getSizeAvatar, getUserName } from "@pelatform/starter.utils";
+import { cn as cn3 } from "pelatform-ui";
+import { getInitials } from "pelatform-ui/components";
+import { Avatar, AvatarFallback, AvatarImage, Skeleton } from "pelatform-ui/default";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function UserAvatar({
+  className,
+  classNames,
+  image,
+  isPending,
+  size,
+  user,
+  ...props
+}) {
+  const t = useTranslations5();
+  const name = getUserName(user);
+  const src = user?.image;
+  if (isPending) {
+    return /* @__PURE__ */ jsx7(
+      Skeleton,
+      {
+        className: cn3(
+          "shrink-0 rounded-full",
+          getSizeAvatar(size),
+          className,
+          classNames?.base,
+          classNames?.skeleton
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs5(
+    Avatar,
+    {
+      className: cn3("rounded-full bg-accent", getSizeAvatar(size), className, classNames?.base),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx7(
+          AvatarImage,
+          {
+            src: image || src || void 0,
+            alt: name || t("ui.navigation.user"),
+            className: classNames?.image
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          AvatarFallback,
+          {
+            className: cn3("text-foreground uppercase", classNames?.fallback),
+            delayMs: src ? 600 : void 0,
+            children: getInitials(name, 2) || /* @__PURE__ */ jsx7(UserRoundIcon, { className: cn3("size-[50%]", classNames?.fallbackIcon) })
+          }
+        )
+      ]
+    }
+  );
+}
+function WorkspaceLogo({
+  className,
+  classNames,
+  image,
+  isPending,
+  size,
+  workspace,
+  ...props
+}) {
+  const t = useTranslations5();
+  const name = workspace?.name;
+  const src = workspace?.logo;
+  if (isPending) {
+    return /* @__PURE__ */ jsx7(
+      Skeleton,
+      {
+        className: cn3(
+          "shrink-0 rounded-full",
+          getSizeAvatar(size),
+          className,
+          classNames?.base,
+          classNames?.skeleton
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs5(
+    Avatar,
+    {
+      className: cn3("rounded-full bg-accent", getSizeAvatar(size), className, classNames?.base),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx7(
+          AvatarImage,
+          {
+            src: image || src || void 0,
+            alt: name || t("ui.navigation.workspace"),
+            className: classNames?.image
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          AvatarFallback,
+          {
+            className: cn3("text-foreground", classNames?.fallback),
+            delayMs: src ? 600 : void 0,
+            children: /* @__PURE__ */ jsx7(BuildingIcon, { className: cn3("size-[50%]", classNames?.fallbackIcon) })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/view.tsx
+import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function UserView({ className, classNames, isPending, size, user }) {
+  const t = useTranslations6();
+  return /* @__PURE__ */ jsxs6("div", { className: cn4("flex items-center gap-2", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx8(
+      UserAvatar,
+      {
+        className: cn4(size !== "sm" && "my-0.5"),
+        classNames: classNames?.avatar,
+        isPending,
+        size,
+        user
+      }
+    ),
+    /* @__PURE__ */ jsx8("div", { className: cn4("grid flex-1 text-start leading-tight", classNames?.content), children: isPending ? /* @__PURE__ */ jsxs6(Fragment, { children: [
+      /* @__PURE__ */ jsx8(
+        Skeleton2,
+        {
+          className: cn4(
+            "max-w-full",
+            size === "lg" ? "h-4.5 w-32" : "h-3.5 w-24",
+            classNames?.title,
+            classNames?.skeleton
+          )
+        }
+      ),
+      size !== "sm" && /* @__PURE__ */ jsx8(
+        Skeleton2,
+        {
+          className: cn4(
+            "mt-1.5 max-w-full",
+            size === "lg" ? "h-3.5 w-40" : "h-3 w-32",
+            classNames?.subtitle,
+            classNames?.skeleton
+          )
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs6(Fragment, { children: [
+      /* @__PURE__ */ jsx8(
+        "span",
+        {
+          className: cn4(
+            "truncate font-semibold",
+            size === "lg" ? "text-base" : "text-sm",
+            classNames?.title
+          ),
+          children: getUserName2(user) || t("ui.navigation.user")
+        }
+      ),
+      !user?.isAnonymous && size !== "sm" && (user?.name || user?.username) && /* @__PURE__ */ jsx8(
+        "span",
+        {
+          className: cn4(
+            "truncate opacity-70",
+            size === "lg" ? "text-sm" : "text-xs",
+            classNames?.subtitle
+          ),
+          children: user?.email
+        }
+      )
+    ] }) })
+  ] });
+}
+function ApiKeyView({ className, classNames, apiKey }) {
+  const t = useTranslations6();
+  const locale = useLocale2();
+  const formatExpiration = () => {
+    if (!apiKey.expiresAt) return t("common.time.neverExpires");
+    const expiresDate = new Date(apiKey.expiresAt);
+    return `${t("common.time.expires")} ${expiresDate.toLocaleDateString(locale ?? "en", {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    })}`;
+  };
+  return /* @__PURE__ */ jsxs6("div", { className: cn4("flex items-center gap-3 truncate", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx8(KeyRoundIcon, { className: cn4("size-4 shrink-0", classNames?.icon) }),
+    /* @__PURE__ */ jsxs6("div", { className: "flex flex-col truncate text-start", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx8("span", { className: "truncate font-semibold text-sm", children: apiKey.name }),
+        /* @__PURE__ */ jsxs6("span", { className: "flex-1 truncate text-muted-foreground text-sm", children: [
+          apiKey.start,
+          "******"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx8("div", { className: "truncate text-muted-foreground text-xs", children: formatExpiration() })
+    ] })
+  ] });
+}
+function WorkspaceView({ className, classNames, isPending, size, workspace }) {
+  const t = useTranslations6();
+  return /* @__PURE__ */ jsxs6("div", { className: cn4("flex items-center gap-2 truncate", className, classNames?.base), children: [
+    /* @__PURE__ */ jsx8(
+      WorkspaceLogo,
+      {
+        className: cn4(size !== "sm" && "my-0.5"),
+        classNames: classNames?.avatar,
+        isPending,
+        workspace,
+        size
+      }
+    ),
+    /* @__PURE__ */ jsx8("div", { className: cn4("flex flex-col truncate text-start leading-tight", classNames?.content), children: isPending ? /* @__PURE__ */ jsxs6(Fragment, { children: [
+      /* @__PURE__ */ jsx8(
+        Skeleton2,
+        {
+          className: cn4(
+            "max-w-full",
+            size === "lg" ? "h-4.5 w-32" : "h-3.5 w-24",
+            classNames?.title,
+            classNames?.skeleton
+          )
+        }
+      ),
+      size !== "sm" && /* @__PURE__ */ jsx8(
+        Skeleton2,
+        {
+          className: cn4(
+            "mt-1.5 max-w-full",
+            size === "lg" ? "h-3.5 w-24" : "h-3 w-16",
+            classNames?.subtitle,
+            classNames?.skeleton
+          )
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs6(Fragment, { children: [
+      /* @__PURE__ */ jsx8(
+        "span",
+        {
+          className: cn4(
+            "truncate font-semibold",
+            size === "lg" ? "text-base" : "text-sm",
+            classNames?.title
+          ),
+          children: workspace?.name || t("ui.navigation.workspace")
+        }
+      ),
+      size !== "sm" && workspace?.slug && /* @__PURE__ */ jsx8(
+        "span",
+        {
+          className: cn4(
+            "truncate opacity-70",
+            size === "lg" ? "text-sm" : "text-xs",
+            classNames?.subtitle
+          ),
+          children: workspace.slug
+        }
+      )
+    ] }) })
+  ] });
+}
+
+// src/components/user-menu.tsx
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function UserMenu({ hiddenSwitcher = false }) {
+  const { features, path } = useConfig4();
+  const router = useRouter2();
+  const t = useTranslations7();
+  const { isPending: sessionPending, user } = useSession3();
+  const { setActiveSessionAsync } = useSetActiveSession();
+  const { data: deviceSessions, isPending: deviceSessionsPending } = useListDeviceSessions({
+    enabled: features.multiSession
+  });
+  const [activeSessionPending, setActiveSessionPending] = useState(false);
+  const isPending = sessionPending || activeSessionPending;
+  const switchAccount = useCallback(
+    async (sessionToken) => {
+      setActiveSessionPending(true);
+      try {
+        await setActiveSessionAsync({ sessionToken });
+        router.refresh();
+        setActiveSessionPending(false);
+      } catch (error) {
+        console.error("Error switching account:", error);
+        setActiveSessionPending(false);
+      }
+    },
+    [router, setActiveSessionAsync]
+  );
+  useEffect(() => {
+    if (!features.multiSession) return;
+    setActiveSessionPending(false);
+  }, [features.multiSession, user?.id]);
+  const userEmail = user?.email || "user@example.com";
+  const userName = getUserName3(user);
+  const userAvatar = user?.image || void 0;
+  const userRole = user?.role || "user";
+  return /* @__PURE__ */ jsxs7(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx9(DropdownMenuTrigger, { className: "focus:outline-none focus:ring-0", children: isPending ? /* @__PURE__ */ jsx9(Skeleton3, { className: "size-8 shrink-0 rounded-full" }) : /* @__PURE__ */ jsx9(UserAvatar2, { className: "size-8", indicator: true, src: userAvatar, alt: userName }) }),
+    /* @__PURE__ */ jsxs7(DropdownMenuContent, { className: "w-56", side: "bottom", align: "end", sideOffset: 11, children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+        /* @__PURE__ */ jsx9(UserAvatar2, { src: userAvatar, alt: userName }),
+        /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+          /* @__PURE__ */ jsx9("span", { className: "truncate font-semibold text-foreground text-sm", children: userName }),
+          /* @__PURE__ */ jsx9("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userEmail }),
+          /* @__PURE__ */ jsx9(Badge, { variant: "success", appearance: "outline", size: "sm", className: "mt-1", children: userRole.toUpperCase() })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx9(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: path.account.SETTINGS, children: [
+        /* @__PURE__ */ jsx9(Settings, {}),
+        /* @__PURE__ */ jsx9("span", { children: t("ui.navigation.preferences") })
+      ] }) }),
+      /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: path.account.SECURITY, children: [
+        /* @__PURE__ */ jsx9(Shield, {}),
+        /* @__PURE__ */ jsx9("span", { children: t("ui.navigation.security") })
+      ] }) }),
+      "admin" === userRole && /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: path.admin.OVERVIEW, children: [
+        /* @__PURE__ */ jsx9(UserStar, {}),
+        /* @__PURE__ */ jsx9("span", { children: "Admin Dashboard" })
+      ] }) }),
+      !hiddenSwitcher && /* @__PURE__ */ jsxs7(Fragment3, { children: [
+        /* @__PURE__ */ jsx9(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx9(
+          ModeSwitcher2,
+          {
+            type: "sub-dropdown",
+            label: {
+              system: t("ui.common.system"),
+              dark: t("ui.common.dark"),
+              light: t("ui.common.light")
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx9(LanguageSwitcher, { type: "sub-dropdown" })
+      ] }),
+      /* @__PURE__ */ jsx9(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: path.auth.SIGN_OUT, children: [
+        /* @__PURE__ */ jsx9(LogOut, {}),
+        /* @__PURE__ */ jsx9("span", { children: t("ui.navigation.signOut") })
+      ] }) }),
+      user && features.multiSession && /* @__PURE__ */ jsxs7(Fragment3, { children: [
+        /* @__PURE__ */ jsx9(DropdownMenuSeparator, {}),
+        !deviceSessions && deviceSessionsPending && /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          /* @__PURE__ */ jsx9(DropdownMenuItem, { disabled: true, children: /* @__PURE__ */ jsx9(UserView, { isPending: true }) }),
+          /* @__PURE__ */ jsx9(DropdownMenuSeparator, {})
+        ] }),
+        deviceSessions?.filter((sessionData) => sessionData.user.id !== user?.id).map(({ session, user: multiUser }) => {
+          const userData = multiUser;
+          return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+            /* @__PURE__ */ jsxs7(DropdownMenuItem, { onClick: () => switchAccount(session.token), children: [
+              /* @__PURE__ */ jsx9(UserAvatar2, { src: userData?.image || void 0, alt: getUserName3(userData) }),
+              /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
+                /* @__PURE__ */ jsx9("span", { className: "truncate font-semibold text-foreground text-xs", children: getUserName3(userData) }),
+                /* @__PURE__ */ jsx9("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userData?.email })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx9(DropdownMenuSeparator, {})
+          ] }, session.id);
+        }),
+        /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: path.auth.SIGN_IN, children: [
+          /* @__PURE__ */ jsx9(PlusCircleIcon, {}),
+          t("common.actions.add"),
+          " ",
+          t("ui.navigation.account")
+        ] }) })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/layouts/header.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function Header({ children }) {
+  return /* @__PURE__ */ jsx10("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__ */ jsx10("div", { className: "@container flex grow items-stretch justify-between gap-2.5 pe-5", children }) });
+}
+function HeaderLeft() {
+  const { logoHeader, sidebarToggle } = useLayout();
+  return /* @__PURE__ */ jsx10("div", { className: "flex items-center gap-2 px-5 lg:w-(--sidebar-width)", children: /* @__PURE__ */ jsxs8("div", { className: "flex w-full items-center justify-between", children: [
+    logoHeader,
+    /* @__PURE__ */ jsx10(
+      Button2,
+      {
+        mode: "icon",
+        variant: "ghost",
+        onClick: sidebarToggle,
+        className: "hidden text-muted-foreground hover:text-foreground lg:inline-flex",
+        children: /* @__PURE__ */ jsx10(PanelRight, { className: "-rotate-180 in-data-[sidebar-open=false]:rotate-0 opacity-100" })
+      }
+    )
+  ] }) });
+}
+function HeaderRight({ sidebar, button }) {
+  const { isMobile } = useLayout();
+  return /* @__PURE__ */ jsxs8("nav", { className: "flex items-center gap-1.5 lg:gap-2.5", children: [
+    button,
+    isMobile && sidebar,
+    /* @__PURE__ */ jsx10(UserMenu, {})
+  ] });
+}
+function HeaderSidebarMobile({ children }) {
+  const pathname = usePathname2();
+  const [isSheetOpen, setIsSheetOpen] = useState2(false);
+  useEffect2(() => {
+    setIsSheetOpen(false);
+  }, [pathname]);
+  return /* @__PURE__ */ jsxs8(Sheet, { open: isSheetOpen, onOpenChange: setIsSheetOpen, children: [
+    /* @__PURE__ */ jsx10(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx10(Button2, { variant: "ghost", mode: "icon", size: "icon", children: /* @__PURE__ */ jsx10(Menu, { className: "size-4" }) }) }),
+    /* @__PURE__ */ jsxs8(SheetContent, { className: "w-(--sidebar-width) gap-0 p-0", side: "left", close: false, children: [
+      /* @__PURE__ */ jsxs8(SheetHeader, { className: "hidden space-y-0 p-0", children: [
+        /* @__PURE__ */ jsx10(SheetTitle, { className: "sr-only", children: "Navigation menu" }),
+        /* @__PURE__ */ jsx10(SheetDescription, { className: "sr-only", children: "NavigatSheet Description" })
+      ] }),
+      /* @__PURE__ */ jsx10(SheetBody, { className: "flex grow flex-col p-0", children })
+    ] })
+  ] });
+}
+
+// src/components/layouts/sidebar.tsx
+import { useCallback as useCallback2, useMemo } from "react";
+import Link5 from "next/link";
+import { usePathname as usePathname3 } from "next/navigation";
+import { useTranslations as useTranslations8 } from "next-intl";
+import { useLayout as useLayout2 } from "@pelatform/starter.hook";
+import { BackLink } from "pelatform-ui/components";
+import {
+  AccordionMenu,
+  AccordionMenuGroup,
+  AccordionMenuIndicator,
+  AccordionMenuItem,
+  AccordionMenuLabel,
+  AccordionMenuSub,
+  AccordionMenuSubContent,
+  AccordionMenuSubTrigger,
+  Badge as Badge2,
+  ScrollArea
+} from "pelatform-ui/default";
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function Sidebar({ children }) {
+  const { isMobile } = useLayout2();
+  if (isMobile) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs9("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__ */ jsx11("div", {})
+  ] });
+}
+function SidebarHeaderBack({
+  linkHref = "/",
+  admin = false
+}) {
+  const t = useTranslations8();
+  return /* @__PURE__ */ jsx11("div", { className: "flex h-14 shrink-0 items-center gap-2 border-border border-b px-2.5 lg:h-15", children: /* @__PURE__ */ jsx11(BackLink, { Link: Link5, href: linkHref, children: admin ? t("common.actions.back") : t("ui.navigation.settings") }) });
+}
+function SidebarContent({ children }) {
+  return /* @__PURE__ */ jsx11(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,
+  type = "default"
+}) {
+  const pathname = usePathname3();
+  const normalize = useCallback2((p) => {
+    if (!p) return "/";
+    if (p !== "/" && p.endsWith("/")) return p.replace(/\/+$/, "");
+    return p;
+  }, []);
+  const current = useMemo(() => normalize(pathname), [pathname, normalize]);
+  const allPaths = useMemo(
+    () => menu.flatMap(
+      (g) => (g.children ?? []).map((c) => c.path).filter((p) => !!p && p !== "#")
+    ),
+    [menu]
+  );
+  const activePath = useMemo(() => {
+    const candidates = allPaths.map(normalize);
+    let best = "";
+    for (const p of candidates) {
+      if (p === "/") {
+        if (current === "/") {
+          best = "/";
+        }
+        continue;
+      }
+      if (current === p || current.startsWith(`${p}/`)) {
+        if (p.length > best.length) {
+          best = p;
+        }
+      }
+    }
+    return best;
+  }, [allPaths, current, normalize]);
+  const matchPath = useCallback2(
+    (path) => normalize(path) === activePath,
+    [activePath, normalize]
+  );
+  if (type === "toggle") {
+    return /* @__PURE__ */ jsx11(
+      AccordionMenu,
+      {
+        type: "single",
+        selectedValue: "menu-trigger",
+        defaultValue: "menu-trigger",
+        matchPath,
+        collapsible: true,
+        className: "space-y-7.5 px-2.5",
+        classNames: {
+          item: "h-8.5 px-2.5 text-sm font-normal text-foreground hover:text-primary data-[selected=true]:bg-muted data-[selected=true]:text-foreground [&[data-selected=true]_svg]:opacity-100",
+          subTrigger: "text-xs font-normal text-muted-foreground hover:bg-transparent",
+          subContent: "ps-0"
+        },
+        children: menu.map((item, index) => /* @__PURE__ */ jsxs9(AccordionMenuSub, { value: item.title || "menu", children: [
+          /* @__PURE__ */ jsxs9(AccordionMenuSubTrigger, { value: "menu-trigger", children: [
+            /* @__PURE__ */ jsx11("span", { children: item.title }),
+            /* @__PURE__ */ jsx11(AccordionMenuIndicator, {})
+          ] }),
+          /* @__PURE__ */ jsx11(AccordionMenuSubContent, { type: "single", collapsible: true, parentValue: "menu-trigger", children: item.children?.map((child, idx) => {
+            const content = /* @__PURE__ */ jsxs9(Fragment4, { children: [
+              child.icon && /* @__PURE__ */ jsx11(child.icon, {}),
+              /* @__PURE__ */ jsx11("span", { children: child.title }),
+              child.badge && /* @__PURE__ */ jsx11(
+                Badge2,
+                {
+                  size: "sm",
+                  variant: child.badgeVariant ?? "destructive",
+                  appearance: "light",
+                  children: child.badge
+                }
+              )
+            ] });
+            if (child.external && child.path) {
+              return /* @__PURE__ */ jsx11(
+                Link5,
+                {
+                  href: child.path,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "relative flex h-8.5 w-full cursor-pointer select-none items-center gap-2 rounded-lg px-2.5 py-1.5 text-start font-normal text-foreground text-sm outline-hidden transition-colors hover:bg-accent hover:text-primary focus-visible:bg-accent focus-visible:text-accent-foreground disabled:bg-transparent disabled:opacity-50 data-[selected=true]:bg-muted data-[selected=true]:text-foreground [&[data-selected=true]_svg]:opacity-100 [&>a]:w-full [&>a]:items-center [&>a]:gap-2 [&_a]:flex [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:opacity-60",
+                  children: content
+                },
+                child.path || `ext-${idx}`
+              );
+            }
+            return /* @__PURE__ */ jsx11(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx11(Link5, { href: child.path || "#", children: content }) }, idx);
+          }) })
+        ] }, index))
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx11(
+    AccordionMenu,
+    {
+      type: "multiple",
+      selectedValue: pathname,
+      matchPath,
+      className: "space-y-7.5 px-2.5",
+      classNames: {
+        label: "text-xs font-normal text-muted-foreground mb-2",
+        item: "h-8.5 px-2.5 text-sm font-normal text-foreground hover:text-primary data-[selected=true]:bg-muted data-[selected=true]:font-medium data-[selected=true]:text-foreground [&[data-selected=true]_svg]:opacity-100",
+        group: ""
+      },
+      children: menu.map((item, index) => {
+        return /* @__PURE__ */ jsxs9(AccordionMenuGroup, { children: [
+          /* @__PURE__ */ jsx11(AccordionMenuLabel, { children: item.title }),
+          item.children?.map((child, idx) => {
+            const content = /* @__PURE__ */ jsxs9(Fragment4, { children: [
+              child.icon && /* @__PURE__ */ jsx11(child.icon, {}),
+              /* @__PURE__ */ jsx11("span", { children: child.title }),
+              child.badge && /* @__PURE__ */ jsx11(
+                Badge2,
+                {
+                  size: "sm",
+                  variant: child.badgeVariant ?? "destructive",
+                  appearance: "light",
+                  children: child.badge
+                }
+              )
+            ] });
+            if (child.external && child.path) {
+              return /* @__PURE__ */ jsx11(
+                Link5,
+                {
+                  href: child.path,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "relative flex h-8.5 w-full cursor-pointer select-none items-center gap-2 rounded-lg px-2.5 py-1.5 text-start font-normal text-foreground text-sm outline-hidden transition-colors hover:bg-accent hover:text-primary focus-visible:bg-accent focus-visible:text-accent-foreground disabled:bg-transparent disabled:opacity-50 data-[selected=true]:bg-muted data-[selected=true]:font-medium data-[selected=true]:text-foreground [&[data-selected=true]_svg]:opacity-100 [&>a]:w-full [&>a]:items-center [&>a]:gap-2 [&_a]:flex [&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:opacity-60",
+                  children: content
+                },
+                child.path || `ext-${idx}`
+              );
+            }
+            return /* @__PURE__ */ jsx11(AccordionMenuItem, { value: child.path || "#", children: /* @__PURE__ */ jsx11(Link5, { href: child.path || "#", children: content }) }, idx);
+          })
+        ] }, index);
+      })
+    }
+  );
+}
+
+// src/components/layouts/site-footer.tsx
+import Link6 from "next/link";
+import { useTranslations as useTranslations9 } from "next-intl";
+import { useConfig as useConfig5 } from "@pelatform/starter.hook";
+import { cn as cn5 } from "pelatform-ui";
+import { SiteFooter as UISiteFooter } from "pelatform-ui/components";
+import { Button as Button3 } from "pelatform-ui/default";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function SiteFooter({ disableProjectBy = false }) {
+  const { app } = useConfig5();
+  const t = useTranslations9();
+  return /* @__PURE__ */ jsxs10(UISiteFooter, { className: cn5("*:gap-2! *:py-0!", disableProjectBy ? "*:justify-center!" : ""), children: [
+    /* @__PURE__ */ jsxs10("div", { className: "text-balance text-center text-muted-foreground text-sm leading-loose md:text-left", children: [
+      "\xA9 ",
+      (/* @__PURE__ */ new Date()).getFullYear(),
+      " ",
+      app.name,
+      ". ",
+      t("ui.common.copyright")
+    ] }),
+    !disableProjectBy && /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-2.5 text-balance text-sm leading-loose", children: /* @__PURE__ */ jsxs10("div", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground", children: t("ui.common.projectBy") }),
+      " ",
+      /* @__PURE__ */ jsx12(Button3, { mode: "link", underline: "dashed", children: /* @__PURE__ */ jsx12(
+        Link6,
+        {
+          href: "https://pelatform.com",
+          target: "_blank",
+          className: "font-medium text-foreground",
+          children: "Pelatform"
+        }
+      ) })
+    ] }) })
+  ] });
+}
+
+// src/components/layouts/site-header.tsx
+import { useState as useState3 } from "react";
+import Link7 from "next/link";
+import { usePathname as usePathname4, useRouter as useRouter3 } from "next/navigation";
+import { useTranslations as useTranslations10 } from "next-intl";
+import { useConfig as useConfig6, useSession as useSession4 } from "@pelatform/starter.hook";
+import {
+  MainNav,
+  MobileNav,
+  MobileNavItemRenderer,
+  ModeSwitcher as ModeSwitcher3,
+  SiteHeader as UISiteHeader
+} from "pelatform-ui/components";
+import { Button as Button4, Separator } from "pelatform-ui/default";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function SiteHeader({
+  menu,
+  logo = /* @__PURE__ */ jsx13(LogoWithHref, { href: "/home" })
+}) {
+  const { path } = useConfig6();
+  const pathname = usePathname4();
+  const router = useRouter3();
+  const t = useTranslations10();
+  const { isPending, session, user } = useSession4();
+  const [, setMobileNavOpen] = useState3(false);
+  const isAuthenticated = !isPending && session && user;
+  return /* @__PURE__ */ jsxs11(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-4.5", children: [
+      logo,
+      /* @__PURE__ */ jsx13(MainNav, { Link: Link7, pathname, items: menu })
+    ] }),
+    /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs11("nav", { className: "flex items-center gap-0 md:gap-1", children: [
+      /* @__PURE__ */ jsx13(ModeSwitcher3, {}),
+      /* @__PURE__ */ jsx13(LanguageSwitcher, {}),
+      /* @__PURE__ */ jsx13(Separator, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
+      /* @__PURE__ */ jsx13(MobileNav, { children: /* @__PURE__ */ jsxs11("div", { className: "flex flex-col space-y-3", children: [
+        menu?.map(
+          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx13(
+            MobileNavItemRenderer,
+            {
+              item,
+              Link: Link7,
+              pathname,
+              level: 1,
+              onOpenChange: setMobileNavOpen
+            },
+            `nav-${navIndex}-${item.href}`
+          ) : null
+        ),
+        /* @__PURE__ */ jsx13("div", { className: "border-t pt-3", children: isAuthenticated ? /* @__PURE__ */ jsx13(
+          Button4,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "w-full",
+            onClick: () => router.push(path.auth.SIGN_OUT),
+            children: t("ui.navigation.signOut")
+          }
+        ) : /* @__PURE__ */ jsx13(Button4, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx13(Link7, { href: path.auth.SIGN_IN, children: t("ui.navigation.signIn") }) }) })
+      ] }) }),
+      isAuthenticated ? /* @__PURE__ */ jsx13(UserMenu, { hiddenSwitcher: true }) : /* @__PURE__ */ jsx13(Button4, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx13(Link7, { href: path.auth.SIGN_IN, children: t("ui.navigation.signIn") }) })
+    ] }) })
+  ] });
+}
+function SiteHeaderSecondary({
+  menu,
+  logo = /* @__PURE__ */ jsx13(LogoWithHref, { href: "/home" }),
+  loginLink
+}) {
+  const pathname = usePathname4();
+  const t = useTranslations10();
+  const [, setMobileNavOpen] = useState3(false);
+  return /* @__PURE__ */ jsxs11(UISiteHeader, { className: "backdrop-blur-none supports-backdrop-filter:bg-background", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-4.5", children: [
+      logo,
+      /* @__PURE__ */ jsx13(MainNav, { Link: Link7, pathname, items: menu })
+    ] }),
+    /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs11("nav", { className: "flex items-center gap-0 md:gap-1", children: [
+      /* @__PURE__ */ jsx13(ModeSwitcher3, {}),
+      /* @__PURE__ */ jsx13(LanguageSwitcher, {}),
+      /* @__PURE__ */ jsx13(Separator, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
+      /* @__PURE__ */ jsx13(MobileNav, { children: /* @__PURE__ */ jsxs11("div", { className: "flex flex-col space-y-3", children: [
+        menu?.map(
+          (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx13(
+            MobileNavItemRenderer,
+            {
+              item,
+              Link: Link7,
+              pathname,
+              level: 1,
+              onOpenChange: setMobileNavOpen
+            },
+            `nav-${navIndex}-${item.href}`
+          ) : null
+        ),
+        loginLink && /* @__PURE__ */ jsx13("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx13(Button4, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx13(Link7, { href: loginLink, children: t("ui.navigation.signIn") }) }) })
+      ] }) }),
+      loginLink && /* @__PURE__ */ jsx13(Button4, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx13(Link7, { href: loginLink, children: t("ui.navigation.signIn") }) })
+    ] }) })
+  ] });
+}
+
+// src/components/providers/layout.tsx
+import { useEffect as useEffect3, useState as useState4 } from "react";
+import { LayoutContext } from "@pelatform/starter.hook";
+import { cn as cn6 } from "pelatform-ui";
+import { useIsMobile } from "pelatform-ui/hooks";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var SIDEBAR_WIDTH = "240px";
+var HEADER_HEIGHT = "54px";
+var SIDEBAR_WIDTH_MOBILE = "240px";
+var HEADER_HEIGHT_MOBILE = "54px";
+function LayoutProvider({
+  children,
+  style: customStyle,
+  bodyClassName = "",
+  className = "",
+  logoHeader = /* @__PURE__ */ jsx14(LogoWithHref, {})
+}) {
+  const isMobile = useIsMobile();
+  const [isSidebarOpen, setIsSidebarOpen] = useState4(true);
+  const defaultStyle = {
+    "--sidebar-width": SIDEBAR_WIDTH,
+    "--header-height": HEADER_HEIGHT,
+    "--sidebar-width-mobile": SIDEBAR_WIDTH_MOBILE,
+    "--header-height-mobile": HEADER_HEIGHT_MOBILE
+  };
+  const style = {
+    ...defaultStyle,
+    ...customStyle
+  };
+  const sidebarToggle = () => setIsSidebarOpen((open) => !open);
+  useEffect3(() => {
+    if (bodyClassName) {
+      const body = document.body;
+      const existingClasses = body.className;
+      body.className = `${existingClasses} ${bodyClassName}`.trim();
+      return () => {
+        body.className = existingClasses;
+      };
+    }
+  }, [bodyClassName]);
+  return /* @__PURE__ */ jsx14(
+    LayoutContext.Provider,
+    {
+      value: {
+        bodyClassName,
+        style,
+        isMobile,
+        isSidebarOpen,
+        sidebarToggle,
+        logoHeader
+      },
+      children: /* @__PURE__ */ jsx14(
+        "div",
+        {
+          "data-slot": "layout-wrapper",
+          className: cn6("flex grow", className),
+          "data-sidebar-open": isSidebarOpen,
+          style,
+          children
+        }
+      )
+    }
+  );
+}
+
+// src/components/layouts/wrapper.tsx
+import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+function LayoutWrapper({
+  children,
+  sidebarHeader,
+  sidebarMenu,
+  logoHeader
+}) {
+  const sidebarContent = /* @__PURE__ */ jsxs12(Fragment5, { children: [
+    sidebarHeader,
+    /* @__PURE__ */ jsx15(SidebarContent, { children: sidebarMenu })
+  ] });
+  return /* @__PURE__ */ jsxs12(LayoutProvider, { logoHeader, children: [
+    /* @__PURE__ */ jsxs12(Header, { children: [
+      /* @__PURE__ */ jsx15(HeaderLeft, {}),
+      /* @__PURE__ */ jsx15(HeaderRight, { sidebar: /* @__PURE__ */ jsx15(HeaderSidebarMobile, { children: sidebarContent }) })
+    ] }),
+    /* @__PURE__ */ jsxs12("div", { className: "flex grow pt-(--header-height-mobile) lg:pt-(--header-height)", children: [
+      /* @__PURE__ */ jsx15(Sidebar, { children: sidebarContent }),
+      /* @__PURE__ */ jsx15("main", { className: "grow transition-all duration-300 lg:in-data-[sidebar-open=false]:ps-0 lg:ps-(--sidebar-width)", children })
+    ] })
+  ] });
+}
+
+// src/components/providers/config.tsx
+import { useMemo as useMemo2 } from "react";
+import { defaultConfig, mergeConfig } from "@pelatform/starter.config";
+import {
+  ConfigContext,
+  defaultAuthQueryOptions,
+  QueryContext
+} from "@pelatform/starter.hook";
+import { jsx as jsx16 } from "react/jsx-runtime";
+function ConfigProvider({ config, authClient, children, ...props }) {
+  const mergedConfig = useMemo2(() => {
+    return mergeConfig(defaultConfig, config);
+  }, [config]);
+  const configWithAuth = {
+    ...mergedConfig,
+    authClient
+  };
+  return /* @__PURE__ */ jsx16(
+    QueryContext.Provider,
+    {
+      value: {
+        ...defaultAuthQueryOptions,
+        ...props
+      },
+      children: /* @__PURE__ */ jsx16(ConfigContext.Provider, { value: configWithAuth, children })
+    }
+  );
+}
+
+// src/components/providers/shared.tsx
+import { Suspense as Suspense2 } from "react";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { NextIntlClientProvider } from "next-intl";
+import { useConfig as useConfig7 } from "@pelatform/starter.hook";
+import { QueryProvider, ThemeProvider } from "pelatform-ui/components";
+import { Toaster as Sonner } from "pelatform-ui/default";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+function SharedProviders({
+  children,
+  locale,
+  messages,
+  timeZone = "Asia/Jakarta",
+  sonnerPosition = "top-center"
+}) {
+  const config = useConfig7();
+  return /* @__PURE__ */ jsxs13(QueryProvider, { children: [
+    /* @__PURE__ */ jsx17(ThemeProvider, { defaultTheme: config.ui.defaultTheme, children: /* @__PURE__ */ jsx17(NextIntlClientProvider, { locale, messages, timeZone, children: /* @__PURE__ */ jsxs13(Suspense2, { children: [
+      children,
+      /* @__PURE__ */ jsx17(Sonner, { position: sonnerPosition })
+    ] }) }) }),
+    /* @__PURE__ */ jsx17(ReactQueryDevtools, { initialIsOpen: false })
+  ] });
+}
+
 // src/components/utils/card.tsx
 import { useFormState } from "react-hook-form";
-import { cn } from "pelatform-ui";
-import { Button, Card, CardContent, CardFooter, Skeleton, Spinner } from "pelatform-ui/default";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn as cn7 } from "pelatform-ui";
+import { Button as Button5, Card, CardContent, CardFooter, Skeleton as Skeleton4, Spinner } from "pelatform-ui/default";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function CardComponent({
   children,
   className,
@@ -20,10 +1148,10 @@ function CardComponent({
   isSubmitting,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs14(
     Card,
     {
-      className: cn(
+      className: cn7(
         "w-full overflow-hidden",
         isDestructive && "border-destructive/70",
         className,
@@ -31,8 +1159,8 @@ function CardComponent({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs(CardContent, { className: cn("space-y-6 p-5 sm:p-10", classNames?.content), children: [
-          /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs14(CardContent, { className: cn7("space-y-6 p-5 sm:p-10", classNames?.content), children: [
+          /* @__PURE__ */ jsx18(
             CardHeaderComponent,
             {
               classNames,
@@ -43,7 +1171,7 @@ function CardComponent({
           ),
           children
         ] }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx18(
           CardFooterComponent,
           {
             classNames,
@@ -67,12 +1195,12 @@ function CardHeaderComponent({
   description,
   isPending
 }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2", className, classNames?.header), children: isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Skeleton, { className: cn("h-7 w-1/3", classNames?.skeleton) }),
-    description && /* @__PURE__ */ jsx(Skeleton, { className: cn("h-5 w-2/3", classNames?.skeleton) })
-  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("h2", { className: cn("font-medium text-xl", classNames?.title), children: title }),
-    description && /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground text-sm", classNames?.description), children: description })
+  return /* @__PURE__ */ jsx18("div", { className: cn7("flex flex-col space-y-2", className, classNames?.header), children: isPending ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
+    /* @__PURE__ */ jsx18(Skeleton4, { className: cn7("h-7 w-1/3", classNames?.skeleton) }),
+    description && /* @__PURE__ */ jsx18(Skeleton4, { className: cn7("h-5 w-2/3", classNames?.skeleton) })
+  ] }) : /* @__PURE__ */ jsxs14(Fragment6, { children: [
+    /* @__PURE__ */ jsx18("h2", { className: cn7("font-medium text-xl", classNames?.title), children: title }),
+    description && /* @__PURE__ */ jsx18("p", { className: cn7("text-muted-foreground text-sm", classNames?.description), children: description })
   ] }) });
 }
 function CardFooterComponent({
@@ -86,40 +1214,40 @@ function CardFooterComponent({
   isPending,
   isSubmitting
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx18(
     CardFooter,
     {
-      className: cn(
+      className: cn7(
         "flex items-center justify-between space-x-4 bg-muted p-3 sm:px-10",
         isDestructive && "border-destructive/70",
         className,
         classNames?.footer
       ),
-      children: isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        instructions && /* @__PURE__ */ jsx(
-          Skeleton,
+      children: isPending ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
+        instructions && /* @__PURE__ */ jsx18(
+          Skeleton4,
           {
-            className: cn(
+            className: cn7(
               "h-4 w-48 max-w-full bg-muted-foreground/10 md:h-5 md:w-60",
               classNames?.skeleton
             )
           }
         ),
-        actionLabel && /* @__PURE__ */ jsx(
-          Skeleton,
+        actionLabel && /* @__PURE__ */ jsx18(
+          Skeleton4,
           {
-            className: cn("h-8 w-20 bg-muted-foreground/10 md:ms-auto", classNames?.skeleton)
+            className: cn7("h-8 w-20 bg-muted-foreground/10 md:ms-auto", classNames?.skeleton)
           }
         )
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        instructions && /* @__PURE__ */ jsx(
+      ] }) : /* @__PURE__ */ jsxs14(Fragment6, { children: [
+        instructions && /* @__PURE__ */ jsx18(
           "div",
           {
-            className: cn("text-muted-foreground text-xs md:text-sm", classNames?.instructions),
+            className: cn7("text-muted-foreground text-xs md:text-sm", classNames?.instructions),
             children: instructions
           }
         ),
-        actionLabel && /* @__PURE__ */ jsx(
+        actionLabel && /* @__PURE__ */ jsx18(
           CardActionComponent,
           {
             classNames,
@@ -147,13 +1275,13 @@ function CardActionComponent({
     const formState = useFormState();
     isSubmitting = formState.isSubmitting;
   }
-  return /* @__PURE__ */ jsxs(
-    Button,
+  return /* @__PURE__ */ jsxs14(
+    Button5,
     {
       type: onClick ? "button" : "submit",
       variant: isDestructive ? "destructive" : "primary",
       size: "sm",
-      className: cn(
+      className: cn7(
         "ms-auto",
         isSubmitting || disabled ? "pointer-events-auto! cursor-not-allowed" : "",
         classNames?.button,
@@ -163,7 +1291,7 @@ function CardActionComponent({
       disabled: isSubmitting || disabled,
       ...props,
       children: [
-        isSubmitting && /* @__PURE__ */ jsx(Spinner, {}),
+        isSubmitting && /* @__PURE__ */ jsx18(Spinner, {}),
         actionLabel
       ]
     }
@@ -171,10 +1299,10 @@ function CardActionComponent({
 }
 
 // src/components/utils/dialog.tsx
-import { useTranslations } from "next-intl";
-import { cn as cn2 } from "pelatform-ui";
+import { useTranslations as useTranslations11 } from "next-intl";
+import { cn as cn8 } from "pelatform-ui";
 import {
-  Button as Button2,
+  Button as Button6,
   Dialog,
   DialogContent,
   DialogDescription,
@@ -182,7 +1310,7 @@ import {
   DialogHeader,
   DialogTitle
 } from "pelatform-ui/default";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function DialogComponent({
   children,
   classNames,
@@ -195,18 +1323,18 @@ function DialogComponent({
   button,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(Dialog, { onOpenChange, ...props, children: /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx19(Dialog, { onOpenChange, ...props, children: /* @__PURE__ */ jsxs15(
     DialogContent,
     {
       onOpenAutoFocus: (e) => e.preventDefault(),
       className: classNames?.dialog?.content,
       children: [
-        /* @__PURE__ */ jsxs2(DialogHeader, { className: cn2("space-y-2", classNames?.header), children: [
-          /* @__PURE__ */ jsx2(DialogTitle, { className: classNames?.title, children: title }),
-          description && /* @__PURE__ */ jsx2(DialogDescription, { className: classNames?.description, children: description })
+        /* @__PURE__ */ jsxs15(DialogHeader, { className: cn8("space-y-2", classNames?.header), children: [
+          /* @__PURE__ */ jsx19(DialogTitle, { className: classNames?.title, children: title }),
+          description && /* @__PURE__ */ jsx19(DialogDescription, { className: classNames?.description, children: description })
         ] }),
         children,
-        !disableFooter && /* @__PURE__ */ jsx2(
+        !disableFooter && /* @__PURE__ */ jsx19(
           DialogFooterComponent,
           {
             classNames,
@@ -228,14 +1356,14 @@ function DialogFooterComponent({
   cancelButtonDisabled,
   button
 }) {
-  const t = useTranslations();
-  return /* @__PURE__ */ jsxs2(DialogFooter, { className: cn2(className, classNames?.dialog?.footer), children: [
-    cancelButton && /* @__PURE__ */ jsx2(
-      Button2,
+  const t = useTranslations11();
+  return /* @__PURE__ */ jsxs15(DialogFooter, { className: cn8(className, classNames?.dialog?.footer), children: [
+    cancelButton && /* @__PURE__ */ jsx19(
+      Button6,
       {
         type: "button",
         variant: "secondary",
-        className: cn2(classNames?.button, classNames?.secondaryButton),
+        className: cn8(classNames?.button, classNames?.secondaryButton),
         onClick: () => onOpenChange?.(false),
         disabled: cancelButtonDisabled,
         children: t("common.actions.cancel")
@@ -246,154 +1374,41 @@ function DialogFooterComponent({
 }
 
 // src/components/utils/skeleton.tsx
-import { cn as cn3 } from "pelatform-ui";
-import { Card as Card2, Skeleton as Skeleton2 } from "pelatform-ui/default";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { cn as cn9 } from "pelatform-ui";
+import { Card as Card2, Skeleton as Skeleton5 } from "pelatform-ui/default";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function SkeletonViewComponent({ classNames }) {
-  return /* @__PURE__ */ jsxs3(Card2, { className: cn3("flex-row items-center gap-3 px-4 py-3", classNames?.cell), children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx3(Skeleton2, { className: cn3("size-5 rounded-full", classNames?.skeleton) }),
-      /* @__PURE__ */ jsx3("div", { children: /* @__PURE__ */ jsx3(Skeleton2, { className: cn3("h-4 w-32", classNames?.skeleton) }) })
+  return /* @__PURE__ */ jsxs16(Card2, { className: cn9("flex-row items-center gap-3 px-4 py-3", classNames?.cell), children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx20(Skeleton5, { className: cn9("size-5 rounded-full", classNames?.skeleton) }),
+      /* @__PURE__ */ jsx20("div", { children: /* @__PURE__ */ jsx20(Skeleton5, { className: cn9("h-4 w-32", classNames?.skeleton) }) })
     ] }),
-    /* @__PURE__ */ jsx3(Skeleton2, { className: cn3("ms-auto size-8 w-16", classNames?.skeleton) })
+    /* @__PURE__ */ jsx20(Skeleton5, { className: cn9("ms-auto size-8 w-16", classNames?.skeleton) })
   ] });
 }
 function SkeletonInputComponent({ classNames }) {
-  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ jsx3(Skeleton2, { className: cn3("h-4 w-32", classNames?.skeleton) }),
-    /* @__PURE__ */ jsx3(Skeleton2, { className: cn3("h-9 w-full", classNames?.skeleton) })
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx20(Skeleton5, { className: cn9("h-4 w-32", classNames?.skeleton) }),
+    /* @__PURE__ */ jsx20(Skeleton5, { className: cn9("h-9 w-full", classNames?.skeleton) })
   ] });
 }
 
-// src/components/avatar.tsx
-import { BuildingIcon, UserRoundIcon } from "lucide-react";
-import { useTranslations as useTranslations2 } from "next-intl";
-import { getSizeAvatar, getUserName } from "@pelatform/starter.utils";
-import { cn as cn4 } from "pelatform-ui";
-import { getInitials } from "pelatform-ui/components";
-import { Avatar, AvatarFallback, AvatarImage, Skeleton as Skeleton3 } from "pelatform-ui/default";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function UserAvatar({
-  className,
-  classNames,
-  image,
-  isPending,
-  size,
-  user,
-  ...props
-}) {
-  const t = useTranslations2();
-  const name = getUserName(user);
-  const src = user?.image;
-  if (isPending) {
-    return /* @__PURE__ */ jsx4(
-      Skeleton3,
-      {
-        className: cn4(
-          "shrink-0 rounded-full",
-          getSizeAvatar(size),
-          className,
-          classNames?.base,
-          classNames?.skeleton
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs4(
-    Avatar,
-    {
-      className: cn4("rounded-full bg-accent", getSizeAvatar(size), className, classNames?.base),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx4(
-          AvatarImage,
-          {
-            src: image || src || void 0,
-            alt: name || t("ui.navigation.user"),
-            className: classNames?.image
-          }
-        ),
-        /* @__PURE__ */ jsx4(
-          AvatarFallback,
-          {
-            className: cn4("text-foreground uppercase", classNames?.fallback),
-            delayMs: src ? 600 : void 0,
-            children: getInitials(name, 2) || /* @__PURE__ */ jsx4(UserRoundIcon, { className: cn4("size-[50%]", classNames?.fallbackIcon) })
-          }
-        )
-      ]
-    }
-  );
-}
-function WorkspaceLogo({
-  className,
-  classNames,
-  image,
-  isPending,
-  size,
-  workspace,
-  ...props
-}) {
-  const t = useTranslations2();
-  const name = workspace?.name;
-  const src = workspace?.logo;
-  if (isPending) {
-    return /* @__PURE__ */ jsx4(
-      Skeleton3,
-      {
-        className: cn4(
-          "shrink-0 rounded-full",
-          getSizeAvatar(size),
-          className,
-          classNames?.base,
-          classNames?.skeleton
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs4(
-    Avatar,
-    {
-      className: cn4("rounded-full bg-accent", getSizeAvatar(size), className, classNames?.base),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx4(
-          AvatarImage,
-          {
-            src: image || src || void 0,
-            alt: name || t("ui.navigation.workspace"),
-            className: classNames?.image
-          }
-        ),
-        /* @__PURE__ */ jsx4(
-          AvatarFallback,
-          {
-            className: cn4("text-foreground", classNames?.fallback),
-            delayMs: src ? 600 : void 0,
-            children: /* @__PURE__ */ jsx4(BuildingIcon, { className: cn4("size-[50%]", classNames?.fallbackIcon) })
-          }
-        )
-      ]
-    }
-  );
-}
-
 // src/components/display-id.tsx
 import { useRef } from "react";
 import { CheckIcon, CopyIcon } from "lucide-react";
-import { useTranslations as useTranslations3 } from "next-intl";
-import { cn as cn5 } from "pelatform-ui";
+import { useTranslations as useTranslations12 } from "next-intl";
+import { cn as cn10 } from "pelatform-ui";
 import {
-  Button as Button3,
+  Button as Button7,
   Input,
-  Skeleton as Skeleton4,
+  Skeleton as Skeleton6,
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
 } from "pelatform-ui/default";
 import { useCopyToClipboard } from "pelatform-ui/hooks";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function DisplayIdCard({
   className,
   classNames,
@@ -403,217 +1418,133 @@ function DisplayIdCard({
   description,
   ...props
 }) {
-  const t = useTranslations3();
+  const t = useTranslations12();
   const { copy, copied } = useCopyToClipboard();
   const inputRef = useRef(null);
   const handleCopy = () => {
     if (inputRef.current) {
       copy(inputRef.current.value);
     }
-  };
-  return /* @__PURE__ */ jsx5(
-    CardComponent,
-    {
-      className,
-      classNames,
-      title,
-      description,
-      isPending,
-      ...props,
-      children: isPending ? /* @__PURE__ */ jsx5(Skeleton4, { className: cn5("h-11.5 w-full max-w-md", classNames?.skeleton) }) : /* @__PURE__ */ jsxs5(
-        "div",
-        {
-          className: cn5(
-            "flex w-full max-w-md items-center justify-between rounded-md border p-2",
-            classNames?.grid
-          ),
-          children: [
-            /* @__PURE__ */ jsx5(Input, { value: id, ref: inputRef, disabled: true, className: "border-none! bg-transparent!" }),
-            /* @__PURE__ */ jsx5(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs5(Tooltip, { children: [
-              /* @__PURE__ */ jsx5(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx5(Button3, { variant: "dim", onClick: handleCopy, disabled: copied, children: copied ? /* @__PURE__ */ jsx5(CheckIcon, { className: cn5("stroke-green-600", classNames?.icon) }) : /* @__PURE__ */ jsx5(CopyIcon, { className: classNames?.icon }) }) }),
-              /* @__PURE__ */ jsx5(TooltipContent, { className: "px-2 py-1 text-xs", children: t("common.actions.copy") })
-            ] }) })
-          ]
-        }
-      )
-    }
-  );
-}
-
-// src/components/empty-state.tsx
-import Link from "next/link";
-import { useTranslations as useTranslations4 } from "next-intl";
-import { cn as cn6 } from "pelatform-ui";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function EmptyState({
-  className,
-  icon: Icon,
-  title,
-  description,
-  learnMore,
-  learnMoreText,
-  children
-}) {
-  const t = useTranslations4();
-  return /* @__PURE__ */ jsxs6("div", { className: cn6("flex flex-col items-center justify-center gap-y-4", className), children: [
-    Icon && /* @__PURE__ */ jsx6("div", { className: "flex size-14 items-center justify-center rounded-2xl border bg-muted", children: /* @__PURE__ */ jsx6(Icon, { className: "size-6 text-foreground" }) }),
-    /* @__PURE__ */ jsx6("p", { className: "text-center font-medium text-base text-foreground", children: title }),
-    description && /* @__PURE__ */ jsxs6("p", { className: "max-w-sm text-balance text-center text-muted-foreground text-sm", children: [
-      description,
-      " ",
-      learnMore && /* @__PURE__ */ jsxs6(
-        Link,
-        {
-          href: learnMore,
-          className: "text-foreground underline underline-offset-2 transition-colors hover:text-primary",
-          children: [
-            learnMoreText ?? t("ui.common.learnMore"),
-            " \u2197"
-          ]
-        }
-      )
-    ] }),
-    children
-  ] });
-}
-
-// src/components/language-switcher.tsx
-import Image from "next/image";
-import { useRouter } from "next/navigation";
-import { useLocale, useTranslations as useTranslations5 } from "next-intl";
-import { useConfig } from "@pelatform/starter.hook";
-import {
-  LanguageSwitcher as LanguageSwitcherBase
-} from "pelatform-ui/components";
-import { jsx as jsx7 } from "react/jsx-runtime";
-function LanguageSwitcher({
-  className,
-  type,
-  variant,
-  size,
-  showNames,
-  showFlags
-}) {
-  const { i18n } = useConfig();
-  const router = useRouter();
-  const t = useTranslations5();
-  const currentLocale = useLocale();
-  const availableLocales = (() => {
-    if (!i18n.enabled) {
-      return [i18n.defaultLocale];
-    }
-    const availableLocales2 = Object.keys(i18n.locales);
-    return availableLocales2;
-  })();
-  const languages = availableLocales.map((locale) => {
-    const localeConfig = i18n.locales[locale] || null;
-    return {
-      code: locale,
-      name: localeConfig?.name || locale.toUpperCase(),
-      flag: `/flags/${localeConfig?.flag}.svg` || ""
-    };
-  });
-  function handleLanguageChange(newLocale) {
-    if (newLocale === currentLocale) {
-      return;
-    }
-    document.cookie = `${i18n.localeCookieName}=${newLocale}; max-age=${60 * 60 * 24 * 365}; path=/`;
-    router.refresh();
-  }
-  return /* @__PURE__ */ jsx7(
-    LanguageSwitcherBase,
-    {
-      className,
-      type,
-      variant,
-      size,
-      showNames,
-      showFlags,
-      label: t("ui.common.language"),
-      i18nEnabled: i18n.enabled,
-      currentLocale,
-      locales: languages,
-      onLocaleChange: handleLanguageChange,
-      customFlagUrl: true,
-      Image
-    }
+  };
+  return /* @__PURE__ */ jsx21(
+    CardComponent,
+    {
+      className,
+      classNames,
+      title,
+      description,
+      isPending,
+      ...props,
+      children: isPending ? /* @__PURE__ */ jsx21(Skeleton6, { className: cn10("h-11.5 w-full max-w-md", classNames?.skeleton) }) : /* @__PURE__ */ jsxs17(
+        "div",
+        {
+          className: cn10(
+            "flex w-full max-w-md items-center justify-between rounded-md border p-2",
+            classNames?.grid
+          ),
+          children: [
+            /* @__PURE__ */ jsx21(Input, { value: id, ref: inputRef, disabled: true, className: "border-none! bg-transparent!" }),
+            /* @__PURE__ */ jsx21(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs17(Tooltip, { children: [
+              /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx21(Button7, { variant: "dim", onClick: handleCopy, disabled: copied, children: copied ? /* @__PURE__ */ jsx21(CheckIcon, { className: cn10("stroke-green-600", classNames?.icon) }) : /* @__PURE__ */ jsx21(CopyIcon, { className: classNames?.icon }) }) }),
+              /* @__PURE__ */ jsx21(TooltipContent, { className: "px-2 py-1 text-xs", children: t("common.actions.copy") })
+            ] }) })
+          ]
+        }
+      )
+    }
   );
 }
 
-// src/components/logo.tsx
-import Link2 from "next/link";
-import { useConfig as useConfig2 } from "@pelatform/starter.hook";
-import { cn as cn7 } from "pelatform-ui";
-import { Logo } from "pelatform-ui/components";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function LogoWithName({ className }) {
-  const { app } = useConfig2();
-  return /* @__PURE__ */ jsxs7("div", { className: cn7("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsx8(Logo, { className: "size-7" }),
-    /* @__PURE__ */ jsx8("span", { className: "font-semibold text-lg text-mono", children: app.name })
-  ] });
-}
-function LogoWithHref({ className, href = "/" }) {
-  const { app } = useConfig2();
-  return /* @__PURE__ */ jsxs7(Link2, { href, className: cn7("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsx8(Logo, { className: "size-7" }),
-    /* @__PURE__ */ jsx8("span", { className: "font-semibold text-lg text-mono", children: app.name })
+// src/components/empty-state.tsx
+import Link8 from "next/link";
+import { useTranslations as useTranslations13 } from "next-intl";
+import { cn as cn11 } from "pelatform-ui";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+function EmptyState({
+  className,
+  icon: Icon,
+  title,
+  description,
+  learnMore,
+  learnMoreText,
+  children
+}) {
+  const t = useTranslations13();
+  return /* @__PURE__ */ jsxs18("div", { className: cn11("flex flex-col items-center justify-center gap-y-4", className), children: [
+    Icon && /* @__PURE__ */ jsx22("div", { className: "flex size-14 items-center justify-center rounded-2xl border bg-muted", children: /* @__PURE__ */ jsx22(Icon, { className: "size-6 text-foreground" }) }),
+    /* @__PURE__ */ jsx22("p", { className: "text-center font-medium text-base text-foreground", children: title }),
+    description && /* @__PURE__ */ jsxs18("p", { className: "max-w-sm text-balance text-center text-muted-foreground text-sm", children: [
+      description,
+      " ",
+      learnMore && /* @__PURE__ */ jsxs18(
+        Link8,
+        {
+          href: learnMore,
+          className: "text-foreground underline underline-offset-2 transition-colors hover:text-primary",
+          children: [
+            learnMoreText ?? t("ui.common.learnMore"),
+            " \u2197"
+          ]
+        }
+      )
+    ] }),
+    children
   ] });
 }
 
 // src/components/otp-input-group.tsx
 import { InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "pelatform-ui/default";
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function OTPInputGroup({ otpSeparators = 0 }) {
   if (otpSeparators === 0) {
-    return /* @__PURE__ */ jsxs8(InputOTPGroup, { children: [
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 0 }),
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 1 }),
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 2 }),
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 3 }),
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 4 }),
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 5 })
+    return /* @__PURE__ */ jsxs19(InputOTPGroup, { children: [
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 0 }),
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 1 }),
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 2 }),
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 3 }),
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 4 }),
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 5 })
     ] });
   }
   if (otpSeparators === 1) {
-    return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-      /* @__PURE__ */ jsxs8(InputOTPGroup, { children: [
-        /* @__PURE__ */ jsx9(InputOTPSlot, { index: 0 }),
-        /* @__PURE__ */ jsx9(InputOTPSlot, { index: 1 }),
-        /* @__PURE__ */ jsx9(InputOTPSlot, { index: 2 })
+    return /* @__PURE__ */ jsxs19(Fragment7, { children: [
+      /* @__PURE__ */ jsxs19(InputOTPGroup, { children: [
+        /* @__PURE__ */ jsx23(InputOTPSlot, { index: 0 }),
+        /* @__PURE__ */ jsx23(InputOTPSlot, { index: 1 }),
+        /* @__PURE__ */ jsx23(InputOTPSlot, { index: 2 })
       ] }),
-      /* @__PURE__ */ jsx9(InputOTPSeparator, {}),
-      /* @__PURE__ */ jsxs8(InputOTPGroup, { children: [
-        /* @__PURE__ */ jsx9(InputOTPSlot, { index: 3 }),
-        /* @__PURE__ */ jsx9(InputOTPSlot, { index: 4 }),
-        /* @__PURE__ */ jsx9(InputOTPSlot, { index: 5 })
+      /* @__PURE__ */ jsx23(InputOTPSeparator, {}),
+      /* @__PURE__ */ jsxs19(InputOTPGroup, { children: [
+        /* @__PURE__ */ jsx23(InputOTPSlot, { index: 3 }),
+        /* @__PURE__ */ jsx23(InputOTPSlot, { index: 4 }),
+        /* @__PURE__ */ jsx23(InputOTPSlot, { index: 5 })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-    /* @__PURE__ */ jsxs8(InputOTPGroup, { children: [
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 0 }),
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 1 })
+  return /* @__PURE__ */ jsxs19(Fragment7, { children: [
+    /* @__PURE__ */ jsxs19(InputOTPGroup, { children: [
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 0 }),
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 1 })
     ] }),
-    /* @__PURE__ */ jsx9(InputOTPSeparator, {}),
-    /* @__PURE__ */ jsxs8(InputOTPGroup, { children: [
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 2 }),
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 3 })
+    /* @__PURE__ */ jsx23(InputOTPSeparator, {}),
+    /* @__PURE__ */ jsxs19(InputOTPGroup, { children: [
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 2 }),
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 3 })
     ] }),
-    /* @__PURE__ */ jsx9(InputOTPSeparator, {}),
-    /* @__PURE__ */ jsxs8(InputOTPGroup, { children: [
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 4 }),
-      /* @__PURE__ */ jsx9(InputOTPSlot, { index: 5 })
+    /* @__PURE__ */ jsx23(InputOTPSeparator, {}),
+    /* @__PURE__ */ jsxs19(InputOTPGroup, { children: [
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 4 }),
+      /* @__PURE__ */ jsx23(InputOTPSlot, { index: 5 })
     ] })
   ] });
 }
 
 // src/components/password-input.tsx
-import { useState } from "react";
+import { useState as useState5 } from "react";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
-import { cn as cn8 } from "pelatform-ui";
-import { Button as Button4, Input as Input2 } from "pelatform-ui/default";
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { cn as cn12 } from "pelatform-ui";
+import { Button as Button8, Input as Input2 } from "pelatform-ui/default";
+import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function PasswordInput({
   className,
   variant,
@@ -621,15 +1552,15 @@ function PasswordInput({
   onChange,
   ...props
 }) {
-  const [disabled, setDisabled] = useState(true);
-  const [isVisible, setIsVisible] = useState(false);
-  return /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx10(
+  const [disabled, setDisabled] = useState5(true);
+  const [isVisible, setIsVisible] = useState5(false);
+  return /* @__PURE__ */ jsxs20("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx24(
       Input2,
       {
         type: isVisible && enableToggle ? "text" : "password",
         variant,
-        className: cn8(enableToggle && "pe-10", className),
+        className: cn12(enableToggle && "pe-10", className),
         ...props,
         onChange: (event) => {
           setDisabled(!event.target.value);
@@ -637,9 +1568,9 @@ function PasswordInput({
         }
       }
     ),
-    enableToggle && /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      /* @__PURE__ */ jsx10(
-        Button4,
+    enableToggle && /* @__PURE__ */ jsxs20(Fragment8, { children: [
+      /* @__PURE__ */ jsx24(
+        Button8,
         {
           type: "button",
           variant: "ghost",
@@ -647,10 +1578,10 @@ function PasswordInput({
           className: "absolute end-0 top-0 bg-transparent!",
           onClick: () => setIsVisible(!isVisible),
           disabled,
-          children: isVisible ? /* @__PURE__ */ jsx10(EyeIcon, {}) : /* @__PURE__ */ jsx10(EyeOffIcon, {})
+          children: isVisible ? /* @__PURE__ */ jsx24(EyeIcon, {}) : /* @__PURE__ */ jsx24(EyeOffIcon, {})
         }
       ),
-      /* @__PURE__ */ jsx10("style", { children: `
+      /* @__PURE__ */ jsx24("style", { children: `
             .hide-password-toggle::-ms-reveal,
             .hide-password-toggle::-ms-clear {
               visibility: hidden;
@@ -661,330 +1592,43 @@ function PasswordInput({
     ] })
   ] });
 }
-
-// src/components/signed-in-hint.tsx
-import Link3 from "next/link";
-import { useTranslations as useTranslations6 } from "next-intl";
-import { useSession } from "@pelatform/starter.hook";
-import { Button as Button5 } from "pelatform-ui/default";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-function SignedInHint({ linkHref = "/signin" }) {
-  const t = useTranslations6("ui.common.signed");
-  const { isPending, user } = useSession();
-  return /* @__PURE__ */ jsxs10("div", { className: "fixed start-0 bottom-0 z-40 m-5 flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
-      t("text"),
-      " ",
-      isPending || !user ? /* @__PURE__ */ jsx11("span", { className: "h-3 w-32 animate-pulse rounded-md border bg-muted-foreground" }) : /* @__PURE__ */ jsx11("b", { className: "text-foreground", children: user.email })
-    ] }),
-    /* @__PURE__ */ jsx11(Button5, { variant: "mono", className: "h-8 w-fit rounded-lg px-3 text-xs shadow-sm", children: /* @__PURE__ */ jsx11(Link3, { href: linkHref, children: t("button") }) })
-  ] });
-}
-
-// src/components/user-menu.tsx
-import { Fragment as Fragment5, useCallback, useEffect, useState as useState2 } from "react";
-import Link4 from "next/link";
-import { useRouter as useRouter2 } from "next/navigation";
-import { LogOut, PlusCircleIcon, Settings, Shield, UserStar } from "lucide-react";
-import { useTranslations as useTranslations8 } from "next-intl";
-import {
-  useConfig as useConfig3,
-  useListDeviceSessions,
-  useSession as useSession2,
-  useSetActiveSession
-} from "@pelatform/starter.hook";
-import { getUserName as getUserName3 } from "@pelatform/starter.utils";
-import { ModeSwitcher, UserAvatar as UserAvatar2 } from "pelatform-ui/components";
-import {
-  Badge,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-  Skeleton as Skeleton6
-} from "pelatform-ui/default";
-
-// src/components/view.tsx
-import { KeyRoundIcon } from "lucide-react";
-import { useLocale as useLocale2, useTranslations as useTranslations7 } from "next-intl";
-import { getUserName as getUserName2 } from "@pelatform/starter.utils";
-import { cn as cn9 } from "pelatform-ui";
-import { Skeleton as Skeleton5 } from "pelatform-ui/default";
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-function UserView({ className, classNames, isPending, size, user }) {
-  const t = useTranslations7();
-  return /* @__PURE__ */ jsxs11("div", { className: cn9("flex items-center gap-2", className, classNames?.base), children: [
-    /* @__PURE__ */ jsx12(
-      UserAvatar,
-      {
-        className: cn9(size !== "sm" && "my-0.5"),
-        classNames: classNames?.avatar,
-        isPending,
-        size,
-        user
-      }
-    ),
-    /* @__PURE__ */ jsx12("div", { className: cn9("grid flex-1 text-start leading-tight", classNames?.content), children: isPending ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
-      /* @__PURE__ */ jsx12(
-        Skeleton5,
-        {
-          className: cn9(
-            "max-w-full",
-            size === "lg" ? "h-4.5 w-32" : "h-3.5 w-24",
-            classNames?.title,
-            classNames?.skeleton
-          )
-        }
-      ),
-      size !== "sm" && /* @__PURE__ */ jsx12(
-        Skeleton5,
-        {
-          className: cn9(
-            "mt-1.5 max-w-full",
-            size === "lg" ? "h-3.5 w-40" : "h-3 w-32",
-            classNames?.subtitle,
-            classNames?.skeleton
-          )
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
-      /* @__PURE__ */ jsx12(
-        "span",
-        {
-          className: cn9(
-            "truncate font-semibold",
-            size === "lg" ? "text-base" : "text-sm",
-            classNames?.title
-          ),
-          children: getUserName2(user) || t("ui.navigation.user")
-        }
-      ),
-      !user?.isAnonymous && size !== "sm" && (user?.name || user?.username) && /* @__PURE__ */ jsx12(
-        "span",
-        {
-          className: cn9(
-            "truncate opacity-70",
-            size === "lg" ? "text-sm" : "text-xs",
-            classNames?.subtitle
-          ),
-          children: user?.email
-        }
-      )
-    ] }) })
-  ] });
-}
-function ApiKeyView({ className, classNames, apiKey }) {
-  const t = useTranslations7();
-  const locale = useLocale2();
-  const formatExpiration = () => {
-    if (!apiKey.expiresAt) return t("common.time.neverExpires");
-    const expiresDate = new Date(apiKey.expiresAt);
-    return `${t("common.time.expires")} ${expiresDate.toLocaleDateString(locale ?? "en", {
-      month: "short",
-      day: "numeric",
-      year: "numeric"
-    })}`;
-  };
-  return /* @__PURE__ */ jsxs11("div", { className: cn9("flex items-center gap-3 truncate", className, classNames?.base), children: [
-    /* @__PURE__ */ jsx12(KeyRoundIcon, { className: cn9("size-4 shrink-0", classNames?.icon) }),
-    /* @__PURE__ */ jsxs11("div", { className: "flex flex-col truncate text-start", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx12("span", { className: "truncate font-semibold text-sm", children: apiKey.name }),
-        /* @__PURE__ */ jsxs11("span", { className: "flex-1 truncate text-muted-foreground text-sm", children: [
-          apiKey.start,
-          "******"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx12("div", { className: "truncate text-muted-foreground text-xs", children: formatExpiration() })
-    ] })
-  ] });
-}
-function WorkspaceView({ className, classNames, isPending, size, workspace }) {
-  const t = useTranslations7();
-  return /* @__PURE__ */ jsxs11("div", { className: cn9("flex items-center gap-2 truncate", className, classNames?.base), children: [
-    /* @__PURE__ */ jsx12(
-      WorkspaceLogo,
-      {
-        className: cn9(size !== "sm" && "my-0.5"),
-        classNames: classNames?.avatar,
-        isPending,
-        workspace,
-        size
-      }
-    ),
-    /* @__PURE__ */ jsx12("div", { className: cn9("flex flex-col truncate text-start leading-tight", classNames?.content), children: isPending ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
-      /* @__PURE__ */ jsx12(
-        Skeleton5,
-        {
-          className: cn9(
-            "max-w-full",
-            size === "lg" ? "h-4.5 w-32" : "h-3.5 w-24",
-            classNames?.title,
-            classNames?.skeleton
-          )
-        }
-      ),
-      size !== "sm" && /* @__PURE__ */ jsx12(
-        Skeleton5,
-        {
-          className: cn9(
-            "mt-1.5 max-w-full",
-            size === "lg" ? "h-3.5 w-24" : "h-3 w-16",
-            classNames?.subtitle,
-            classNames?.skeleton
-          )
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
-      /* @__PURE__ */ jsx12(
-        "span",
-        {
-          className: cn9(
-            "truncate font-semibold",
-            size === "lg" ? "text-base" : "text-sm",
-            classNames?.title
-          ),
-          children: workspace?.name || t("ui.navigation.workspace")
-        }
-      ),
-      size !== "sm" && workspace?.slug && /* @__PURE__ */ jsx12(
-        "span",
-        {
-          className: cn9(
-            "truncate opacity-70",
-            size === "lg" ? "text-sm" : "text-xs",
-            classNames?.subtitle
-          ),
-          children: workspace.slug
-        }
-      )
-    ] }) })
-  ] });
-}
-
-// src/components/user-menu.tsx
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
-function UserMenu({ hiddenSwitcher = false }) {
-  const { features, path } = useConfig3();
-  const router = useRouter2();
-  const t = useTranslations8();
-  const { isPending: sessionPending, user } = useSession2();
-  const { setActiveSessionAsync } = useSetActiveSession();
-  const { data: deviceSessions, isPending: deviceSessionsPending } = useListDeviceSessions({
-    enabled: features.multiSession
-  });
-  const [activeSessionPending, setActiveSessionPending] = useState2(false);
-  const isPending = sessionPending || activeSessionPending;
-  const switchAccount = useCallback(
-    async (sessionToken) => {
-      setActiveSessionPending(true);
-      try {
-        await setActiveSessionAsync({ sessionToken });
-        router.refresh();
-        setActiveSessionPending(false);
-      } catch (error) {
-        console.error("Error switching account:", error);
-        setActiveSessionPending(false);
-      }
-    },
-    [router, setActiveSessionAsync]
-  );
-  useEffect(() => {
-    if (!features.multiSession) return;
-    setActiveSessionPending(false);
-  }, [features.multiSession, user?.id]);
-  const userEmail = user?.email || "user@example.com";
-  const userName = getUserName3(user);
-  const userAvatar = user?.image || void 0;
-  const userRole = user?.role || "user";
-  return /* @__PURE__ */ jsxs12(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx13(DropdownMenuTrigger, { className: "focus:outline-none focus:ring-0", children: isPending ? /* @__PURE__ */ jsx13(Skeleton6, { className: "size-8 shrink-0 rounded-full" }) : /* @__PURE__ */ jsx13(UserAvatar2, { className: "size-8", indicator: true, src: userAvatar, alt: userName }) }),
-    /* @__PURE__ */ jsxs12(DropdownMenuContent, { className: "w-56", side: "bottom", align: "end", sideOffset: 11, children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-        /* @__PURE__ */ jsx13(UserAvatar2, { src: userAvatar, alt: userName }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-          /* @__PURE__ */ jsx13("span", { className: "truncate font-semibold text-foreground text-sm", children: userName }),
-          /* @__PURE__ */ jsx13("span", { className: "block w-full truncate text-muted-foreground text-xs", children: userEmail }),
-          /* @__PURE__ */ jsx13(Badge, { variant: "success", appearance: "outline", size: "sm", className: "mt-1", children: userRole.toUpperCase() })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx13(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx13(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs12(Link4, { href: path.account.SETTINGS, children: [
-        /* @__PURE__ */ jsx13(Settings, {}),
-        /* @__PURE__ */ jsx13("span", { children: t("ui.navigation.preferences") })
-      ] }) }),
-      /* @__PURE__ */ jsx13(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs12(Link4, { href: path.account.SECURITY, children: [
-        /* @__PURE__ */ jsx13(Shield, {}),
-        /* @__PURE__ */ jsx13("span", { children: t("ui.navigation.security") })
-      ] }) }),
-      "admin" === userRole && /* @__PURE__ */ jsx13(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs12(Link4, { href: path.admin.OVERVIEW, children: [
-        /* @__PURE__ */ jsx13(UserStar, {}),
-        /* @__PURE__ */ jsx13("span", { children: "Admin Dashboard" })
-      ] }) }),
-      !hiddenSwitcher && /* @__PURE__ */ jsxs12(Fragment6, { children: [
-        /* @__PURE__ */ jsx13(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx13(
-          ModeSwitcher,
-          {
-            type: "sub-dropdown",
-            label: {
-              system: t("ui.common.system"),
-              dark: t("ui.common.dark"),
-              light: t("ui.common.light")
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx13(LanguageSwitcher, { type: "sub-dropdown" })
-      ] }),
-      /* @__PURE__ */ jsx13(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx13(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs12(Link4, { href: path.auth.SIGN_OUT, children: [
-        /* @__PURE__ */ jsx13(LogOut, {}),
-        /* @__PURE__ */ jsx13("span", { children: t("ui.navigation.signOut") })
-      ] }) }),
-      user && features.multiSession && /* @__PURE__ */ jsxs12(Fragment6, { children: [
-        /* @__PURE__ */ jsx13(DropdownMenuSeparator, {}),
-        !deviceSessions && deviceSessionsPending && /* @__PURE__ */ jsxs12(Fragment6, { children: [
-          /* @__PURE__ */ jsx13(DropdownMenuItem, { disabled: true, children: /* @__PURE__ */ jsx13(UserView, { isPending: true }) }),
-          /* @__PURE__ */ jsx13(DropdownMenuSeparator, {})
-        ] }),
-        deviceSessions?.filter((sessionData) => sessionData.user.id !== user?.id).map(({ session, user: multiUser }) => /* @__PURE__ */ jsxs12(Fragment5, { children: [
-          /* @__PURE__ */ jsxs12(DropdownMenuItem, { onClick: () => switchAccount(session.token), children: [
-            /* @__PURE__ */ jsx13(UserAvatar2, { src: multiUser?.image || void 0, alt: getUserName3(multiUser) }),
-            /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [
-              /* @__PURE__ */ jsx13("span", { className: "truncate font-semibold text-foreground text-xs", children: getUserName3(multiUser) }),
-              /* @__PURE__ */ jsx13("span", { className: "block w-full truncate text-muted-foreground text-xs", children: multiUser?.email })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx13(DropdownMenuSeparator, {})
-        ] }, session.id)),
-        /* @__PURE__ */ jsx13(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs12(Link4, { href: path.auth.SIGN_IN, children: [
-          /* @__PURE__ */ jsx13(PlusCircleIcon, {}),
-          t("common.actions.addAccount")
-        ] }) })
-      ] })
-    ] })
-  ] });
-}
 export {
   ApiKeyView,
+  AuthLayout,
   CardActionComponent,
   CardComponent,
   CardFooterComponent,
   CardHeaderComponent,
+  ConfigProvider,
   DialogComponent,
   DialogFooterComponent,
   DisplayIdCard,
   EmptyState,
+  Header,
+  HeaderLeft,
+  HeaderRight,
+  HeaderSidebarMobile,
   LanguageSwitcher,
+  LayoutLoader,
+  LayoutProvider,
+  LayoutWrapper,
   Logo as LogoDefault,
   LogoWithHref,
   LogoWithName,
   OTPInputGroup,
   PasswordInput,
+  SharedProviders,
+  Sidebar,
+  SidebarContent,
+  SidebarContentMenu,
+  SidebarHeaderBack,
   SignedInHint,
+  SiteFooter,
+  SiteHeader,
+  SiteHeaderSecondary,
   SkeletonInputComponent,
   SkeletonViewComponent,
+  Toolbar,
   UserAvatar,
   UserMenu,
   UserView,