chore: initial project import

app/agent/contacts/page.tsx

@@ -0,0 +1,48 @@
+import { redirect } from "next/navigation";
+import Link from "next/link";
+
+import { getSession } from "@/lib/auth";
+import { prisma } from "@/lib/prisma";
+import { ShellPage } from "@/components/page-templates";
+import { TablePlaceholder } from "@/components/placeholders";
+
+export default async function AgentContactsPage() {
+  const session = await getSession();
+  if (!session) {
+    redirect("/login");
+  }
+
+  if (session.role !== "agent") {
+    redirect("/unauthorized");
+  }
+
+  const contacts = await prisma.contact.findMany({
+    where: { tenantId: session.tenantId },
+    include: {
+      contactTags: {
+        include: { tag: true }
+      }
+    },
+    orderBy: { lastInteractionAt: "desc" }
+  });
+
+  const rows = contacts.map((contact) => [
+    contact.fullName,
+    contact.phoneNumber,
+    contact.lastInteractionAt ? new Intl.DateTimeFormat("id-ID", { hour: "2-digit", minute: "2-digit" }).format(contact.lastInteractionAt) : "-"
+    ,
+    <Link key={contact.id} href={`/contacts/${contact.id}`} className="text-brand hover:underline">
+      View
+    </Link>
+  ]);
+
+  return (
+    <ShellPage shell="agent" title="Contacts" description="View contact terbatas untuk kebutuhan handling conversation.">
+      <TablePlaceholder
+        title="Contacts"
+        columns={["Name", "Phone", "Last interaction", "Action"]}
+        rows={rows}
+      />
+    </ShellPage>
+  );
+}