@tulip-systems/core 0.2.0 → 0.3.0

package/dist/modules/uploads/lib/validators.d.ts

@@ -1,7 +1,7 @@
 import { assets, nodes } from "./schema.js";
-import * as drizzle_orm_pg_core0 from "drizzle-orm/pg-core";
 import * as drizzle_zod0 from "drizzle-zod";
 import { z as z$1 } from "zod";
+import * as drizzle_orm_pg_core2 from "drizzle-orm/pg-core";
 
 //#region src/modules/uploads/lib/validators.d.ts
 /**
@@ -12,7 +12,7 @@ type Asset = typeof assets.$inferSelect;
  * Asset insert schema
  */
 declare const createAssetSchema: drizzle_zod0.BuildSchema<"insert", {
-  name: drizzle_orm_pg_core0.PgColumn<{
+  name: drizzle_orm_pg_core2.PgColumn<{
     name: "name";
     tableName: "assets";
     dataType: "string";
@@ -29,7 +29,7 @@ declare const createAssetSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  pathname: drizzle_orm_pg_core0.PgColumn<{
+  pathname: drizzle_orm_pg_core2.PgColumn<{
     name: "pathname";
     tableName: "assets";
     dataType: "string";
@@ -46,7 +46,7 @@ declare const createAssetSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  url: drizzle_orm_pg_core0.PgColumn<{
+  url: drizzle_orm_pg_core2.PgColumn<{
     name: "url";
     tableName: "assets";
     dataType: "string";
@@ -63,7 +63,7 @@ declare const createAssetSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  size: drizzle_orm_pg_core0.PgColumn<{
+  size: drizzle_orm_pg_core2.PgColumn<{
     name: "size";
     tableName: "assets";
     dataType: "number";
@@ -80,7 +80,7 @@ declare const createAssetSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  contentType: drizzle_orm_pg_core0.PgColumn<{
+  contentType: drizzle_orm_pg_core2.PgColumn<{
     name: "contentType";
     tableName: "assets";
     dataType: "string";
@@ -99,7 +99,7 @@ declare const createAssetSchema: drizzle_zod0.BuildSchema<"insert", {
   }, {}, {
     length: 255;
   }>;
-  id: drizzle_orm_pg_core0.PgColumn<{
+  id: drizzle_orm_pg_core2.PgColumn<{
     name: "id";
     tableName: "assets";
     dataType: "string";
@@ -116,7 +116,7 @@ declare const createAssetSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  createdAt: drizzle_orm_pg_core0.PgColumn<{
+  createdAt: drizzle_orm_pg_core2.PgColumn<{
     name: "createdAt";
     tableName: "assets";
     dataType: "date";
@@ -133,7 +133,7 @@ declare const createAssetSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  updatedAt: drizzle_orm_pg_core0.PgColumn<{
+  updatedAt: drizzle_orm_pg_core2.PgColumn<{
     name: "updatedAt";
     tableName: "assets";
     dataType: "date";
@@ -164,7 +164,7 @@ type FolderNode = typeof nodes.$inferSelect & {
   type: "folder";
 };
 declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
-  name: drizzle_orm_pg_core0.PgColumn<{
+  name: drizzle_orm_pg_core2.PgColumn<{
     name: "name";
     tableName: "nodes";
     dataType: "string";
@@ -181,7 +181,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  namespace: drizzle_orm_pg_core0.PgColumn<{
+  namespace: drizzle_orm_pg_core2.PgColumn<{
     name: "namespace";
     tableName: "nodes";
     dataType: "string";
@@ -198,7 +198,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  type: drizzle_orm_pg_core0.PgColumn<{
+  type: drizzle_orm_pg_core2.PgColumn<{
     name: "type";
     tableName: "nodes";
     dataType: "string";
@@ -215,7 +215,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  subtype: drizzle_orm_pg_core0.PgColumn<{
+  subtype: drizzle_orm_pg_core2.PgColumn<{
     name: "subtype";
     tableName: "nodes";
     dataType: "string";
@@ -232,7 +232,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  size: drizzle_orm_pg_core0.PgColumn<{
+  size: drizzle_orm_pg_core2.PgColumn<{
     name: "size";
     tableName: "nodes";
     dataType: "number";
@@ -249,7 +249,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  contentType: drizzle_orm_pg_core0.PgColumn<{
+  contentType: drizzle_orm_pg_core2.PgColumn<{
     name: "contentType";
     tableName: "nodes";
     dataType: "string";
@@ -268,7 +268,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
   }, {}, {
     length: 255;
   }>;
-  readonly: drizzle_orm_pg_core0.PgColumn<{
+  readonly: drizzle_orm_pg_core2.PgColumn<{
     name: "readonly";
     tableName: "nodes";
     dataType: "boolean";
@@ -285,7 +285,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  createdBy: drizzle_orm_pg_core0.PgColumn<{
+  createdBy: drizzle_orm_pg_core2.PgColumn<{
     name: "createdBy";
     tableName: "nodes";
     dataType: "string";
@@ -302,7 +302,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  isPending: drizzle_orm_pg_core0.PgColumn<{
+  isPending: drizzle_orm_pg_core2.PgColumn<{
     name: "isPending";
     tableName: "nodes";
     dataType: "boolean";
@@ -319,7 +319,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  isDeleted: drizzle_orm_pg_core0.PgColumn<{
+  isDeleted: drizzle_orm_pg_core2.PgColumn<{
     name: "isDeleted";
     tableName: "nodes";
     dataType: "boolean";
@@ -336,7 +336,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  parentId: drizzle_orm_pg_core0.PgColumn<{
+  parentId: drizzle_orm_pg_core2.PgColumn<{
     name: "parentId";
     tableName: "nodes";
     dataType: "string";
@@ -353,7 +353,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  id: drizzle_orm_pg_core0.PgColumn<{
+  id: drizzle_orm_pg_core2.PgColumn<{
     name: "id";
     tableName: "nodes";
     dataType: "string";
@@ -370,7 +370,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  createdAt: drizzle_orm_pg_core0.PgColumn<{
+  createdAt: drizzle_orm_pg_core2.PgColumn<{
     name: "createdAt";
     tableName: "nodes";
     dataType: "date";
@@ -387,7 +387,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  updatedAt: drizzle_orm_pg_core0.PgColumn<{
+  updatedAt: drizzle_orm_pg_core2.PgColumn<{
     name: "updatedAt";
     tableName: "nodes";
     dataType: "date";
@@ -408,7 +408,7 @@ declare const createNodeSchema: drizzle_zod0.BuildSchema<"insert", {
 type CreateNodeInput = z$1.input<typeof createNodeSchema>;
 type CreateNodeSchema = z$1.infer<typeof createNodeSchema>;
 declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
-  name: drizzle_orm_pg_core0.PgColumn<{
+  name: drizzle_orm_pg_core2.PgColumn<{
     name: "name";
     tableName: "nodes";
     dataType: "string";
@@ -425,7 +425,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  namespace: drizzle_orm_pg_core0.PgColumn<{
+  namespace: drizzle_orm_pg_core2.PgColumn<{
     name: "namespace";
     tableName: "nodes";
     dataType: "string";
@@ -442,7 +442,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  type: drizzle_orm_pg_core0.PgColumn<{
+  type: drizzle_orm_pg_core2.PgColumn<{
     name: "type";
     tableName: "nodes";
     dataType: "string";
@@ -459,7 +459,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  subtype: drizzle_orm_pg_core0.PgColumn<{
+  subtype: drizzle_orm_pg_core2.PgColumn<{
     name: "subtype";
     tableName: "nodes";
     dataType: "string";
@@ -476,7 +476,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  size: drizzle_orm_pg_core0.PgColumn<{
+  size: drizzle_orm_pg_core2.PgColumn<{
     name: "size";
     tableName: "nodes";
     dataType: "number";
@@ -493,7 +493,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  contentType: drizzle_orm_pg_core0.PgColumn<{
+  contentType: drizzle_orm_pg_core2.PgColumn<{
     name: "contentType";
     tableName: "nodes";
     dataType: "string";
@@ -512,7 +512,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
   }, {}, {
     length: 255;
   }>;
-  readonly: drizzle_orm_pg_core0.PgColumn<{
+  readonly: drizzle_orm_pg_core2.PgColumn<{
     name: "readonly";
     tableName: "nodes";
     dataType: "boolean";
@@ -529,7 +529,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  createdBy: drizzle_orm_pg_core0.PgColumn<{
+  createdBy: drizzle_orm_pg_core2.PgColumn<{
     name: "createdBy";
     tableName: "nodes";
     dataType: "string";
@@ -546,7 +546,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  isPending: drizzle_orm_pg_core0.PgColumn<{
+  isPending: drizzle_orm_pg_core2.PgColumn<{
     name: "isPending";
     tableName: "nodes";
     dataType: "boolean";
@@ -563,7 +563,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  isDeleted: drizzle_orm_pg_core0.PgColumn<{
+  isDeleted: drizzle_orm_pg_core2.PgColumn<{
     name: "isDeleted";
     tableName: "nodes";
     dataType: "boolean";
@@ -580,7 +580,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  parentId: drizzle_orm_pg_core0.PgColumn<{
+  parentId: drizzle_orm_pg_core2.PgColumn<{
     name: "parentId";
     tableName: "nodes";
     dataType: "string";
@@ -597,7 +597,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  id: drizzle_orm_pg_core0.PgColumn<{
+  id: drizzle_orm_pg_core2.PgColumn<{
     name: "id";
     tableName: "nodes";
     dataType: "string";
@@ -614,7 +614,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  createdAt: drizzle_orm_pg_core0.PgColumn<{
+  createdAt: drizzle_orm_pg_core2.PgColumn<{
     name: "createdAt";
     tableName: "nodes";
     dataType: "date";
@@ -631,7 +631,7 @@ declare const selectNodeSchema: drizzle_zod0.BuildSchema<"select", {
     identity: undefined;
     generated: undefined;
   }, {}, {}>;
-  updatedAt: drizzle_orm_pg_core0.PgColumn<{
+  updatedAt: drizzle_orm_pg_core2.PgColumn<{
     name: "updatedAt";
     tableName: "nodes";
     dataType: "date";
@@ -676,7 +676,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
   createdAt: z$1.ZodDate;
   updatedAt: z$1.ZodDate;
   children: z$1.ZodArray<drizzle_zod0.BuildSchema<"select", {
-    name: drizzle_orm_pg_core0.PgColumn<{
+    name: drizzle_orm_pg_core2.PgColumn<{
       name: "name";
       tableName: "nodes";
       dataType: "string";
@@ -693,7 +693,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    namespace: drizzle_orm_pg_core0.PgColumn<{
+    namespace: drizzle_orm_pg_core2.PgColumn<{
       name: "namespace";
       tableName: "nodes";
       dataType: "string";
@@ -710,7 +710,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    type: drizzle_orm_pg_core0.PgColumn<{
+    type: drizzle_orm_pg_core2.PgColumn<{
       name: "type";
       tableName: "nodes";
       dataType: "string";
@@ -727,7 +727,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    subtype: drizzle_orm_pg_core0.PgColumn<{
+    subtype: drizzle_orm_pg_core2.PgColumn<{
       name: "subtype";
       tableName: "nodes";
       dataType: "string";
@@ -744,7 +744,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    size: drizzle_orm_pg_core0.PgColumn<{
+    size: drizzle_orm_pg_core2.PgColumn<{
       name: "size";
       tableName: "nodes";
       dataType: "number";
@@ -761,7 +761,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    contentType: drizzle_orm_pg_core0.PgColumn<{
+    contentType: drizzle_orm_pg_core2.PgColumn<{
       name: "contentType";
       tableName: "nodes";
       dataType: "string";
@@ -780,7 +780,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
     }, {}, {
       length: 255;
     }>;
-    readonly: drizzle_orm_pg_core0.PgColumn<{
+    readonly: drizzle_orm_pg_core2.PgColumn<{
       name: "readonly";
       tableName: "nodes";
       dataType: "boolean";
@@ -797,7 +797,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    createdBy: drizzle_orm_pg_core0.PgColumn<{
+    createdBy: drizzle_orm_pg_core2.PgColumn<{
       name: "createdBy";
       tableName: "nodes";
       dataType: "string";
@@ -814,7 +814,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    isPending: drizzle_orm_pg_core0.PgColumn<{
+    isPending: drizzle_orm_pg_core2.PgColumn<{
       name: "isPending";
       tableName: "nodes";
       dataType: "boolean";
@@ -831,7 +831,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    isDeleted: drizzle_orm_pg_core0.PgColumn<{
+    isDeleted: drizzle_orm_pg_core2.PgColumn<{
       name: "isDeleted";
       tableName: "nodes";
       dataType: "boolean";
@@ -848,7 +848,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    parentId: drizzle_orm_pg_core0.PgColumn<{
+    parentId: drizzle_orm_pg_core2.PgColumn<{
       name: "parentId";
       tableName: "nodes";
       dataType: "string";
@@ -865,7 +865,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    id: drizzle_orm_pg_core0.PgColumn<{
+    id: drizzle_orm_pg_core2.PgColumn<{
       name: "id";
       tableName: "nodes";
       dataType: "string";
@@ -882,7 +882,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    createdAt: drizzle_orm_pg_core0.PgColumn<{
+    createdAt: drizzle_orm_pg_core2.PgColumn<{
       name: "createdAt";
       tableName: "nodes";
       dataType: "date";
@@ -899,7 +899,7 @@ declare const selectNodeWithChildrenSchema: z$1.ZodObject<{
       identity: undefined;
       generated: undefined;
     }, {}, {}>;
-    updatedAt: drizzle_orm_pg_core0.PgColumn<{
+    updatedAt: drizzle_orm_pg_core2.PgColumn<{
       name: "updatedAt";
       tableName: "nodes";
       dataType: "date";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tulip-systems/core",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "sideEffects": false,
   "license": "MIT",
@@ -84,9 +84,9 @@
     "lucide-react": "^0.479.0",
     "motion": "^12.9.2",
     "nanostores": "^0.11.4",
-    "next": "15.2.2",
+    "next": "16.0.0",
     "next-themes": "^0.4.6",
-    "nuqs": "2.5.2",
+    "nuqs": "2.7.2",
     "postgres": "^3.4.5",
     "react": "^19.0.0",
     "react-colorful": "^5.6.1",
@@ -110,7 +110,7 @@
     "zod": "^4.1.5"
   },
   "peerDependencies": {
-    "next": "15.1.3",
+    "next": "16.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "sharp": "^0.34.2"

package/src/components/common/icons.tsx

@@ -26,6 +26,8 @@ import {
   Laptop,
   LayoutDashboardIcon,
   Loader2,
+  LockKeyhole,
+  LockKeyholeOpen,
   Moon,
   MoreVertical,
   MoveLeft,
@@ -43,6 +45,7 @@ import {
   SunMedium,
   Trash,
   User,
+  UsersIcon,
   X,
   type LucideIcon,
   type LucideProps,
@@ -70,6 +73,7 @@ export const Icons = {
   edit: PenSquare,
   warning: AlertTriangle,
   user: User,
+  users: UsersIcon,
   arrowUp: ArrowUp,
   arrowDown: ArrowDown,
   arrowRight: ArrowRight,
@@ -85,6 +89,8 @@ export const Icons = {
   preview: EyeIcon,
   externalLink: ExternalLink,
   sun: SunMedium,
+  lock: LockKeyhole,
+  unLock: LockKeyholeOpen,
   moon: Moon,
   search: Search,
   laptop: Laptop,

package/src/components/entry.client.ts

@@ -20,8 +20,14 @@ export * from "./header/top-bar.client";
 /**
  * Components Layouts
  */
+export * from "./layouts/admin-content.client";
 export * from "./layouts/providers.client";
 
+/**
+ * Components Navigation
+ */
+export * from "./navigation/admin-sidebar-paths.client";
+
 /**
  * Components UI
  */

package/src/components/entry.server.ts

@@ -1,5 +1,5 @@
 /**
  * Components Layouts
  */
-export * from "./layouts/admin-layout.server";
+export * from "./layouts/admin-layout";
 export * from "./layouts/root-layout.server";

package/src/components/entry.ts

@@ -11,6 +11,7 @@ export * from "./layouts/admin-loading";
 export * from "./layouts/empty-page";
 export * from "./layouts/list-layout";
 export * from "./layouts/not-found-page";
+export * from "./layouts/root-loading";
 export * from "./layouts/tab-layout";
 
 /**

package/src/components/header/bottom-bar.client.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { cn } from "@/lib/utils/cn";
-import { PathOutput } from "@/modules/config/paths/types";
+import { Path } from "@/modules/config/paths/types";
 import Link from "next/link";
 import { useSelectedLayoutSegment } from "next/navigation";
 import type React from "react";
@@ -24,7 +24,7 @@ export function BottomBar({ children }: BottomBarProps) {
 /**
  * Bottombar link component
  */
-export type BottomBarLink = Omit<PathOutput, "icon" | "badge">;
+export type BottomBarLink = Omit<Path, "icon" | "badge">;
 
 export type BottomBarLinksProps = React.HTMLAttributes<HTMLElement> & {
   paths: BottomBarLink[];

package/src/components/layouts/admin-layout.tsx

@@ -0,0 +1,13 @@
+import { AuthGuard } from "@/modules/auth/components/guard";
+import { PropsWithChildren } from "react";
+import { SidebarProvider } from "../entry.client";
+
+export function AdminLayout(props: PropsWithChildren) {
+  return (
+    <AuthGuard>
+      <SidebarProvider className="max-h-[100dvh] overflow-hidden border">
+        {props.children}
+      </SidebarProvider>
+    </AuthGuard>
+  );
+}

package/src/components/layouts/admin-loading.tsx

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from "react";
 import { Skeleton } from "../ui/skeleton";
 
-export function AdminLoading(props: PropsWithChildren) {
+export function AdminLoadingLayout(props: PropsWithChildren) {
   return (
     <div className="h-dvh">
       <Skeleton className="h-[var(--header-top-bar-height)] w-full rounded-none border-b" />

package/src/components/layouts/root-loading.tsx

@@ -0,0 +1,9 @@
+import { Spinner } from "../ui/spinner";
+
+export function RootLoading() {
+  return (
+    <div className="grid h-dvh w-full place-items-center">
+      <Spinner />
+    </div>
+  );
+}

package/src/components/{layouts → navigation}/admin-sidebar-header.client.tsx

@@ -14,19 +14,19 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { cn } from "@/lib/utils/cn";
 import { authClient } from "@/modules/auth/handler/client.client";
+import { useSession } from "@/modules/auth/hooks/use-session";
 import { ChevronsUpDownIcon, LaptopIcon, LogOutIcon, MoonIcon, SunIcon } from "lucide-react";
 import { useTheme } from "next-themes";
 import { useRouter } from "next/navigation";
-import { useContext } from "react";
 import { SidebarHeader, useSidebar } from "../entry.client";
-import { AdminSidebarContext } from "./admin-sidebar-context.client";
 
 export function AdminSidebarHeader() {
   const router = useRouter();
   const { theme, setTheme } = useTheme();
 
   const { setOpenMobile } = useSidebar();
-  const { session } = useContext(AdminSidebarContext);
+
+  const sessionQuery = useSession();
 
   return (
     <SidebarHeader>
@@ -35,10 +35,15 @@ export function AdminSidebarHeader() {
           <Button variant="outline" className="items-center justify-between py-3.5">
             <div className="flex items-center gap-4">
               <Avatar className="h-6 w-6 text-sm">
-                <AvatarImage src={session.user.image ?? undefined} alt={session.user.name} />
-                <AvatarFallback>{session.user.name?.[0] ?? ""}</AvatarFallback>
+                <AvatarImage
+                  src={sessionQuery.data?.user.image ?? undefined}
+                  alt={sessionQuery.data?.user.name}
+                />
+                <AvatarFallback>{sessionQuery.data?.user.name?.[0] ?? ""}</AvatarFallback>
               </Avatar>
-              <span className="text-md text-muted-foreground font-bold">{session.user.name}</span>
+              <span className="text-md text-muted-foreground font-bold">
+                {sessionQuery.data?.user.name}
+              </span>
             </div>
 
             <ChevronsUpDownIcon className="text-muted-foreground h-4 w-4" />