From 9362bb58b34b2b80a897eb2563642a0b78449130 Mon Sep 17 00:00:00 2001
From: d-kimsuon <dev.kimuson@gmail.com>
Date: Mon, 1 Sep 2025 09:08:59 +0900
Subject: [PATCH] feat: improve multi-line tool result view. properly handle
 line breaks.

---
 .../AssistantConversationContent.tsx          | 32 +++++++++++++++++--
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/app/projects/[projectId]/sessions/[sessionId]/components/conversationList/AssistantConversationContent.tsx b/src/app/projects/[projectId]/sessions/[sessionId]/components/conversationList/AssistantConversationContent.tsx
index 1bc243d..bcbb0cd 100644
--- a/src/app/projects/[projectId]/sessions/[sessionId]/components/conversationList/AssistantConversationContent.tsx
+++ b/src/app/projects/[projectId]/sessions/[sessionId]/components/conversationList/AssistantConversationContent.tsx
@@ -104,9 +104,35 @@ export const AssistantConversationContent: FC<{
               </CollapsibleTrigger>
               <CollapsibleContent>
                 <div className="bg-background rounded border p-2 mt-1">
-                  <pre className="text-xs overflow-x-auto">
-                    {JSON.stringify(toolResult.content, null, 2)}
-                  </pre>
+                  {typeof toolResult.content === "string" ? (
+                    <pre className="text-xs overflow-x-auto whitespace-pre-line">
+                      {toolResult.content}
+                    </pre>
+                  ) : (
+                    toolResult.content.map((item) => {
+                      if (item.type === "image") {
+                        return (
+                          <img
+                            key={item.source.data}
+                            src={`data:${item.source.media_type};base64,${item.source.data}`}
+                            alt="Tool Result"
+                          />
+                        );
+                      }
+                      if (item.type === "text") {
+                        return (
+                          <pre
+                            key={item.text}
+                            className="text-xs overflow-x-auto whitespace-pre-line"
+                          >
+                            {item.text}
+                          </pre>
+                        );
+                      }
+                      item satisfies never;
+                      throw new Error("Unexpected tool result content type");
+                    })
+                  )}
                 </div>
               </CollapsibleContent>
             </Collapsible>