"use client"; import { Archive, CheckCircle2, Clock, Copy, Edit, FileText, MessageSquare, MoreHorizontal, Trash2, } from "lucide-react"; import { Badge } from "@/components/ui/badge"; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "@/components/ui/breadcrumb"; import { Button } from "@/components/ui/button"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { Separator } from "@/components/ui/separator"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Topbar, TopbarLeft } from "@/components/ui/topbar"; import { cn } from "@/lib/utils"; import { entityPage, statusConfig } from "./data"; function OverviewContent() { return (

Description

Full redesign of the marketing website including new landing pages, product pages, and blog. The project covers visual design, frontend development, and CMS integration with the existing content pipeline.

Recent activity

{[ { icon: CheckCircle2, text: "Design review completed", time: "2 hours ago", }, { icon: FileText, text: "Brand guidelines uploaded", time: "Yesterday", }, { icon: MessageSquare, text: "Client feedback received", time: "2 days ago", }, ].map((item, i) => (

{item.text}

{item.time}

))}

); } function TasksContent() { const tasks = [ { title: "Finalize homepage wireframes", done: true }, { title: "Design product page template", done: true }, { title: "Implement responsive navigation", done: false }, { title: "Set up CMS content models", done: false }, { title: "Create blog post template", done: false }, ]; return (

{tasks.map((task, i) => (

{task.done && ( )}

{task.title}

))}

); } function DocumentsContent() { const documents = [ { name: "Brand Guidelines v2.pdf", size: "4.2 MB", date: "Mar 8, 2026" }, { name: "Sitemap.xlsx", size: "156 KB", date: "Mar 5, 2026" }, { name: "Content Inventory.docx", size: "892 KB", date: "Mar 3, 2026" }, { name: "Wireframes.fig", size: "12.1 MB", date: "Feb 28, 2026" }, ]; return (

{documents.map((doc, i) => (

{doc.name} {doc.size} {doc.date}

))}

); } function ActivityContent() { const activities = [ { user: "Alice Chen", action: "updated the project status to Active", time: "2 hours ago", }, { user: "Bob Smith", action: "uploaded Brand Guidelines v2.pdf", time: "Yesterday", }, { user: "Carol Davis", action: "completed task: Finalize homepage wireframes", time: "2 days ago", }, { user: "Alice Chen", action: "added a comment on Design Review", time: "3 days ago", }, { user: "Dave Wilson", action: "created the project", time: "1 week ago", }, ]; return (

{activities.map((activity, i) => (

{activity.user}{" "} {activity.action}

{activity.time}

))}

); } function SettingsContent() { return (

Notifications

Configure who gets notified about updates to this project.

Permissions

Manage team member access and roles for this project.

Integrations

Connect external tools and services to this project.

); } export function EntityPage() { const data = entityPage; const status = statusConfig[data.status]; return (

{data.breadcrumb.map((item, i) => ( {i > 0 && } {item.href ? ( {item.label} ) : ( {item.label} )} ))}

{data.title}

{status.label}

Duplicate Archive Delete

{data.subtitle && (

{data.subtitle}

)}

{data.fields.map((field) => (

{field.label} {field.value}

))}

{data.tabGroups.map((group, groupIndex) => (

{groupIndex > 0 && ( )} {group.tabs.map((tab) => ( {tab.label} {tab.count !== undefined && ( {tab.count} )} ))}

))}

); }

Entity Page