@lastbrain/module-auth 0.1.3 → 0.1.4

package/README.md

@@ -25,6 +25,7 @@ pnpm add @lastbrain/module-auth
 ### Prérequis
 
 1. **Supabase configuré** : Vous devez avoir un projet Supabase avec les variables d'environnement suivantes :
+
    ```env
    NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
    NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
@@ -65,15 +66,18 @@ Le module fournit plusieurs composants React prêts à l'emploi utilisant HeroUI
 ### Pages Utilisateur Authentifié
 
 #### 1. Dashboard (`/auth/dashboard`)
+
 **Component**: `DashboardPage`
 
 Tableau de bord utilisateur affichant :
+
 - Résumé du profil avec avatar
 - Email et date de création du compte
 - Statut du compte
 - Statistiques rapides (projets, tâches, etc.)
 
 **Usage** :
+
 ```tsx
 import { DashboardPage } from "@lastbrain/module-auth";
 
@@ -83,14 +87,17 @@ export default function Dashboard() {
 ```
 
 #### 2. Profil (`/auth/profile`)
+
 **Component**: `ProfilePage`
 
 Page de modification du profil utilisateur permettant de mettre à jour :
+
 - Informations personnelles (nom, prénom, téléphone, bio)
 - Informations professionnelles (entreprise, site web, localisation)
 - Préférences (langue, timezone, avatar)
 
 **Usage** :
+
 ```tsx
 import { ProfilePage } from "@lastbrain/module-auth";
 
@@ -100,14 +107,17 @@ export default function Profile() {
 ```
 
 #### 3. Paramètres (`/auth/settings`)
+
 **Component**: `ReglagePage`
 
 Page de configuration du compte avec :
+
 - Notifications (email, push, marketing)
 - Apparence (thème)
 - Langue et région (langue, timezone)
 
 **Usage** :
+
 ```tsx
 import { ReglagePage } from "@lastbrain/module-auth";
 
@@ -119,11 +129,13 @@ export default function Settings() {
 ### Pages Publiques
 
 #### 4. Connexion (`/signin`)
+
 **Component**: `SignInPage`
 
 Page de connexion avec gestion des erreurs et redirection.
 
 **Usage** :
+
 ```tsx
 import { SignInPage } from "@lastbrain/module-auth";
 
@@ -133,11 +145,13 @@ export default function SignIn() {
 ```
 
 #### 5. Inscription (`/signup`)
+
 **Component**: `SignUpPage`
 
 Page d'inscription avec validation des champs.
 
 **Usage** :
+
 ```tsx
 import { SignUpPage } from "@lastbrain/module-auth";
 
@@ -149,18 +163,21 @@ export default function SignUp() {
 ### Pages Administration
 
 #### 6. Gestion des Utilisateurs (`/admin/users`)
+
 **Component**: `AdminUsersPage`
 
 Page d'administration pour lister et gérer tous les utilisateurs.
 **Accès réservé aux super admins uniquement.**
 
 Fonctionnalités :
+
 - Liste de tous les utilisateurs
 - Recherche par email ou nom
 - Pagination
 - Affichage des informations (email, rôle, date de création)
 
 **Usage** :
+
 ```tsx
 import { AdminUsersPage } from "@lastbrain/module-auth";
 
@@ -176,9 +193,11 @@ Le module expose plusieurs routes API pour la gestion des utilisateurs et profil
 ### API Authentification (`/api/auth/*`)
 
 #### GET `/api/auth/me`
+
 Récupère les informations de l'utilisateur connecté et son profil.
 
 **Réponse** :
+
 ```json
 {
   "data": {
@@ -203,12 +222,15 @@ Récupère les informations de l'utilisateur connecté et son profil.
 ```
 
 **Erreurs** :
+
 - `401` : Utilisateur non authentifié
 
 #### GET `/api/auth/profile`
+
 Récupère le profil de l'utilisateur connecté.
 
 **Réponse** :
+
 ```json
 {
   "data": {
@@ -222,9 +244,11 @@ Récupère le profil de l'utilisateur connecté.
 ```
 
 #### PUT/PATCH `/api/auth/profile`
+
 Met à jour le profil de l'utilisateur. Crée le profil s'il n'existe pas.
 
 **Body** :
+
 ```json
 {
   "first_name": "John",
@@ -245,6 +269,7 @@ Met à jour le profil de l'utilisateur. Crée le profil s'il n'existe pas.
 ```
 
 **Réponse** :
+
 ```json
 {
   "data": {
@@ -261,14 +286,17 @@ Met à jour le profil de l'utilisateur. Crée le profil s'il n'existe pas.
 ⚠️ **Toutes les routes admin nécessitent un accès super admin.**
 
 #### GET `/api/admin/users`
+
 Liste tous les utilisateurs (paginé).
 
 **Query Parameters** :
+
 - `page` (optionnel, défaut: 1) : Numéro de page
 - `per_page` (optionnel, défaut: 20) : Nombre d'éléments par page
 - `search` (optionnel) : Recherche par email ou nom
 
 **Réponse** :
+
 ```json
 {
   "data": [
@@ -293,6 +321,7 @@ Liste tous les utilisateurs (paginé).
 ```
 
 **Erreurs** :
+
 - `401` : Utilisateur non authentifié
 - `403` : Accès refusé (non super admin)
 
@@ -338,9 +367,11 @@ CREATE TABLE public.user_profil (
 ```
 
 **Index** :
+
 - `idx_user_profil_owner_id` sur `owner_id`
 
 **RLS (Row Level Security)** :
+
 - Les utilisateurs peuvent lire, créer, modifier et supprimer leur propre profil
 - Les super admins ont accès à tous les profils
 
@@ -446,6 +477,7 @@ NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
 ### Row Level Security (RLS)
 
 Toutes les tables sont protégées par RLS :
+
 - Les utilisateurs ne peuvent accéder qu'à leurs propres données
 - Les super admins ont accès à toutes les données
 
@@ -459,10 +491,7 @@ const { data: isSuperAdmin } = await supabase.rpc("is_superadmin", {
 });
 
 if (!isSuperAdmin) {
-  return NextResponse.json(
-    { error: "Forbidden" },
-    { status: 403 }
-  );
+  return NextResponse.json({ error: "Forbidden" }, { status: 403 });
 }
 ```
 
@@ -471,13 +500,13 @@ if (!isSuperAdmin) {
 Les routes API vérifient l'authentification :
 
 ```typescript
-const { data: { user }, error } = await supabase.auth.getUser();
+const {
+  data: { user },
+  error,
+} = await supabase.auth.getUser();
 
 if (error || !user) {
-  return NextResponse.json(
-    { error: "Unauthorized" },
-    { status: 401 }
-  );
+  return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
 }
 ```
 

package/dist/api/admin/users.d.ts

@@ -5,32 +5,5 @@ import { NextRequest, NextResponse } from "next/server";
  * Supports pagination via query params: page, per_page
  * Supports search via query param: search (email)
  */
-export declare function GET(request: NextRequest): Promise<NextResponse<{
-    error: string;
-    message: string;
-}> | NextResponse<{
-    data: {
-        id: any;
-        email: string;
-        created_at: any;
-        profile: {
-            first_name: any;
-            last_name: any;
-            avatar_url: any;
-            bio: any;
-            phone: any;
-            company: any;
-            website: any;
-            location: any;
-            language: any;
-            timezone: any;
-        };
-    }[];
-    pagination: {
-        page: number;
-        per_page: number;
-        total: number;
-        total_pages: number;
-    };
-}>>;
+export declare function GET(request: NextRequest): Promise<NextResponse<any>>;
 //# sourceMappingURL=users.d.ts.map

package/dist/api/admin/users.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/api/admin/users.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxD;;;;;GAKG;AACH,wBAAsB,GAAG,CAAC,OAAO,EAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkH7C"}
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/api/admin/users.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxD;;;;;GAKG;AACH,wBAAsB,GAAG,CAAC,OAAO,EAAE,WAAW,8BAyC7C"}

package/dist/api/admin/users.js

@@ -9,76 +9,24 @@ import { getSupabaseServerClient } from "@lastbrain/core/server";
 export async function GET(request) {
     try {
         const supabase = await getSupabaseServerClient();
-        // Check authentication
-        const { data: { user }, error: authError, } = await supabase.auth.getUser();
-        if (authError || !user) {
-            return NextResponse.json({ error: "Unauthorized", message: "User not authenticated" }, { status: 401 });
-        }
-        // Check if user is superadmin
-        const { data: isSuperAdmin } = await supabase.rpc("is_superadmin", {
-            user_id: user.id,
-        });
-        if (!isSuperAdmin) {
-            return NextResponse.json({ error: "Forbidden", message: "Superadmin access required" }, { status: 403 });
-        }
+        // L'authentification et les droits superadmin sont déjà vérifiés par le middleware
         // Get query parameters
         const searchParams = request.nextUrl.searchParams;
         const page = parseInt(searchParams.get("page") || "1");
         const perPage = parseInt(searchParams.get("per_page") || "20");
         const search = searchParams.get("search") || "";
-        // Note: We can only get public user data from auth.users via RPC or service role
-        // For now, we'll query user_profil which has owner_id references
-        let query = supabase
-            .from("user_profil")
-            .select("*, owner_id", { count: "exact" })
-            .order("created_at", { ascending: false });
-        // Add search filter if provided - using Supabase's built-in parameterized query
-        if (search) {
-            // Using .ilike with % wildcards - Supabase handles escaping
-            query = query.or(`first_name.ilike.%${search}%,last_name.ilike.%${search}%`);
-        }
-        // Apply pagination
-        const start = (page - 1) * perPage;
-        query = query.range(start, start + perPage - 1);
-        const { data: profiles, error: profileError, count } = await query;
-        if (profileError) {
-            console.error("Error fetching users:", profileError);
-            return NextResponse.json({ error: "Database Error", message: profileError.message }, { status: 500 });
-        }
-        // Get auth users data in batch - more efficient than individual calls
-        // Note: auth.admin methods require service role, so results may be limited
-        // In production, consider creating a database view or RPC function to join
-        // user_profil with auth.users for better performance
-        const users = await Promise.all((profiles || []).map(async (profile) => {
-            // Get basic auth info - this is limited to what's available
-            const { data: authData } = await supabase.auth.admin.getUserById(profile.owner_id);
-            return {
-                id: profile.owner_id,
-                email: authData?.user?.email || "N/A",
-                created_at: authData?.user?.created_at || profile.created_at,
-                profile: {
-                    first_name: profile.first_name,
-                    last_name: profile.last_name,
-                    avatar_url: profile.avatar_url,
-                    bio: profile.bio,
-                    phone: profile.phone,
-                    company: profile.company,
-                    website: profile.website,
-                    location: profile.location,
-                    language: profile.language,
-                    timezone: profile.timezone,
-                },
-            };
-        }));
-        return NextResponse.json({
-            data: users,
-            pagination: {
-                page,
-                per_page: perPage,
-                total: count || 0,
-                total_pages: Math.ceil((count || 0) / perPage),
-            },
+        // Use RPC function to get users with emails
+        const { data: result, error: usersError } = await supabase.rpc("get_admin_users", {
+            page_number: page,
+            page_size: perPage,
+            search_term: search,
         });
+        if (usersError) {
+            console.error("Error fetching users:", usersError);
+            return NextResponse.json({ error: "Database Error", message: usersError.message }, { status: 500 });
+        }
+        // The RPC function returns the complete response with data and pagination
+        return NextResponse.json(result || { data: [], pagination: { page, per_page: perPage, total: 0, total_pages: 0 } });
     }
     catch (error) {
         console.error("Error in admin users endpoint:", error);

package/dist/api/auth/me.d.ts

@@ -4,14 +4,14 @@ import { NextResponse } from "next/server";
  * Returns the current authenticated user and their profile
  */
 export declare function GET(): Promise<NextResponse<{
-    error: string;
-    message: string;
-}> | NextResponse<{
     data: {
         id: string;
         email: string | undefined;
         created_at: string;
         profile: any;
     };
+}> | NextResponse<{
+    error: string;
+    message: string;
 }>>;
 //# sourceMappingURL=me.d.ts.map

package/dist/api/auth/me.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"me.d.ts","sourceRoot":"","sources":["../../../src/api/auth/me.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C;;;GAGG;AACH,wBAAsB,GAAG;;;;;;;;;;IAwCxB"}
+{"version":3,"file":"me.d.ts","sourceRoot":"","sources":["../../../src/api/auth/me.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C;;;GAGG;AACH,wBAAsB,GAAG;;;;;;;;;;IA+BxB"}

package/dist/api/auth/me.js

@@ -8,12 +8,10 @@ export async function GET() {
     try {
         const supabase = await getSupabaseServerClient();
         // Get the authenticated user
-        const { data: { user }, error: authError, } = await supabase.auth.getUser();
-        if (authError || !user) {
-            return NextResponse.json({ error: "Unauthorized", message: "User not authenticated" }, { status: 401 });
-        }
+        const { data: { user } } = await supabase.auth.getUser();
+        // L'utilisateur est déjà authentifié grâce au middleware
         // Get user profile
-        const { data: profile, error: profileError } = await supabase
+        const { data: profile } = await supabase
             .from("user_profil")
             .select("*")
             .eq("owner_id", user.id)

package/dist/api/auth/profile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../../../src/api/auth/profile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AACH,wBAAsB,GAAG;;;;;IAsCxB;AAED;;;GAGG;AACH,wBAAsB,GAAG,CAAC,OAAO,EAAE,WAAW;;;;;IAgG7C;AAED;;;GAGG;AACH,wBAAsB,KAAK,CAAC,OAAO,EAAE,WAAW;;;;;IAE/C"}
+{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../../../src/api/auth/profile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AACH,wBAAsB,GAAG;;;;;IA+BxB;AAED;;;GAGG;AACH,wBAAsB,GAAG,CAAC,OAAO,EAAE,WAAW;;;;;IAyF7C;AAED;;;GAGG;AACH,wBAAsB,KAAK,CAAC,OAAO,EAAE,WAAW;;;;;IAE/C"}

package/dist/api/auth/profile.js

@@ -7,10 +7,8 @@ import { getSupabaseServerClient } from "@lastbrain/core/server";
 export async function GET() {
     try {
         const supabase = await getSupabaseServerClient();
-        const { data: { user }, error: authError, } = await supabase.auth.getUser();
-        if (authError || !user) {
-            return NextResponse.json({ error: "Unauthorized", message: "User not authenticated" }, { status: 401 });
-        }
+        const { data: { user }, } = await supabase.auth.getUser();
+        // L'utilisateur est déjà authentifié grâce au middleware
         const { data: profile, error: profileError } = await supabase
             .from("user_profil")
             .select("*")
@@ -34,10 +32,8 @@ export async function GET() {
 export async function PUT(request) {
     try {
         const supabase = await getSupabaseServerClient();
-        const { data: { user }, error: authError, } = await supabase.auth.getUser();
-        if (authError || !user) {
-            return NextResponse.json({ error: "Unauthorized", message: "User not authenticated" }, { status: 401 });
-        }
+        const { data: { user }, } = await supabase.auth.getUser();
+        // L'utilisateur est déjà authentifié grâce au middleware
         const body = await request.json();
         const { first_name, last_name, avatar_url, bio, phone, company, website, location, language, timezone, preferences, } = body;
         // Check if profile exists

package/dist/api/public/signin.js

@@ -2,9 +2,9 @@ import { getSupabaseServerClient } from "@lastbrain/core/server";
 const jsonResponse = (payload, status = 200) => {
     return new Response(JSON.stringify(payload), {
         headers: {
-            "content-type": "application/json"
+            "content-type": "application/json",
         },
-        status
+        status,
     });
 };
 export async function POST(request) {
@@ -16,7 +16,7 @@ export async function POST(request) {
     }
     const { error, data } = await supabase.auth.signInWithPassword({
         email,
-        password
+        password,
     });
     if (error) {
         return jsonResponse({ error: error.message }, 400);

package/dist/api/storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/api/storage.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAsB,UAAU,CAC9B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,MAAM,CAAC,CAcjB;AAED;;GAEG;AACH,wBAAsB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAQhF;AAED;;GAEG;AACH,wBAAsB,qBAAqB,CACzC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,IAAI,CAAC,CAiBf"}
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/api/storage.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAsB,UAAU,CAC9B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,MAAM,CAAC,CAcjB;AAED;;GAEG;AACH,wBAAsB,WAAW,CAC/B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EAAE,GACd,OAAO,CAAC,IAAI,CAAC,CAQf;AAED;;GAEG;AACH,wBAAsB,qBAAqB,CACzC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,IAAI,CAAC,CAiBf"}

package/dist/api/storage.js

@@ -41,7 +41,7 @@ export async function deleteFilesWithPrefix(bucket, prefix) {
         return;
     }
     if (files && files.length > 0) {
-        const filePaths = files.map(file => file.name);
+        const filePaths = files.map((file) => file.name);
         await deleteFiles(bucket, filePaths);
     }
 }

package/dist/auth.build.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth.build.config.d.ts","sourceRoot":"","sources":["../src/auth.build.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,QAAA,MAAM,eAAe,EAAE,iBAoItB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"auth.build.config.d.ts","sourceRoot":"","sources":["../src/auth.build.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,QAAA,MAAM,eAAe,EAAE,iBAuJtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/auth.build.config.js

@@ -66,12 +66,31 @@ const authBuildConfig = {
             entryPoint: "api/auth/profile",
             authRequired: true,
         },
+        {
+            method: "GET",
+            path: "/api/auth/me",
+            handlerExport: "GET",
+            entryPoint: "api/auth/me",
+            authRequired: true,
+        },
+        {
+            method: "GET",
+            path: "/api/admin/users",
+            handlerExport: "GET",
+            entryPoint: "api/admin/users",
+            authRequired: true,
+        },
     ],
     migrations: {
         enabled: true,
         priority: 20,
         path: "supabase/migrations",
-        files: ["001_auth_base.sql"],
+        files: [
+            "20251112000000_user_init.sql",
+            "20251112000001_auto_profile_and_admin_view.sql",
+            "20251112000002_sync_avatars.sql"
+        ],
+        migrationsDownPath: "supabase/migrations-down",
     },
     menu: {
         public: [
@@ -95,7 +114,7 @@ const authBuildConfig = {
                 title: "Gestion des utilisateurs",
                 description: "Gérez les utilisateurs de la plateforme",
                 icon: "Users2",
-                path: "/admin/users",
+                path: "/admin/auth/users",
                 order: 1,
             },
         ],

package/dist/web/admin/users.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/web/admin/users.tsx"],"names":[],"mappings":"AA2CA,wBAAgB,cAAc,4CA8N7B"}
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/web/admin/users.tsx"],"names":[],"mappings":"AAsDA,wBAAgB,cAAc,4CA6O7B"}

package/dist/web/admin/users.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { Card, CardBody, CardHeader, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell, Spinner, Chip, Input, Button, Pagination, Avatar, addToast, } from "@lastbrain/ui";
 import { Users, Search, RefreshCw } from "lucide-react";
 export function AdminUsersPage() {
@@ -14,10 +14,7 @@ export function AdminUsersPage() {
         total: 0,
         total_pages: 0,
     });
-    useEffect(() => {
-        fetchUsers();
-    }, [pagination.page]);
-    const fetchUsers = async () => {
+    const fetchUsers = useCallback(async () => {
         try {
             setIsLoading(true);
             const params = new URLSearchParams({
@@ -58,7 +55,10 @@ export function AdminUsersPage() {
         finally {
             setIsLoading(false);
         }
-    };
+    }, [pagination.page, pagination.per_page, searchQuery]);
+    useEffect(() => {
+        fetchUsers();
+    }, [fetchUsers]);
     const handleSearch = () => {
         setPagination((prev) => ({ ...prev, page: 1 }));
         fetchUsers();
@@ -80,10 +80,17 @@ export function AdminUsersPage() {
                                                 if (e.key === "Enter") {
                                                     handleSearch();
                                                 }
-                                            }, startContent: _jsx(Search, { className: "w-4 h-4 text-default-400" }), className: "flex-1" }), _jsx(Button, { color: "primary", onPress: handleSearch, isDisabled: isLoading, children: "Search" })] }), _jsx(Button, { variant: "flat", onPress: fetchUsers, isDisabled: isLoading, startContent: _jsx(RefreshCw, { className: "w-4 h-4" }), children: "Refresh" })] }) }), _jsx(CardBody, { children: isLoading ? (_jsx("div", { className: "flex justify-center items-center py-12", children: _jsx(Spinner, { size: "lg", label: "Loading users..." }) })) : users.length === 0 ? (_jsx("div", { className: "text-center py-12 text-default-500", children: "No users found" })) : (_jsxs(_Fragment, { children: [_jsxs(Table, { "aria-label": "Users table", children: [_jsxs(TableHeader, { children: [_jsx(TableColumn, { children: "USER" }), _jsx(TableColumn, { children: "EMAIL" }), _jsx(TableColumn, { children: "COMPANY" }), _jsx(TableColumn, { children: "LOCATION" }), _jsx(TableColumn, { children: "CREATED" }), _jsx(TableColumn, { children: "STATUS" })] }), _jsx(TableBody, { children: users.map((user) => {
+                                            }, startContent: _jsx(Search, { className: "w-4 h-4 text-default-400" }), className: "flex-1" }), _jsx(Button, { color: "primary", onPress: handleSearch, isDisabled: isLoading, children: "Search" })] }), _jsx(Button, { variant: "flat", onPress: fetchUsers, isDisabled: isLoading, startContent: _jsx(RefreshCw, { className: "w-4 h-4" }), children: "Refresh" })] }) }), _jsx(CardBody, { children: isLoading ? (_jsx("div", { className: "flex justify-center items-center py-12", children: _jsx(Spinner, { size: "lg", label: "Loading users..." }) })) : users.length === 0 ? (_jsx("div", { className: "text-center py-12 text-default-500", children: "No users found" })) : (_jsxs(_Fragment, { children: [_jsxs(Table, { "aria-label": "Users table", children: [_jsxs(TableHeader, { children: [_jsx(TableColumn, { children: "USER" }), _jsx(TableColumn, { children: "EMAIL" }), _jsx(TableColumn, { children: "ROLE" }), _jsx(TableColumn, { children: "COMPANY" }), _jsx(TableColumn, { children: "LAST SIGN IN" }), _jsx(TableColumn, { children: "CREATED" }), _jsx(TableColumn, { children: "STATUS" })] }), _jsx(TableBody, { children: users.map((user) => {
                                                 const fullName = user.profile?.first_name && user.profile?.last_name
                                                     ? `${user.profile.first_name} ${user.profile.last_name}`
-                                                    : "N/A";
-                                                return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Avatar, { src: user.profile?.avatar_url, name: fullName, size: "sm" }), _jsx("span", { className: "text-small font-medium", children: fullName })] }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: user.email }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: user.profile?.company || "-" }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: user.profile?.location || "-" }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: formatDate(user.created_at) }) }), _jsx(TableCell, { children: _jsx(Chip, { color: "success", size: "sm", variant: "flat", children: "Active" }) })] }, user.id));
+                                                    : user.full_name || "N/A";
+                                                const roleColor = user.role === "admin" || user.role === "superadmin"
+                                                    ? "danger"
+                                                    : user.role === "moderator"
+                                                        ? "secondary"
+                                                        : "default";
+                                                return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Avatar, { src: `/api/storage/${user.profile?.avatar_url}`, name: fullName, size: "sm" }), _jsx("span", { className: "text-small font-medium", children: fullName })] }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: user.email }) }), _jsx(TableCell, { children: _jsx(Chip, { color: roleColor, size: "sm", variant: "flat", children: user.role || "user" }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: user.profile?.company || "-" }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: user.last_sign_in_at
+                                                                    ? formatDate(user.last_sign_in_at)
+                                                                    : "Never" }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: formatDate(user.created_at) }) }), _jsx(TableCell, { children: _jsx(Chip, { color: "success", size: "sm", variant: "flat", children: "Active" }) })] }, user.id));
                                             }) })] }), pagination.total_pages > 1 && (_jsx("div", { className: "flex justify-center mt-4", children: _jsx(Pagination, { total: pagination.total_pages, page: pagination.page, onChange: handlePageChange, showControls: true }) })), _jsxs("div", { className: "mt-4 text-small text-default-500 text-center", children: ["Showing ", users.length, " of ", pagination.total, " users"] })] })) })] })] }));
 }

package/dist/web/auth/dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../src/web/auth/dashboard.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,aAAa,mDA6K5B"}
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../src/web/auth/dashboard.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,aAAa,mDAoL5B"}

package/dist/web/auth/dashboard.js

@@ -28,7 +28,7 @@ export function DashboardPage() {
         }
     };
     if (isLoading) {
-        return (_jsx("div", { className: "flex justify-center items-center min-h-[400px]", children: _jsx(Spinner, { size: "lg", label: "Loading dashboard..." }) }));
+        return (_jsx("div", { className: "flex justify-center items-center min-h-[400px]", children: _jsxs(Spinner, { color: "primary", size: "lg", children: [" ", _jsx("span", { className: "text-xs text-default-700", children: "Loading dashboard..." })] }) }));
     }
     if (error) {
         return (_jsx("div", { className: "pt-12", children: _jsx(Card, { className: "max-w-2xl mx-auto", children: _jsx(CardBody, { children: _jsxs("p", { className: "text-danger", children: ["Error: ", error] }) }) }) }));
@@ -39,6 +39,6 @@ export function DashboardPage() {
     const fullName = userData.profile?.first_name && userData.profile?.last_name
         ? `${userData.profile.first_name} ${userData.profile.last_name}`
         : "User";
-    return (_jsxs("div", { className: "pt-12 pb-12 max-w-6xl mx-auto px-4", children: [_jsx("h1", { className: "text-3xl font-bold mb-8", children: "Dashboard" }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { className: "col-span-full md:col-span-1", children: [_jsxs(CardHeader, { className: "flex gap-3", children: [_jsx(Avatar, { src: userData.profile?.avatar_url, icon: _jsx(User, {}), size: "lg", className: "flex-shrink-0" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("p", { className: "text-xl font-semibold", children: fullName }), _jsx("p", { className: "text-small text-default-500", children: userData.email })] })] }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "w-4 h-4 text-default-400" }), _jsx("span", { className: "text-small", children: userData.email })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "w-4 h-4 text-default-400" }), _jsxs("span", { className: "text-small", children: ["Member since ", new Date(userData.created_at).toLocaleDateString()] })] }), userData.profile?.company && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Shield, { className: "w-4 h-4 text-default-400" }), _jsx("span", { className: "text-small", children: userData.profile.company })] }))] }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Account Status" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-small", children: "Status" }), _jsx(Chip, { color: "success", size: "sm", variant: "flat", children: "Active" })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-small", children: "Profile" }), _jsx(Chip, { color: userData.profile ? "success" : "warning", size: "sm", variant: "flat", children: userData.profile ? "Complete" : "Incomplete" })] })] }) })] }), userData.profile?.bio && (_jsxs(Card, { className: "col-span-full", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Bio" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsx("p", { className: "text-small text-default-600", children: userData.profile.bio }) })] })), _jsxs(Card, { className: "col-span-full", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Quick Stats" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [_jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-primary", children: "0" }), _jsx("p", { className: "text-small text-default-500", children: "Projects" })] }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-success", children: "0" }), _jsx("p", { className: "text-small text-default-500", children: "Tasks" })] }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-warning", children: "0" }), _jsx("p", { className: "text-small text-default-500", children: "Notifications" })] }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-secondary", children: Math.floor((Date.now() - new Date(userData.created_at).getTime()) /
+    return (_jsxs("div", { className: "pt-12 pb-12 max-w-6xl mx-auto px-4", children: [_jsx("h1", { className: "text-3xl font-bold mb-8", children: "Dashboard" }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { className: "col-span-full md:col-span-1", children: [_jsxs(CardHeader, { className: "flex gap-3", children: [_jsx(Avatar, { src: userData.profile?.avatar_url, icon: _jsx(User, {}), size: "lg", className: "flex-shrink-0" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("p", { className: "text-xl font-semibold", children: fullName }), _jsx("p", { className: "text-small text-default-500", children: userData.email })] })] }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "w-4 h-4 text-default-400" }), _jsx("span", { className: "text-small", children: userData.email })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "w-4 h-4 text-default-400" }), _jsxs("span", { className: "text-small", children: ["Member since", " ", new Date(userData.created_at).toLocaleDateString()] })] }), userData.profile?.company && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Shield, { className: "w-4 h-4 text-default-400" }), _jsx("span", { className: "text-small", children: userData.profile.company })] }))] }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Account Status" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-small", children: "Status" }), _jsx(Chip, { color: "success", size: "sm", variant: "flat", children: "Active" })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-small", children: "Profile" }), _jsx(Chip, { color: userData.profile ? "success" : "warning", size: "sm", variant: "flat", children: userData.profile ? "Complete" : "Incomplete" })] })] }) })] }), userData.profile?.bio && (_jsxs(Card, { className: "col-span-full", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Bio" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsx("p", { className: "text-small text-default-600", children: userData.profile.bio }) })] })), _jsxs(Card, { className: "col-span-full", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Quick Stats" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [_jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-primary", children: "0" }), _jsx("p", { className: "text-small text-default-500", children: "Projects" })] }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-success", children: "0" }), _jsx("p", { className: "text-small text-default-500", children: "Tasks" })] }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-warning", children: "0" }), _jsx("p", { className: "text-small text-default-500", children: "Notifications" })] }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-secondary", children: Math.floor((Date.now() - new Date(userData.created_at).getTime()) /
                                                         (1000 * 60 * 60 * 24)) }), _jsx("p", { className: "text-small text-default-500", children: "Days active" })] })] }) })] })] })] }));
 }

package/dist/web/auth/profile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../../../src/web/auth/profile.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,WAAW,4CAmV1B"}
+{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../../../src/web/auth/profile.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,WAAW,4CA4X1B"}