@lastbrain/module-auth 0.1.10 → 0.1.13

package/src/web/admin/users/[id].tsx

@@ -1,4 +1,5 @@
 import { UserDetailPage } from "../user-detail.js";
+import { moduleUserTabs } from "@lastbrain/core";
 
 interface UserPageProps {
   params: Promise<{
@@ -8,5 +9,6 @@ interface UserPageProps {
 
 export default async function UserPage({ params }: UserPageProps) {
   const { id } = await params;
-  return <UserDetailPage userId={id} />;
+
+  return <UserDetailPage userId={id} moduleUserTabs={moduleUserTabs} />;
 }

package/src/web/auth/dashboard.tsx

@@ -10,6 +10,7 @@ import {
   Divider,
   Avatar,
 } from "@lastbrain/ui";
+
 import { User, Mail, Calendar, Shield } from "lucide-react";
 
 interface UserData {

package/src/web/auth/folder.tsx

@@ -0,0 +1,101 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import {
+  Card,
+  CardBody,
+  CardHeader,
+  Spinner,
+  Chip,
+  Divider,
+  Avatar,
+} from "@lastbrain/ui";
+import { FileManager } from "@lastbrain/ui";
+
+interface UserData {
+  id: string;
+  email: string;
+  created_at: string;
+  profile: {
+    first_name?: string;
+    last_name?: string;
+    avatar_url?: string;
+    bio?: string;
+    company?: string;
+    location?: string;
+  } | null;
+}
+
+export function FolderPage() {
+  const [userData, setUserData] = useState<UserData | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    fetchUserData();
+  }, []);
+
+  const fetchUserData = async () => {
+    try {
+      setIsLoading(true);
+      const response = await fetch("/api/auth/me");
+
+      if (!response.ok) {
+        throw new Error("Failed to fetch user data");
+      }
+
+      const result = await response.json();
+      setUserData(result.data);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "An error occurred");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  if (isLoading) {
+    return (
+      <div className="flex justify-center items-center min-h-[400px]">
+        <Spinner color="primary" size="lg">
+          {" "}
+          <span className="text-xs text-default-700">Loading folder...</span>
+        </Spinner>
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="pt-12">
+        <Card className="max-w-2xl mx-auto">
+          <CardBody>
+            <p className="text-danger">Error: {error}</p>
+          </CardBody>
+        </Card>
+      </div>
+    );
+  }
+
+  if (!userData) {
+    return null;
+  }
+
+  const fullName =
+    userData.profile?.first_name && userData.profile?.last_name
+      ? `${userData.profile.first_name} ${userData.profile.last_name}`
+      : "User";
+
+  return (
+    <div className="pt-4 pb-12 max-w-8xl mx-auto px-4">
+      <h1 className="text-3xl font-bold mb-8">Dossier</h1>
+
+      <FileManager
+        bucket="app"
+        basePath={userData.id}
+        allowUpload={true}
+        allowCreateFolder={true}
+        className="min-h-[80vh]"
+      />
+    </div>
+  );
+}