-
-
-
);
}
- // Hide setup banner once onboarding is complete
const showProfileSetup = !profileComplete;
- const statsDisplay = [
- {
- label: "Active Projects",
- value: stats.activeProjects,
- icon: Rocket,
- color: "from-blue-500 to-purple-600",
- },
- {
- label: "Completed Tasks",
- value: stats.completedTasks,
- icon: Trophy,
- color: "from-green-500 to-blue-600",
- },
- {
- label: "Team Members",
- value: stats.teamMembers,
- icon: Users,
- color: "from-purple-500 to-pink-600",
- },
- {
- label: "Performance Score",
- value: stats.performanceScore,
- icon: TrendingUp,
- color: "from-orange-500 to-red-600",
- },
- ];
-
- const getProgressPercentage = (project: any) => {
- switch (project.status) {
- case "planning":
- return 20;
- case "in_progress":
- return 60;
- case "completed":
- return 100;
- default:
- return 0;
- }
- };
-
- const getPriorityFromTech = (technologies: string[]) => {
- if (
- technologies.some(
- (tech) =>
- tech.toLowerCase().includes("ai") ||
- tech.toLowerCase().includes("blockchain"),
- )
- ) {
- return "High";
- }
- return "Medium";
- };
-
- const getAchievementIcon = (iconName: string) => {
- switch (iconName.toLowerCase()) {
- case "code":
- return Code;
- case "users":
- return Users;
- case "rocket":
- return Rocket;
- case "database":
- return Database;
- case "shield":
- return Shield;
- case "trophy":
- return Trophy;
- default:
- return Star;
- }
- };
-
- const quickActions = [
- {
- title: "Start New Project",
- icon: Rocket,
- color: "from-blue-500 to-purple-600",
- },
- { title: "Create Team", icon: Users, color: "from-green-500 to-blue-600" },
- { title: "Access Labs", icon: Zap, color: "from-yellow-500 to-orange-600" },
- {
- title: "View Analytics",
- icon: BarChart3,
- color: "from-purple-500 to-pink-600",
- },
- ];
-
- // Determine active realm for dashboard personalization
- const activeRealm: RealmKey = (userRealm ||
- ((profile as any)?.user_type as RealmKey) ||
- "community_member") as RealmKey;
-
- // Show loading screen while auth is resolving or if user is not authenticated
- if (authLoading || !user) {
- return - Welcome to AeThex -
-- You need to be signed in to access the dashboard -
-
-
- {/* Profile Setup Banner */}
- {showProfileSetup && (
-
-
-
-
-
-
- )}
-
- {/* Header */}
-
-
-
-
-
-
- - Complete Your Profile -
-- Set up your profile to unlock all features -
-
-
-
-
-
-
-
-
-
- - {activeRealm === "game_developer" && "Game Development"} - {activeRealm === "client" && "Consulting"} - {activeRealm === "community_member" && "Community"} - {activeRealm === "customer" && "Getting Started"} - {activeRealm === "staff" && "Operations"} -
-
-
- - Dashboard -
-- Welcome back,{" "} - - {profile?.full_name || user.email?.split("@")[0]} - {" "} - • {streakLabel} +
+
+ {/* Header Section */}
+
+
-
+
-
+
+ + Dashboard +
++ Welcome back, {profile?.full_name || user.email?.split("@")[0]}
- {longestStreak > 0 && ( -
-
-
-
-
-
+
+ {profileComplete && (
+
+
+ )}
+ {profile?.level && (
+
+
)}
-
-
-
-
- {/* Left Sidebar - User Profile */}
-
- {/* Profile Card */}
-
-
-
+
+
+ Realms
+ Arms
+
+
+ Profile
+
+
+ Connections
+
+
+ Settings
+
+
- {/* Main Content */}
-
-
-
-
-
-
-
- {quickActions.map((action, index) => {
- const Icon = action.icon;
- return (
-
- );
- })}
-
-
-
+ {/* Tabs Section */}
+
-
- 
-
-
-
-
-
- {/* XP Progress */}
- - {profile?.full_name || user.email?.split("@")[0]} -
-- {profile?.role || "Creator"} -
-
-
-
- {profileComplete && (
-
-
- )}
-
-
-
+
+
+ )}
+
- {/* Quick Actions */}
-
- Experience
-
- {profile?.total_xp || 0} /{" "}
- {(profile?.level || 1) * 1000}
-
-
-
-
-
+ {/* Setup Banner */}
+ {showProfileSetup && (
+
+
+
+
Complete Your Profile
+Set up your profile to unlock all AeThex features and join the community
- {/* Stats Grid (adapts per realm by labels) */}
-
- {statsDisplay.map((stat, index) => {
- const Icon = stat.icon;
+ {/* Realms Tab */}
+
+
+ {ARMS.map((arm) => {
+ const IconComponent = arm.icon;
return (
- {
+ e.preventDefault();
+ navigate(arm.href);
+ }}
+ className="group relative overflow-hidden"
>
-
-
-
-
-
-
- Create a Post
-
-
- Share updates, images, or videos
-
-
-
-
+
-
+
+
-
+
+
+
);
})}
+
- {/* Realm spotlight */}
- {activeRealm === "game_developer" && (
- - {stat.label} -
-- {stat.value} -
+
+
-
+
+
+
+
+ {arm.label}
+{arm.description}
+
-
-
+ Explore
+
-
+ {/* Profile Card */}
+
+
+
- )}
- {activeRealm === "community_member" && (
-
+ {/* Edit Profile Form */}
+
-
- Community actions
-
-
- Post to the feed and explore trending topics
-
+ Edit Profile
+ Update your public profile information
- {}} />
-
-
- )}
-
- {activeRealm === "client" && (
-
-
-
- Project workspace
-
-
- Kick off engagements and track delivery
-
-
-
-
-
-
-
-
- )}
-
- {activeRealm === "customer" && (
-
-
- Get started
-
- Explore products and manage access
-
-
-
-
-
-
-
- )}
-
- {activeRealm === "staff" && (
-
-
- Operations
-
- Moderation and internal tools
-
-
-
-
-
-
-
- )}
-
- {/* Settings Section */}
-
-
-
- Account Settings
-
-
- Manage your profile, notifications, and privacy
-
-
-
-
-
- Profile
- Connections
-
- Notifications
-
- Privacy
-
-
-
-
+
+ 
+
+
+
+
+
{profile?.full_name || "User"}
+{user.email}
+
-
-
-
-
-
-
- setDisplayName(e.target.value)}
- />
-
-
-
- setLocationInput(e.target.value)}
- />
-
-
-
- {
- const ensureBuckets = async () => {
- try {
- await fetch(
- `${API_BASE}/api/storage/ensure-buckets`,
- {
- method: "POST",
- },
- );
- } catch {}
- };
- const file = e.target.files?.[0];
- if (!file || !user) return;
- const storeDataUrl = () =>
- new Promise((resolve, reject) => {
- const reader = new FileReader();
- reader.onload = () =>
- resolve(reader.result as string);
- reader.onerror = () =>
- reject(new Error("Failed to read file"));
- reader.readAsDataURL(file);
- });
- try {
- await ensureBuckets();
- const path = `${user.id}/avatar-${Date.now()}-${file.name}`;
- let { error } = await supabase.storage
- .from("avatars")
- .upload(path, file, { upsert: true });
- if (
- error &&
- /bucket/i.test(error?.message || "")
- ) {
- await ensureBuckets();
- ({ error } = await supabase.storage
- .from("avatars")
- .upload(path, file, { upsert: true }));
- }
- if (error) throw error;
- const { data } = supabase.storage
- .from("avatars")
- .getPublicUrl(path);
- await updateProfile({
- avatar_url: data.publicUrl,
- } as any);
- computeProfileCompletion({
- ...(profile as any),
- avatar_url: data.publicUrl,
- });
- aethexToast.success({
- title: "Avatar updated",
- });
- } catch (err: any) {
- try {
- const dataUrl = await storeDataUrl();
- await updateProfile({
- avatar_url: dataUrl,
- } as any);
- computeProfileCompletion({
- ...(profile as any),
- avatar_url: dataUrl,
- });
- aethexToast.success({
- title: "Avatar saved (local)",
- });
- } catch (e: any) {
- aethexToast.error({
- title: "Upload failed",
- description:
- err?.message || "Unable to upload image",
- });
- }
- }
- }}
- />
-
-
-
- {
- const ensureBuckets = async () => {
- try {
- await fetch(
- `${API_BASE}/api/storage/ensure-buckets`,
- {
- method: "POST",
- },
- );
- } catch {}
- };
- const file = e.target.files?.[0];
- if (!file || !user) return;
- const storeDataUrl = () =>
- new Promise((resolve, reject) => {
- const reader = new FileReader();
- reader.onload = () =>
- resolve(reader.result as string);
- reader.onerror = () =>
- reject(new Error("Failed to read file"));
- reader.readAsDataURL(file);
- });
- try {
- await ensureBuckets();
- const path = `${user.id}/banner-${Date.now()}-${file.name}`;
- let { error } = await supabase.storage
- .from("banners")
- .upload(path, file, { upsert: true });
- if (
- error &&
- /bucket/i.test(error?.message || "")
- ) {
- await ensureBuckets();
- ({ error } = await supabase.storage
- .from("banners")
- .upload(path, file, { upsert: true }));
- }
- if (error) throw error;
- const { data } = supabase.storage
- .from("banners")
- .getPublicUrl(path);
- await updateProfile({
- banner_url: data.publicUrl,
- } as any);
- computeProfileCompletion({
- ...(profile as any),
- banner_url: data.publicUrl,
- });
- aethexToast.success({
- title: "Banner updated",
- });
- } catch (err: any) {
- try {
- const dataUrl = await storeDataUrl();
- await updateProfile({
- banner_url: dataUrl,
- } as any);
- computeProfileCompletion({
- ...(profile as any),
- banner_url: dataUrl,
- });
- aethexToast.success({
- title: "Banner saved (local)",
- });
- } catch (e: any) {
- aethexToast.error({
- title: "Upload failed",
- description:
- err?.message || "Unable to upload image",
- });
- }
- }
- }}
- />
-
-
-
-