diff --git a/ui/litellm-dashboard/src/app/(dashboard)/agents/[agent_id]/page.tsx b/ui/litellm-dashboard/src/app/(dashboard)/agents/[agent_id]/page.tsx
new file mode 100644
index 00000000000..f63b88fa02f
--- /dev/null
+++ b/ui/litellm-dashboard/src/app/(dashboard)/agents/[agent_id]/page.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+/**
+ * /agents/{agent_id} — per-agent landing page.
+ *
+ * Shows the agent's identity, system prompt, and sessions list. + New
+ * Session opens the create dialog and redirects into the three-pane view.
+ */
+import { use } from "react";
+import useAuthorized from "@/app/(dashboard)/hooks/useAuthorized";
+import AgentDetail from "@/app/(dashboard)/agents/components/agent-detail";
+
+interface PageProps {
+  params: Promise<{ agent_id: string }>;
+}
+
+export default function AgentDetailPage({ params }: PageProps) {
+  const { agent_id } = use(params);
+  const { accessToken } = useAuthorized();
+  return <AgentDetail agentId={agent_id} accessToken={accessToken} />;
+}