refactor: 优化 ModelSelector 和 ProxySettings 组件，移除不必要的帮助信息，调整付费检测状态显示

refactor: 更新 KeyLogModal 组件，优化模型选择和付费检测状态的显示方式
refactor: 清理 en.json 和 zh.json 中的多余文本，简化用户界面提示
style: 调整组件样式，优化响应式布局和状态指示器的样式

Author: weiruchenai1

src/components/features/ApiConfig/ModelSelector.jsx

@@ -120,14 +120,23 @@ const ModelSelector = () => {
 
   return (
     <div className="space-y-sm">
-      <label className="text-sm font-medium text-primary">
-        {t('selectModel')}
-        {state.detectedModels.size > 0 && (
-          <span className="text-xs text-success ml-xs">
-            {' '}({t('detected')} {state.detectedModels.size} {t('models')})
-          </span>
+      <div className="flex items-center gap-md">
+        <label className="text-sm font-medium text-primary">
+          {t('selectModel')}
+          {state.detectedModels.size > 0 && (
+            <span className="text-xs text-success ml-xs">
+              {' '}({t('detected')} {state.detectedModels.size} {t('models')})
+            </span>
+          )}
+        </label>
+
+        {/* 付费检测状态信息 */}
+        {state.apiType === 'gemini' && state.enablePaidDetection && (
+          <small className="form-info enabled text-xs">
+            {t('paidDetectionEnabled')}
+          </small>
         )}
-      </label>
+      </div>
       <div className="flex gap-xs">
         {!isCustomModel ? (
           <select
@@ -176,17 +185,6 @@ const ModelSelector = () => {
         </button>
       </div>
 
-      <small className="form-help">{t('modelHelp')}</small>
-
-      {/* 付费检测状态信息 */}
-      {state.apiType === 'gemini' && (
-        <div className="paid-detection-status">
-          <small className={`form-info ${state.enablePaidDetection ? 'enabled' : 'disabled'}`}>
-            {state.enablePaidDetection ? t('paidDetectionEnabled') : t('paidDetectionDisabled')}
-          </small>
-        </div>
-      )}
-
       <PaidDetectionPrompt
         isOpen={showPaidDetectionPrompt}
         onClose={() => setShowPaidDetectionPrompt(false)}

src/components/features/ApiConfig/ProxySettings.jsx

@@ -31,7 +31,6 @@ const ProxySettings = () => {
           onChange={handleProxyChange}
         />
       </div>
-      <small className="form-help">{t('proxyHelp')}</small>
     </div>
   );
 };

src/components/features/LogsPreview/KeyLogModal.jsx

@@ -216,15 +216,15 @@ const KeyLogModal = () => {
                 <div className="text-xs text-secondary">
                   {(t('selectApi') || '选择 API 类型') + ': ' + (logEntry.apiType || '-')}
                 </div>
-                <div className="text-xs text-secondary">
-                  {(t('selectModel') || '测试模型') + ': ' + (logEntry.model || '-')}
+                <div className="flex items-center gap-md text-xs text-secondary">
+                  <span>{(t('selectModel') || '测试模型') + ': ' + (logEntry.model || '-')}</span>
+                  {metadata.enablePaidDetection ? (
+                    <span>{t('paidDetectionEnabled') || '已开启付费检测'}</span>
+                  ) : null}
                 </div>
                 {metadata.proxyUrl ? (
                   <div className="text-xs text-secondary">Proxy: {metadata.proxyUrl}</div>
                 ) : null}
-                {metadata.enablePaidDetection ? (
-                  <div className="text-xs text-secondary">{t('paidDetectionEnabled') || '已开启付费检测'}</div>
-                ) : null}
               </Card>
             </div>
 

src/locales/en.json

@@ -3,13 +3,11 @@
   "selectModel": "Test Model",
   "customModel": "Custom",
   "presetModel": "Preset",
-  "modelHelp": "Choose preset model or enter custom model name",
   "modelInputPlaceholder": "Enter custom model name",
   "detectedModelsTitle": "Detected Models",
   "detecting": "Detecting...",
   "detected": "Detected",
   "proxyUrl": "Proxy Server URL (Optional)",
-  "proxyHelp": "Leave empty to use default proxy",
   "concurrencyControl": "Concurrency Control",
   "retryControl": "Retry Control",
   "retryHelp": "Number of retries when encountering temporary errors (like 403), helps improve detection accuracy",

src/locales/zh.json

@@ -3,13 +3,11 @@
   "selectModel": "测试模型",
   "customModel": "自定义",
   "presetModel": "预设",
-  "modelHelp": "可以选择预设模型或输入自定义模型名",
   "modelInputPlaceholder": "输入自定义模型名",
   "detectedModelsTitle": "检测到的模型",
   "detecting": "检测中",
   "detected": "检测到",
   "proxyUrl": "代理服务器 URL (可选)",
-  "proxyHelp": "留空使用默认代理",
   "concurrencyControl": "并发控制",
   "retryControl": "重试控制",
   "retryHelp": "遇到临时错误(如403)时重试次数，有助于提高检测准确性",

src/styles/components.css

@@ -116,7 +116,7 @@
 }
 
 /* 只对textarea类型的form-field应用特殊样式 */
-.form-field.textarea, 
+.form-field.textarea,
 textarea.form-field {
   resize: vertical;
   min-height: 120px;
@@ -219,16 +219,16 @@ textarea.form-field {
   border-radius: 50%;
 }
 
-.switch-input:checked + .switch-slider {
+.switch-input:checked+.switch-slider {
   background: var(--primary-color);
   border-color: var(--primary-color);
 }
 
-.switch-input:focus + .switch-slider {
+.switch-input:focus+.switch-slider {
   box-shadow: 0 0 0 2px var(--primary-color-alpha);
 }
 
-.switch-input:checked + .switch-slider:before {
+.switch-input:checked+.switch-slider:before {
   left: 22px;
   background: white;
 }
@@ -296,11 +296,11 @@ textarea.form-field {
   .mobile-hidden {
     display: none !important;
   }
-  
+
   .mobile-full-width {
     width: 100% !important;
   }
-  
+
   .mobile-stack {
     flex-direction: column !important;
   }
@@ -335,16 +335,16 @@ textarea.form-field {
   background: var(--text-secondary);
 }
 
-.dark-theme .switch-input:checked + .switch-slider {
+.dark-theme .switch-input:checked+.switch-slider {
   background: var(--primary-color);
   border-color: var(--primary-color);
 }
 
-.dark-theme .switch-input:focus + .switch-slider {
+.dark-theme .switch-input:focus+.switch-slider {
   box-shadow: 0 0 0 2px var(--primary-color-alpha);
 }
 
-.dark-theme .switch-input:checked + .switch-slider:before {
+.dark-theme .switch-input:checked+.switch-slider:before {
   background: white;
 }
 
@@ -380,8 +380,8 @@ textarea.form-field {
   border: 2px solid #e9ecef;
   border-radius: 12px;
   padding: 16px;
-  max-height: 392px;
-  min-height: 392px;
+  max-height: 340px;
+  min-height: 340px;
 }
 
 /* 结果内容区域 */
@@ -526,5 +526,4 @@ textarea.form-field {
   border: 1px solid var(--border-color);
   margin-bottom: var(--spacing-md);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
+}