From 5b39527e1136a7f7fbcecd8d12992cdb54a0897a Mon Sep 17 00:00:00 2001
From: diegosouzapw <diegosouza.pw@gmail.com>
Date: Thu, 28 May 2026 22:07:40 -0300
Subject: [PATCH] =?UTF-8?q?fix(inspector-ui):=20use=20export.har=20URL=20(?=
 =?UTF-8?q?slash=E2=86=92dot)=20so=20HAR=20export=20works=20(R5-3)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../traffic-inspector/TrafficInspectorPageClient.tsx      | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/(dashboard)/dashboard/tools/traffic-inspector/TrafficInspectorPageClient.tsx b/src/app/(dashboard)/dashboard/tools/traffic-inspector/TrafficInspectorPageClient.tsx
index 92612a026a..9e7bd8aa25 100644
--- a/src/app/(dashboard)/dashboard/tools/traffic-inspector/TrafficInspectorPageClient.tsx
+++ b/src/app/(dashboard)/dashboard/tools/traffic-inspector/TrafficInspectorPageClient.tsx
@@ -19,7 +19,7 @@ export function TrafficInspectorPageClient() {
   const [containerHeight, setContainerHeight] = useState(600);
   const listContainerRef = useRef<HTMLDivElement | null>(null);
   const [selectedRequest, setSelectedRequest] = useState<InterceptedRequest | null>(null);
-  const { filters, setProfile, setHost, setAgent, setStatus, setSessionId } =
+  const { filters, setProfile, setHost, setAgent, setStatus, setSessionId, setSameContext } =
     useTrafficFilters();
   const [{ listWidth, collapsed }, { startDrag, toggleCollapse }] = useResizablePanels();
   const [streamState, streamActions] = useTrafficStream(filters);
@@ -52,7 +52,7 @@ export function TrafficInspectorPageClient() {
 
   const exportHar = useCallback(async () => {
     try {
-      const res = await fetch("/api/tools/traffic-inspector/export/har");
+      const res = await fetch("/api/tools/traffic-inspector/export.har");
       if (!res.ok) return;
       const blob = await res.blob();
       const url = URL.createObjectURL(blob);
@@ -116,6 +116,7 @@ export function TrafficInspectorPageClient() {
           connected={streamState.connected}
           total={streamState.total}
           maxSize={BUFFER_MAX}
+          pendingCount={streamState.pendingCount}
           recording={recorder.recording}
           session={recorder.session}
           elapsed={recorder.elapsed}
@@ -158,6 +159,9 @@ export function TrafficInspectorPageClient() {
                 selectedId={selectedRequest?.id ?? null}
                 onSelect={setSelectedRequest}
                 containerHeight={containerHeight}
+                onSameContext={setSameContext}
+                sameContextKey={filters.sameContextKey}
+                onClearContextFilter={() => setSameContext(undefined)}
               />
             </div>
           )}