From f990d6a1b7a596754b98a87746133b810572b884 Mon Sep 17 00:00:00 2001
From: Ishaan Jaffer <ishaanjaffer0324@gmail.com>
Date: Wed, 6 May 2026 15:05:40 -0700
Subject: [PATCH] feat(ui/agents): add /agents/[agent_id] route page

Per-agent landing page. Resolves auth via useAuthorized and passes the
agent_id param to AgentDetail.
---
 .../(dashboard)/agents/[agent_id]/page.tsx    | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 ui/litellm-dashboard/src/app/(dashboard)/agents/[agent_id]/page.tsx

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} />;
+}