@djangocfg/layouts 1.2.11 → 1.2.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "1.2.11",
+  "version": "1.2.14",
   "description": "Layout system and components for Unrealon applications",
   "author": {
     "name": "DjangoCFG",
@@ -53,9 +53,9 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^1.2.11",
-    "@djangocfg/og-image": "^1.2.11",
-    "@djangocfg/ui": "^1.2.11",
+    "@djangocfg/api": "^1.2.14",
+    "@djangocfg/og-image": "^1.2.14",
+    "@djangocfg/ui": "^1.2.14",
     "@hookform/resolvers": "^5.2.0",
     "consola": "^3.4.2",
     "lucide-react": "^0.468.0",
@@ -76,7 +76,7 @@
     "vidstack": "0.6.15"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^1.2.11",
+    "@djangocfg/typescript-config": "^1.2.14",
     "@types/node": "^24.7.2",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.1",

package/src/layouts/AppLayout/components/PackageVersions/packageVersions.config.ts

@@ -16,36 +16,36 @@ export interface PackageInfo {
 /**
  * Package versions registry
  * Auto-synced from package.json files
- * Last updated: 2025-10-29T04:34:21.718Z
+ * Last updated: 2025-10-29T12:42:02.313Z
  */
 const PACKAGE_VERSIONS: PackageInfo[] = [
   {
     "name": "@djangocfg/ui",
-    "version": "1.2.11"
+    "version": "1.2.14"
   },
   {
     "name": "@djangocfg/api",
-    "version": "1.2.11"
+    "version": "1.2.14"
   },
   {
     "name": "@djangocfg/layouts",
-    "version": "1.2.11"
+    "version": "1.2.14"
   },
   {
     "name": "@djangocfg/markdown",
-    "version": "1.2.11"
+    "version": "1.2.14"
   },
   {
     "name": "@djangocfg/og-image",
-    "version": "1.2.11"
+    "version": "1.2.14"
   },
   {
     "name": "@djangocfg/eslint-config",
-    "version": "1.2.11"
+    "version": "1.2.14"
   },
   {
     "name": "@djangocfg/typescript-config",
-    "version": "1.2.11"
+    "version": "1.2.14"
   }
 ];
 

package/src/layouts/AppLayout/components/UserMenu.tsx

@@ -37,6 +37,12 @@ export function UserMenu({ variant, onNavigate }: UserMenuProps) {
   const { config, userMenuOpen, toggleUserMenu, closeUserMenu } = useAppContext();
   const { user, isAuthenticated, logout } = useAuth();
 
+  // Fix hydration mismatch by only rendering auth-dependent content after mount
+  const [mounted, setMounted] = React.useState(false);
+  React.useEffect(() => {
+    setMounted(true);
+  }, []);
+
   const { publicLayout, routes } = config;
 
   // Desktop: determine if user is on dashboard
@@ -177,6 +183,15 @@ export function UserMenu({ variant, onNavigate }: UserMenuProps) {
 
   // Desktop variant
   if (variant === 'desktop') {
+    // Show loading state during hydration
+    if (!mounted) {
+      return (
+        <div className="flex items-center gap-3">
+          <div className="h-9 w-20 animate-pulse bg-muted rounded-sm" />
+        </div>
+      );
+    }
+
     return (
       <div className="flex items-center gap-3">
         {isAuthenticated ? (
@@ -265,6 +280,17 @@ export function UserMenu({ variant, onNavigate }: UserMenuProps) {
   }
 
   // Mobile variant
+  // Show loading state during hydration
+  if (!mounted) {
+    return (
+      <Card className="border-border !bg-accent/50">
+        <CardContent className="p-4">
+          <div className="h-24 animate-pulse bg-muted rounded-sm" />
+        </CardContent>
+      </Card>
+    );
+  }
+
   if (isAuthenticated) {
     return (
       <Card className="border-primary/20 shadow-lg !bg-accent/50">