From 3d555943c483be63bad5f851554bd5f869a7d8e3 Mon Sep 17 00:00:00 2001
From: suyao <sy20010504@gmail.com>
Date: Thu, 4 Sep 2025 00:47:02 +0800
Subject: [PATCH] refactor(CodeViewer): make children prop optional for
 improved flexibility

---
 src/renderer/src/components/CodeViewer.tsx               | 2 +-
 .../src/pages/home/Messages/Blocks/ErrorBlock.tsx        | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/renderer/src/components/CodeViewer.tsx b/src/renderer/src/components/CodeViewer.tsx
index 599e2d5afd..b4cf260653 100644
--- a/src/renderer/src/components/CodeViewer.tsx
+++ b/src/renderer/src/components/CodeViewer.tsx
@@ -19,7 +19,7 @@ interface CodeViewerProps {
    * - Supports shiki aliases: c#/csharp, objective-c++/obj-c++/objc++, etc.
    */
   language: string
-  children: React.ReactNode
+  children?: React.ReactNode
   onHeightChange?: (scrollHeight: number) => void
   /**
    * Height of the scroll container.
diff --git a/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx b/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx
index 146e6d5c95..310fec28fb 100644
--- a/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx
+++ b/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx
@@ -337,9 +337,12 @@ const AiApiCallError = ({ error }: { error: SerializedAiSdkAPICallError }) => {
       {error.responseBody && (
         <ErrorDetailItem>
           <ErrorDetailLabel>{t('error.responseBody')}:</ErrorDetailLabel>
-          <CodeViewer className="source-view" language="json" expanded>
-            {JSON.stringify(error.responseBody, null, 2)}
-          </CodeViewer>
+          <CodeViewer
+            className="source-view"
+            language="json"
+            expanded
+            value={JSON.stringify(error.responseBody, null, 2)}
+          />
         </ErrorDetailItem>
       )}