I mean, it's at a good place rn...

2026-08-03 07:23:24 +02:00 · 2026-04-20 15:10:54 +02:00
parent 0023c25d60
commit 8e201901c0
264 changed files with 36484 additions and 748 deletions
@@ -0,0 +1,89 @@
+"use client";
+
+import { useCeoOverview, useAuditorFlags, useRecentActivity } from "@/hooks/use-dashboard";
+import { useTasks } from "@/hooks/use-tasks";
+import { TeamHealthCards } from "./team-health-cards";
+import { KeyMetricsPanel } from "./key-metrics-panel";
+import { AuditorAlertsPanel } from "./auditor-alerts-panel";
+import { ActiveBlockersPanel } from "./active-blockers-panel";
+import { RecentActivityFeed } from "./recent-activity-feed";
+import { QuickActionsBar } from "./quick-actions-bar";
+import { CeoApprovalQueue } from "./ceo-approval-queue";
+import type { Activity } from "./activity-item";
+import { Button } from "@/components/ui/button";
+import { RefreshCw, Settings } from "lucide-react";
+import Link from "next/link";
+
+export function CommandCenter() {
+  const { data: overview, isLoading: loadingOverview, refetch: refetchOverview } = useCeoOverview();
+  const { data: flags, isLoading: loadingFlags } = useAuditorFlags({ resolved: false });
+  const { data: tasks, isLoading: loadingTasks } = useTasks();
+  const { data: activity, isLoading: loadingActivity } = useRecentActivity(24);
+
+  const handleRefresh = () => {
+    refetchOverview();
+  };
+
+  return (
+    <div className="space-y-6">
+      {/* Header */}
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold tracking-tight">RoboCo Command Center</h1>
+          <p className="text-muted-foreground">
+            Complete visibility into all operations
+          </p>
+        </div>
+        <div className="flex items-center gap-2">
+          <Button variant="outline" onClick={handleRefresh}>
+            <RefreshCw className="h-4 w-4 mr-2" />
+            Refresh
+          </Button>
+          <Link href="/settings">
+            <Button variant="ghost" size="icon">
+              <Settings className="h-5 w-5" />
+            </Button>
+          </Link>
+        </div>
+      </div>
+
+      {/* Team Health */}
+      <section>
+        <h2 className="text-lg font-semibold mb-4">Team Health</h2>
+        <TeamHealthCards
+          teams={overview?.health_status}
+          isLoading={loadingOverview}
+        />
+      </section>
+
+      {/* CEO Approval Queue - Your primary action item */}
+      <section>
+        <CeoApprovalQueue />
+      </section>
+
+      {/* Metrics and Alerts Row */}
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+        <KeyMetricsPanel
+          metrics={overview?.key_metrics}
+          isLoading={loadingOverview}
+        />
+        <AuditorAlertsPanel alerts={flags} isLoading={loadingFlags} />
+      </div>
+
+      {/* Blockers and Activity Row */}
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+        <ActiveBlockersPanel tasks={tasks} isLoading={loadingTasks} />
+        <RecentActivityFeed
+          activities={activity as Activity[] | undefined}
+          isLoading={loadingActivity}
+        />
+      </div>
+
+      {/* Quick Actions */}
+      <section className="pt-4 border-t">
+        <h2 className="text-lg font-semibold mb-4">Quick Actions</h2>
+        <QuickActionsBar />
+      </section>
+    </div>
+  );
+}