From 26f17ff6366a0fb518b4e4e6ad68e291b54fe812 Mon Sep 17 00:00:00 2001
From: daryl saxton <admin@dylsxtn.com>
Date: Sat, 25 Oct 2025 14:53:13 +0800
Subject: [PATCH 1/2] give ProviderChecker's Error component a maxWidth

---
 .../settings/provider/features/ProviderConfig/Checker.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx b/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx
index 7298a5bc20e88..3027b9789f8fc 100644
--- a/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx
+++ b/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx
@@ -20,7 +20,7 @@ const Error = memo<{ error: ChatMessageError }>(({ error }) => {
   const providerName = useProviderName(error.body?.provider);
 
   return (
-    <Flexbox gap={8} style={{ width: '100%' }}>
+    <Flexbox gap={8} style={{ maxWidth: 600, width: '100%' }}>
       <Alert
         extra={
           <Flexbox>

From ac6a6f15fb3009393dc41c5781cbacb7f80de744 Mon Sep 17 00:00:00 2001
From: daryl saxton <admin@dylsxtn.com>
Date: Sat, 25 Oct 2025 15:13:30 +0800
Subject: [PATCH 2/2] add warp property to Highlighter

---
 .../settings/provider/features/ProviderConfig/Checker.tsx  | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx b/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx
index 3027b9789f8fc..8afec246f4d80 100644
--- a/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx
+++ b/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/Checker.tsx
@@ -24,7 +24,12 @@ const Error = memo<{ error: ChatMessageError }>(({ error }) => {
       <Alert
         extra={
           <Flexbox>
-            <Highlighter actionIconSize={'small'} language={'json'} variant={'borderless'}>
+            <Highlighter
+              actionIconSize={'small'}
+              language={'json'}
+              variant={'borderless'}
+              wrap={true}
+            >
               {JSON.stringify(error.body || error, null, 2)}
             </Highlighter>
           </Flexbox>