From a23e492132c1c9e9a7da987cf060bef5af927979 Mon Sep 17 00:00:00 2001
From: youngbeom <youngbeomshin@gmail.com>
Date: Mon, 13 Jul 2026 12:32:43 +0800
Subject: [PATCH] fix(web): dedupe model provider check error

---
 .../CreateModelProviderModal.tsx              | 20 +++++++++----------
 .../WorkspaceModals/WorkspaceModals.css       |  6 ++++++
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateModelProviderModal.tsx b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateModelProviderModal.tsx
index 392fbbde..277c7766 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateModelProviderModal.tsx
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/CreateModelProviderModal.tsx
@@ -208,7 +208,7 @@ export function CreateModelProviderModal({
         : checkState === "empty"
           ? t("modelProviderCheckEmpty")
           : checkState === "error"
-            ? autoCheckWarning || t("modelProviderCheckFailed")
+            ? ""
             : t("modelProviderNotChecked");
 
   return (
@@ -321,10 +321,12 @@ export function CreateModelProviderModal({
                 </label>
                 {onCheckAccess ? (
                   <div className="field create-model-provider-span-2">
-                    <div className="create-model-provider-check-row">
-                      <Button variant="secondaryGray" size="sm" disabled={checkDisabled} onClick={handleCheckAccess}>
-                        {autoCheckBusy ? t("profileLoadingModels") : t("modelProviderCheck")}
-                      </Button>
+                    <div className="create-model-provider-check-block">
+                      <div className="create-model-provider-check-row">
+                        <Button variant="secondaryGray" size="sm" disabled={checkDisabled} onClick={handleCheckAccess}>
+                          {autoCheckBusy ? t("profileLoadingModels") : t("modelProviderCheck")}
+                        </Button>
+                      </div>
                       {autoCheckMessage ? (
                         <span className="create-model-provider-check-status success">{autoCheckMessage}</span>
                       ) : null}
@@ -346,11 +348,9 @@ export function CreateModelProviderModal({
                     models={modelList}
                     searchLabel={t("modelProviderModelSearch")}
                   />
-                  <small
-                    className={`field-hint create-model-provider-model-status ${checkState === "error" ? "warning" : ""}`.trim()}
-                  >
-                    {modelStatusHint}
-                  </small>
+                  {modelStatusHint ? (
+                    <small className="field-hint create-model-provider-model-status">{modelStatusHint}</small>
+                  ) : null}
                 </div>
               </div>
             </div>
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/WorkspaceModals.css b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/WorkspaceModals.css
index 4b1dc0f5..4522ffcb 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceModals/WorkspaceModals.css
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceModals/WorkspaceModals.css
@@ -145,6 +145,12 @@
   box-shadow: none;
 }
 
+.create-model-provider-check-block {
+  display: grid;
+  justify-items: start;
+  gap: 6px;
+}
+
 .create-model-provider-check-row {
   display: flex;
   align-items: center;