From 836ebbf82838f695d747e77461cec72f45cfa6fb Mon Sep 17 00:00:00 2001
From: Ajax Davis <thomasalwyndavis@gmail.com>
Date: Thu, 8 Jan 2026 04:55:53 +1000
Subject: [PATCH] feat: add copy button to debug JSON view

---
 .../app/agents/[id]/chat/[chatId]/page.tsx    | 28 +++++++++++++------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/app/agents/[id]/chat/[chatId]/page.tsx b/apps/web/src/app/agents/[id]/chat/[chatId]/page.tsx
index f10585e..80046b1 100644
--- a/apps/web/src/app/agents/[id]/chat/[chatId]/page.tsx
+++ b/apps/web/src/app/agents/[id]/chat/[chatId]/page.tsx
@@ -697,14 +697,26 @@ export default function PublicAgentChatPage(): React.ReactElement {
           {/* Debug JSON View */}
           {viewMode === 'debug' && (
             <div className="flex-1 overflow-auto p-4 bg-background">
-              <div className="mb-4">
-                <h2 className="text-sm font-medium text-foreground mb-2">
-                  Raw Messages Array ({messages.length} messages)
-                </h2>
-                <p className="text-xs text-foreground-tertiary mb-4">
-                  Messages are ordered by createdAt. Each message includes role, content, and tool
-                  call data.
-                </p>
+              <div className="mb-4 flex items-start justify-between">
+                <div>
+                  <h2 className="text-sm font-medium text-foreground mb-2">
+                    Raw Messages Array ({messages.length} messages)
+                  </h2>
+                  <p className="text-xs text-foreground-tertiary">
+                    Messages are ordered by createdAt. Each message includes role, content, and tool
+                    call data.
+                  </p>
+                </div>
+                <Button
+                  variant="outline"
+                  size="sm"
+                  onClick={() => {
+                    navigator.clipboard.writeText(JSON.stringify(messages, null, 2));
+                  }}
+                >
+                  <Icon icon="clipboard" size="xs" className="mr-2" />
+                  Copy JSON
+                </Button>
               </div>
               <pre className="text-xs font-mono bg-surface-secondary border border-border rounded-lg p-4 overflow-x-auto whitespace-pre-wrap">
                 {JSON.stringify(messages, null, 2)}