From d769f314927f0474fc77dce7c680cebd83111689 Mon Sep 17 00:00:00 2001
From: lofyer <lofyer@gmail.com>
Date: Wed, 12 Aug 2026 22:58:50 +0800
Subject: [PATCH] fix: separate model credential status

---
 src/renderer/src/SettingsPanel.test.tsx       | 10 ++++++++++
 src/renderer/src/SettingsPanel.tsx            |  4 ++--
 src/renderer/src/WorkspacePrimitives.test.tsx |  6 ++++++
 src/renderer/src/styles.css                   |  5 +++++
 4 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/SettingsPanel.test.tsx b/src/renderer/src/SettingsPanel.test.tsx
index 5126cd9..dda7d83 100644
--- a/src/renderer/src/SettingsPanel.test.tsx
+++ b/src/renderer/src/SettingsPanel.test.tsx
@@ -1930,6 +1930,11 @@ describe('SettingsPanel runtime files', () => {
     fireEvent.click(screen.getByRole('tab', { name: '模型连接' }))
     await screen.findByDisplayValue('默认模型')
     fireEvent.click(screen.getByRole('button', { name: '向量模型' }))
+    expect(
+      screen
+        .getByLabelText('API Key（可选）')
+        .closest('.runtime-note')
+    ).toHaveClass('model-service-form')
     expect(
       screen.getByText('向量模型连接', { selector: 'strong' })
     ).toBeInTheDocument()
@@ -1995,6 +2000,11 @@ describe('SettingsPanel runtime files', () => {
     await screen.findByDisplayValue('默认模型')
     fireEvent.click(screen.getByRole('button', { name: '重排模型' }))
 
+    expect(
+      screen
+        .getByLabelText('API Key（可选）')
+        .closest('.runtime-note')
+    ).toHaveClass('model-service-form')
     const rerankSwitch = screen.getByRole('switch', {
       name: '启用学习型重排'
     })
diff --git a/src/renderer/src/SettingsPanel.tsx b/src/renderer/src/SettingsPanel.tsx
index 6096534..223277a 100644
--- a/src/renderer/src/SettingsPanel.tsx
+++ b/src/renderer/src/SettingsPanel.tsx
@@ -2147,7 +2147,7 @@ export function SettingsPanel({
                   <small>{t('model.embedding.description')}</small>
                 </div>
               </div>
-              <div className="runtime-note">
+              <div className="runtime-note model-service-form">
                 <label className="toggle-row">
                   <input
                     checked={knowledgeEmbeddingEnabled}
@@ -2260,7 +2260,7 @@ export function SettingsPanel({
                   <small>{t('model.rerank.description')}</small>
                 </div>
               </div>
-              <div className="runtime-note">
+              <div className="runtime-note model-service-form">
                 <label className="toggle-row">
                   <input
                     checked={knowledgeRerankEnabled}
diff --git a/src/renderer/src/WorkspacePrimitives.test.tsx b/src/renderer/src/WorkspacePrimitives.test.tsx
index 20af8e7..15f25ab 100644
--- a/src/renderer/src/WorkspacePrimitives.test.tsx
+++ b/src/renderer/src/WorkspacePrimitives.test.tsx
@@ -134,6 +134,12 @@ describe('WorkspacePrimitives', () => {
     )
   })
 
+  it('separates model service fields from credential status', () => {
+    expect(stylesheet).toMatch(
+      /\.model-service-form\s*\{[^}]*display:\s*grid;[^}]*gap:\s*var\(--space-3\);/u
+    )
+  })
+
   it('uses the design-system page gutters at each window width', () => {
     expect(stylesheet).toMatch(/--page-gutter:\s*32px;/u)
     expect(stylesheet).toMatch(
diff --git a/src/renderer/src/styles.css b/src/renderer/src/styles.css
index b1f9f99..41c9cff 100644
--- a/src/renderer/src/styles.css
+++ b/src/renderer/src/styles.css
@@ -4891,6 +4891,11 @@ button > svg {
   font-weight: 650;
 }
 
+.model-service-form {
+  display: grid;
+  gap: var(--space-3);
+}
+
 .runtime-source-options {
   display: grid;
   min-width: 0;