Quick Sign In
diff --git a/client/pages/ProfilePassport.tsx b/client/pages/ProfilePassport.tsx
index a9584acd..ddbcb47d 100644
--- a/client/pages/ProfilePassport.tsx
+++ b/client/pages/ProfilePassport.tsx
@@ -590,7 +590,7 @@ const ProfilePassport = () => {
variant="ghost"
className="h-8 px-2 text-xs text-aethex-200"
>
-
+
View mission
diff --git a/client/pages/ProjectDetail.tsx b/client/pages/ProjectDetail.tsx
new file mode 100644
index 00000000..bbc5e6bc
--- /dev/null
+++ b/client/pages/ProjectDetail.tsx
@@ -0,0 +1,280 @@
+import { useEffect, useState } from "react";
+import { useParams, Link } from "react-router-dom";
+import Layout from "@/components/Layout";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Separator } from "@/components/ui/separator";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import {
+ Github,
+ ExternalLink,
+ LayoutDashboard,
+ Calendar,
+ Cpu,
+ Activity,
+} from "lucide-react";
+
+const API_BASE = import.meta.env.VITE_API_BASE || "";
+
+interface Project {
+ id: string;
+ title: string;
+ description?: string | null;
+ status?: string | null;
+ technologies?: string[] | null;
+ github_url?: string | null;
+ live_url?: string | null;
+ image_url?: string | null;
+ engine?: string | null;
+ priority?: string | null;
+ progress?: number | null;
+ created_at?: string | null;
+ updated_at?: string | null;
+}
+
+interface Owner {
+ id: string;
+ username?: string | null;
+ full_name?: string | null;
+ avatar_url?: string | null;
+}
+
+const STATUS_COLORS: Record = {
+ planning: "bg-slate-500/20 text-slate-300 border-slate-600",
+ in_progress: "bg-blue-500/20 text-blue-300 border-blue-600",
+ completed: "bg-green-500/20 text-green-300 border-green-600",
+ on_hold: "bg-yellow-500/20 text-yellow-300 border-yellow-600",
+};
+
+const STATUS_LABELS: Record = {
+ planning: "Planning",
+ in_progress: "In Progress",
+ completed: "Completed",
+ on_hold: "On Hold",
+};
+
+const formatDate = (v?: string | null) => {
+ if (!v) return null;
+ const d = new Date(v);
+ if (isNaN(d.getTime())) return null;
+ return d.toLocaleDateString(undefined, { dateStyle: "medium" });
+};
+
+export default function ProjectDetail() {
+ const { projectId } = useParams<{ projectId: string }>();
+ const [project, setProject] = useState(null);
+ const [owner, setOwner] = useState(null);
+ const [loading, setLoading] = useState(true);
+ const [notFound, setNotFound] = useState(false);
+
+ useEffect(() => {
+ if (!projectId) return;
+ setLoading(true);
+ fetch(`${API_BASE}/api/projects/${projectId}`)
+ .then((r) => {
+ if (r.status === 404) { setNotFound(true); return null; }
+ return r.json();
+ })
+ .then((body) => {
+ if (!body) return;
+ setProject(body.project);
+ setOwner(body.owner);
+ })
+ .catch(() => setNotFound(true))
+ .finally(() => setLoading(false));
+ }, [projectId]);
+
+ if (loading) {
+ return (
+
+
+
+ );
+ }
+
+ if (notFound || !project) {
+ return (
+
+
+
Project not found.
+
+
+ {/* Header */}
+
+
+
+ {statusLabel}
+
+ {project.priority && (
+
+ {project.priority} priority
+
+ )}
+
+
{project.title}
+ {project.description && (
+
+ {project.description}
+
+ )}
+
+
+ {/* Action buttons */}
+
+
+
+
+
+ {/* Meta card */}
+
+
+
+ Details
+
+
+
+ {owner && (
+
+
+
+
+ {ownerInitials}
+
+
+
+
Owner
+ {ownerSlug ? (
+
+ {ownerName}
+
+ ) : (
+
{ownerName}
+ )}
+
+
+
+
+
Engine
+
{project.engine}
+
+
+
+
+
Progress — {project.progress}%
+
+
+
+
+
+ {project.created_at && (
+
+ Created {formatDate(project.created_at)}
+
+ )}
+ {project.updated_at && (
+
+ Updated {formatDate(project.updated_at)}
+
+ )}
+
+
+
+ {/* Technologies */}
+ {project.technologies && project.technologies.length > 0 && (
+
+
+
+ Technologies
+
+
+
+
+ {project.technologies.map((tech) => (
+
+ {tech}
+
+ ))}
+
+
+
+ )}
+
+
@@ -169,12 +169,12 @@ export default function GameForgeDashboard() {
-
+
);
}
return (
-
+
-
+
);
}
diff --git a/client/pages/dev-platform/ApiReference.tsx b/client/pages/dev-platform/ApiReference.tsx
index 13f7e64e..52aaee73 100644
--- a/client/pages/dev-platform/ApiReference.tsx
+++ b/client/pages/dev-platform/ApiReference.tsx
@@ -1,4 +1,4 @@
-import Layout from "@/components/Layout";
+import { DevPlatformLayout } from "@/components/dev-platform/layouts/DevPlatformLayout";
import SEO from "@/components/SEO";
import { Breadcrumbs } from "@/components/dev-platform/Breadcrumbs";
import { ThreeColumnLayout } from "@/components/dev-platform/layouts/ThreeColumnLayout";
@@ -67,7 +67,7 @@ export default function ApiReference() {
);
return (
-
+
-
+
);
}
diff --git a/client/pages/dev-platform/CodeExamples.tsx b/client/pages/dev-platform/CodeExamples.tsx
index 516f3a3c..0e3ae090 100644
--- a/client/pages/dev-platform/CodeExamples.tsx
+++ b/client/pages/dev-platform/CodeExamples.tsx
@@ -1,5 +1,5 @@
import { useState } from "react";
-import Layout from "@/components/Layout";
+import { DevPlatformLayout } from "@/components/dev-platform/layouts/DevPlatformLayout";
import SEO from "@/components/SEO";
import { Breadcrumbs } from "@/components/dev-platform/Breadcrumbs";
import { ExampleCard } from "@/components/dev-platform/ExampleCard";
@@ -165,7 +165,7 @@ export default function CodeExamples() {
});
return (
-