import { ShellPage } from "@/components/page-templates";
import { TablePlaceholder } from "@/components/placeholders";
import { getAgentResolvedHistory } from "@/lib/inbox-ops";

export default async function AgentResolvedPage() {
  const rows = await getAgentResolvedHistory();

  return (
    <ShellPage shell="agent" title="Resolved History" description="Riwayat conversation yang sudah selesai ditangani.">
      <TablePlaceholder
        title="Resolved"
        columns={["Conversation", "Resolved at", "Last action"]}
        rows={rows.map((item) => [item.contactName, item.resolvedAt, item.lastAction])}
      />
    </ShellPage>
  );
}