From d6e7ce330e77e11ea1e9b82ad8e41425ce91d033 Mon Sep 17 00:00:00 2001
From: defi-failure <159208748+defi-failure@users.noreply.github.com>
Date: Thu, 13 Nov 2025 18:22:00 +0800
Subject: [PATCH] feat: move error response to top and enlarge window for
 easier debugging (#11169)

---
 .../pages/home/Messages/Blocks/ErrorBlock.tsx | 42 ++++++++++++-------
 1 file changed, 26 insertions(+), 16 deletions(-)

diff --git a/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx b/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx
index f3ed182ae..b8d1950df 100644
--- a/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx
+++ b/src/renderer/src/pages/home/Messages/Blocks/ErrorBlock.tsx
@@ -207,14 +207,15 @@ const ErrorDetailModal: React.FC<ErrorDetailModalProps> = ({ open, onClose, erro
           {t('common.close')}
         </Button>
       ]}
-      width={600}>
+      width="80%"
+      style={{ maxWidth: '1200px', minWidth: '600px' }}>
       <ErrorDetailContainer>{renderErrorDetails(error)}</ErrorDetailContainer>
     </Modal>
   )
 }
 
 const ErrorDetailContainer = styled.div`
-  max-height: 400px;
+  max-height: 60vh;
   overflow-y: auto;
 `
 
@@ -347,16 +348,8 @@ const AiSdkError = ({ error }: { error: SerializedAiSdkErrorUnion }) => {
 
   return (
     <ErrorDetailList>
-      <AiSdkErrorBase error={error} />
-
       {(isSerializedAiSdkAPICallError(error) || isSerializedAiSdkDownloadError(error)) && (
         <>
-          {error.statusCode && (
-            <ErrorDetailItem>
-              <ErrorDetailLabel>{t('error.statusCode')}:</ErrorDetailLabel>
-              <ErrorDetailValue>{error.statusCode}</ErrorDetailValue>
-            </ErrorDetailItem>
-          )}
           {error.url && (
             <ErrorDetailItem>
               <ErrorDetailLabel>{t('error.requestUrl')}:</ErrorDetailLabel>
@@ -374,12 +367,27 @@ const AiSdkError = ({ error }: { error: SerializedAiSdkErrorUnion }) => {
               <CodeViewer value={error.responseBody} className="source-view" language="json" expanded />
             </ErrorDetailItem>
           )}
+        </>
+      )}
 
-          {error.requestBodyValues && (
+      {(isSerializedAiSdkAPICallError(error) || isSerializedAiSdkDownloadError(error)) && (
+        <>
+          {error.statusCode && (
             <ErrorDetailItem>
-              <ErrorDetailLabel>{t('error.requestBodyValues')}:</ErrorDetailLabel>
+              <ErrorDetailLabel>{t('error.statusCode')}:</ErrorDetailLabel>
+              <ErrorDetailValue>{error.statusCode}</ErrorDetailValue>
+            </ErrorDetailItem>
+          )}
+        </>
+      )}
+
+      {isSerializedAiSdkAPICallError(error) && (
+        <>
+          {error.responseHeaders && (
+            <ErrorDetailItem>
+              <ErrorDetailLabel>{t('error.responseHeaders')}:</ErrorDetailLabel>
               <CodeViewer
-                value={safeToString(error.requestBodyValues)}
+                value={JSON.stringify(error.responseHeaders, null, 2)}
                 className="source-view"
                 language="json"
                 expanded
@@ -387,11 +395,11 @@ const AiSdkError = ({ error }: { error: SerializedAiSdkErrorUnion }) => {
             </ErrorDetailItem>
           )}
 
-          {error.responseHeaders && (
+          {error.requestBodyValues && (
             <ErrorDetailItem>
-              <ErrorDetailLabel>{t('error.responseHeaders')}:</ErrorDetailLabel>
+              <ErrorDetailLabel>{t('error.requestBodyValues')}:</ErrorDetailLabel>
               <CodeViewer
-                value={JSON.stringify(error.responseHeaders, null, 2)}
+                value={safeToString(error.requestBodyValues)}
                 className="source-view"
                 language="json"
                 expanded
@@ -627,6 +635,8 @@ const AiSdkError = ({ error }: { error: SerializedAiSdkErrorUnion }) => {
           <ErrorDetailValue>{error.functionality}</ErrorDetailValue>
         </ErrorDetailItem>
       )}
+
+      <AiSdkErrorBase error={error} />
     </ErrorDetailList>
   )
 }