// ---------- Dashboard home ---------- const DashboardPage = ({ onNavigate, onOpenProject, onOpenMobileMenu }) => { return (
} />
{/* Metric strip */}
{HD.metrics.map(m => ( ))}
{/* Main row */}
{/* Active projects */}
ACTIVE PROJECTS
In motion
{HD.projects.slice(0, 4).map((p, i) => ( onOpenProject(p.id)} /> ))}
{/* Client review queue */}
CLIENT REVIEW QUEUE
Waiting on Winterhill
r.unread).length} unread`} size="sm" />
{HD.reviewQueue.map((r, i) => )}
{/* Second row: pending approvals + upcoming deadlines */}
PENDING APPROVALS
Awaiting client sign-off
{HD.pendingApprovals.map((a, i) => ( ))}
UPCOMING DEADLINES
Next 21 days
{HD.upcomingDeadlines.map((d, i) => ( ))}
{/* Activity feed */}
RECENT ACTIVITY
Across all projects
); }; const ActiveProjectRow = ({ project, last, onClick }) => { const tone = STATUS_TONES[project.accent]; return (
{project.name}
{project.client} · Due {project.due}
{project.progress}%
); }; const ReviewQueueRow = ({ item, last }) => (
{item.unread && }
s[0]).slice(0,2).join("")} accent="harbor" size={20} /> {item.from} · {item.project}
{item.time}
{item.message}
); const PendingApprovalRow = ({ item, last }) => { const tone = STATUS_TONES[item.accent]; return (
{item.item}
{item.project} · {item.waiting}
{item.elapsed}
elapsed
); }; const DeadlineRow = ({ item, last }) => { const tone = STATUS_TONES[item.accent]; return (
{item.date.split(" ")[0]}
{item.date.split(" ")[1]}
{item.item}
{item.project}
in {item.days}d
); }; const ActivityFeed = ({ items }) => (
{items.map((item, i) => { const tone = STATUS_TONES[item.accent]; const IconComp = window.Icon[item.icon]; return (
{item.who} {" "} {item.action} {" "} {item.target}
{item.at} · {item.role}
); })}
); window.DashboardPage = DashboardPage; window.ActivityFeed = ActivityFeed;