change design. prototype.

frontend/src/app/clients/[clientId]/page.tsx

@@ -0,0 +1,2 @@
+import { ClientDetailPage } from "@/features/dashboard/pages";
+export default async function Page({ params }: { params: Promise<{ clientId: string }> }) { return <ClientDetailPage clientId={(await params).clientId} />; }

frontend/src/app/clients/page.tsx

@@ -0,0 +1,2 @@
+import { ClientsPage } from "@/features/dashboard/pages";
+export default function Page() { return <ClientsPage />; }

frontend/src/app/deliveries/[deliveryId]/attempts/[attemptId]/page.tsx

@@ -0,0 +1,2 @@
+import { AttemptDetailPage } from "@/features/dashboard/pages";
+export default async function Page({ params }: { params: Promise<{ deliveryId: string; attemptId: string }> }) { const resolved = await params; return <AttemptDetailPage deliveryId={resolved.deliveryId} attemptId={resolved.attemptId} />; }

frontend/src/app/deliveries/[deliveryId]/page.tsx

@@ -0,0 +1,2 @@
+import { DeliveryDetailPage } from "@/features/dashboard/pages";
+export default async function Page({ params }: { params: Promise<{ deliveryId: string }> }) { return <DeliveryDetailPage deliveryId={(await params).deliveryId} />; }

frontend/src/app/deliveries/page.tsx

@@ -0,0 +1,2 @@
+import { DeliveriesPage } from "@/features/dashboard/pages";
+export default function Page() { return <DeliveriesPage />; }

frontend/src/app/globals.css

@@ -1,20 +1,34 @@
 :root {
   color-scheme: dark;
-  --base: #101215;
-  --surface: #171a1e;
-  --raised: #1e2227;
-  --hover: #25292f;
-  --line: #2b3037;
-  --line-subtle: #22262c;
-  --text: #eef0f3;
-  --soft: #bec4cd;
-  --muted: #929ca9;
-  --accent: #ff956e;
-  --accent-dim: #31231f;
-  --green: #83d9b0;
-  --red: #ff989f;
-  --amber: #eac281;
-  --blue: #91bdff;
+  --base: #090d10;
+  --surface: #0e1519;
+  --raised: #121b20;
+  --hover: #121b20;
+  --line: #253036;
+  --line-subtle: #1b252a;
+  --text: #e6eaed;
+  --soft: #9aa4aa;
+  --muted: #69757c;
+  --accent: #6c8cff;
+  --accent-dim: #1d2946;
+  --green: #2dd4a3;
+  --red: #e05252;
+  --amber: #d99a32;
+  --blue: #6c8cff;
+  --bg: var(--base);
+  --sidebar: #0b1319;
+  --surface-raised: var(--raised);
+  --surface-hover: var(--hover);
+  --border: var(--line);
+  --border-subtle: var(--line-subtle);
+  --text-primary: var(--text);
+  --text-secondary: var(--soft);
+  --text-muted: var(--muted);
+  --success: var(--green);
+  --warning: var(--amber);
+  --danger: var(--red);
+  --radius-sm: 4px;
+  --radius-md: 6px;
   --mono: "Geist Mono Variable", ui-monospace, monospace;
   --sans: "Geist Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 }

frontend/src/app/incidents/[incidentId]/page.tsx

@@ -0,0 +1,2 @@
+import { IncidentDetailPage } from "@/features/dashboard/pages";
+export default async function Page({ params }: { params: Promise<{ incidentId: string }> }) { return <IncidentDetailPage incidentId={(await params).incidentId} />; }

frontend/src/app/incidents/page.tsx

@@ -0,0 +1,2 @@
+import { IncidentsPage } from "@/features/dashboard/pages";
+export default function Page() { return <IncidentsPage />; }

frontend/src/app/layout.tsx

@@ -2,11 +2,11 @@ import type { Metadata } from "next";
 import "@fontsource-variable/geist";
 import "@fontsource-variable/geist-mono";
 import "./globals.css";
-import "@/features/desk/desk.css";
+import "./dashboard.css";
 
 export const metadata: Metadata = {
-  title: "Investigation desk · Ackvia",
-  description: "Captured submissions. Delivery evidence. Recovery in context.",
+  title: "Overview · Ackvia",
+  description: "Portfolio lead reliability at a glance.",
 };
 
 export default function RootLayout({ children }: LayoutProps<"/">) {

frontend/src/app/leads/[leadId]/page.tsx

@@ -0,0 +1,2 @@
+import { LeadDetailPage } from "@/features/dashboard/pages";
+export default async function Page({ params }: { params: Promise<{ leadId: string }> }) { return <LeadDetailPage leadId={(await params).leadId} />; }

frontend/src/app/leads/page.tsx

@@ -0,0 +1,2 @@
+import { LeadsPage } from "@/features/dashboard/pages";
+export default function Page() { return <LeadsPage />; }

frontend/src/app/loading.tsx

@@ -1 +1,7 @@
-export { DeskLoading as default } from "@/features/desk/desk-loading";
+import "./overview.css";
+import { AppShell } from "@/components/app-shell";
+import { DashboardPage, LoadingState } from "@/components/dashboard-ui";
+
+export default function Loading() {
+  return <AppShell><DashboardPage><LoadingState /></DashboardPage></AppShell>;
+}

frontend/src/app/monitoring/page.tsx

@@ -0,0 +1,2 @@
+import { MonitoringPage } from "@/features/dashboard/pages";
+export default function Page() { return <MonitoringPage />; }