From aa1bebf81b56f3e787a5f7ba0c7d00fae51524d1 Mon Sep 17 00:00:00 2001
From: Nexus Dev <nexus@local>
Date: Wed, 1 Apr 2026 22:47:19 +0000
Subject: [PATCH] feat(24-03): add JSON export button to ChatPanel header
 (HIST-04 gap closure)

---
 ui/src/components/ChatPanel.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/ChatPanel.tsx b/ui/src/components/ChatPanel.tsx
index d137b92b..787f7859 100644
--- a/ui/src/components/ChatPanel.tsx
+++ b/ui/src/components/ChatPanel.tsx
@@ -1,5 +1,5 @@
 import { useState, useMemo, useEffect, useCallback } from "react";
-import { Bookmark, Download, X } from "lucide-react";
+import { Bookmark, Download, FileJson, X } from "lucide-react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useChatPanel } from "../context/ChatPanelContext";
 import { useCompany } from "../context/CompanyContext";
@@ -264,6 +264,16 @@ export function ChatPanel() {
               >
                 <Download className="h-4 w-4" />
               </Button>
+              <Button
+                variant="ghost"
+                size="icon"
+                className="h-6 w-6"
+                onClick={() => handleExport("json")}
+                aria-label="Export as JSON"
+                title="Export as JSON"
+              >
+                <FileJson className="h-4 w-4" />
+              </Button>
             </>
           )}
           {selectedCompanyId && (