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

Three-pane session view. Resolves auth via useAuthorized and passes
the agent_id + session_id params to ThreePane.
---
 .../[agent_id]/sessions/[session_id]/page.tsx | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 ui/litellm-dashboard/src/app/(dashboard)/agents/[agent_id]/sessions/[session_id]/page.tsx

diff --git a/ui/litellm-dashboard/src/app/(dashboard)/agents/[agent_id]/sessions/[session_id]/page.tsx b/ui/litellm-dashboard/src/app/(dashboard)/agents/[agent_id]/sessions/[session_id]/page.tsx
new file mode 100644
index 00000000000..9aac9290de0
--- /dev/null
+++ b/ui/litellm-dashboard/src/app/(dashboard)/agents/[agent_id]/sessions/[session_id]/page.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+/**
+ * /agents/{agent_id}/sessions/{session_id} — three-pane session view.
+ *
+ * Reflects the LIT-2881 layout:
+ *   - left: SessionList scoped to the active Agent
+ *   - middle: Conversation (snapshot + live SSE) + Composer
+ *   - right: Git / Terminal tabs
+ */
+import { use } from "react";
+import useAuthorized from "@/app/(dashboard)/hooks/useAuthorized";
+import ThreePane from "@/app/(dashboard)/agents/components/three-pane";
+
+interface PageProps {
+  params: Promise<{ agent_id: string; session_id: string }>;
+}
+
+export default function SessionThreePanePage({ params }: PageProps) {
+  const { agent_id, session_id } = use(params);
+  const { accessToken } = useAuthorized();
+  return <ThreePane agentId={agent_id} sessionId={session_id} accessToken={accessToken} />;
+}