chore: initial project import

app/reports/agent-productivity/page.tsx

@@ -0,0 +1,13 @@
+import { DashboardPlaceholder } from "@/components/placeholders";
+import { ShellPage } from "@/components/page-templates";
+import { getDashboardData } from "@/lib/platform-data";
+
+export default async function AgentProductivityReportPage() {
+  const data = await getDashboardData();
+
+  return (
+    <ShellPage shell="admin" title="Agent Productivity Report" description="Perbandingan performa agent dalam satu tenant.">
+      <DashboardPlaceholder stats={data.stats} priorityQueue={data.priorityQueue} />
+    </ShellPage>
+  );
+}

app/reports/campaign-analytics/page.tsx

@@ -0,0 +1,13 @@
+import { DashboardPlaceholder } from "@/components/placeholders";
+import { ShellPage } from "@/components/page-templates";
+import { getDashboardData } from "@/lib/platform-data";
+
+export default async function CampaignAnalyticsReportPage() {
+  const data = await getDashboardData();
+
+  return (
+    <ShellPage shell="admin" title="Campaign Analytics" description="Delivered, read, failed, dan trend broadcast.">
+      <DashboardPlaceholder stats={data.stats} priorityQueue={data.priorityQueue} />
+    </ShellPage>
+  );
+}

app/reports/contact-growth/page.tsx

@@ -0,0 +1,13 @@
+import { DashboardPlaceholder } from "@/components/placeholders";
+import { ShellPage } from "@/components/page-templates";
+import { getDashboardData } from "@/lib/platform-data";
+
+export default async function ContactGrowthReportPage() {
+  const data = await getDashboardData();
+
+  return (
+    <ShellPage shell="admin" title="Contact Growth Report" description="Pertumbuhan audience dan active contacts.">
+      <DashboardPlaceholder stats={data.stats} priorityQueue={data.priorityQueue} />
+    </ShellPage>
+  );
+}

app/reports/page.tsx

@@ -0,0 +1,25 @@
+import { PlaceholderActions, ShellPage } from "@/components/page-templates";
+import { TablePlaceholder } from "@/components/placeholders";
+
+export default function ReportsPage() {
+  return (
+    <ShellPage
+      shell="admin"
+      title="Reports Overview"
+      description="Entry point ke response time, resolution, campaign analytics, dan contact growth."
+      actions={<PlaceholderActions primaryHref="/reports/response-time" primaryLabel="Open response time" />}
+    >
+      <TablePlaceholder
+        title="Available reports"
+        columns={["Report", "Purpose", "Route"]}
+        rows={[
+          ["Response Time", "SLA and responsiveness", "/reports/response-time"],
+          ["Resolution", "Conversation completion quality", "/reports/resolution"],
+          ["Agent Productivity", "Per-agent handled volume", "/reports/agent-productivity"],
+          ["Campaign Analytics", "Broadcast outcome", "/reports/campaign-analytics"],
+          ["Contact Growth", "Audience expansion", "/reports/contact-growth"]
+        ]}
+      />
+    </ShellPage>
+  );
+}

app/reports/resolution/page.tsx

@@ -0,0 +1,13 @@
+import { DashboardPlaceholder } from "@/components/placeholders";
+import { ShellPage } from "@/components/page-templates";
+import { getDashboardData } from "@/lib/platform-data";
+
+export default async function ResolutionReportPage() {
+  const data = await getDashboardData();
+
+  return (
+    <ShellPage shell="admin" title="Resolution Report" description="Resolution rate dan aging backlog.">
+      <DashboardPlaceholder stats={data.stats} priorityQueue={data.priorityQueue} />
+    </ShellPage>
+  );
+}

app/reports/response-time/page.tsx

@@ -0,0 +1,13 @@
+import { DashboardPlaceholder } from "@/components/placeholders";
+import { ShellPage } from "@/components/page-templates";
+import { getDashboardData } from "@/lib/platform-data";
+
+export default async function ResponseTimeReportPage() {
+  const data = await getDashboardData();
+
+  return (
+    <ShellPage shell="admin" title="Response Time Report" description="KPI, chart, dan table untuk performa response time.">
+      <DashboardPlaceholder stats={data.stats} priorityQueue={data.priorityQueue} />
+    </ShellPage>
+  );
+}