From bc8a449b8a51af20582f92e6363d956f521bbe2c Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Thu, 12 Mar 2026 18:56:20 -0700
Subject: [PATCH] Get pane ready

---
 apps/yaak-proxy/components/ProxyLayout.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/apps/yaak-proxy/components/ProxyLayout.tsx b/apps/yaak-proxy/components/ProxyLayout.tsx
index 9c60e466..c20f2b50 100644
--- a/apps/yaak-proxy/components/ProxyLayout.tsx
+++ b/apps/yaak-proxy/components/ProxyLayout.tsx
@@ -1,4 +1,4 @@
-import { HeaderSize, IconButton, SidebarLayout } from '@yaakapp-internal/ui';
+import { HeaderSize, IconButton, SidebarLayout, SplitLayout } from '@yaakapp-internal/ui';
 import classNames from 'classnames';
 import { useAtomValue } from 'jotai';
 import { useState } from 'react';
@@ -124,7 +124,19 @@ export function ProxyLayout() {
           )
         }
       >
-        <ExchangesTable exchanges={exchanges} className="overflow-auto h-full" />
+        <SplitLayout
+          storageKey="proxy_detail"
+          layout="vertical"
+          defaultRatio={0.4}
+          firstSlot={({ style }) => (
+            <ExchangesTable exchanges={exchanges} style={style} className="overflow-auto" />
+          )}
+          secondSlot={({ style }) => (
+            <div style={style} className="p-3 text-text-subtlest text-sm border-t border-border-subtle">
+              Select a request to view details
+            </div>
+          )}
+        />
       </SidebarLayout>
     </div>
   );