fix: fix model deployment style issues, lint problems, and i18n gaps. (#2556)

* fix: fix model deployment style issues, lint problems, and i18n gaps.

* fix: adjust the key not to be displayed on the frontend, tested via the backend.

* fix: adjust the sidebar configuration logic to use the default configuration items if they are not defined.

web/src/pages/ModelDeployment/index.jsx

@@ -29,7 +29,6 @@ const ModelDeploymentPage = () => {
     connectionLoading,
     connectionOk,
     connectionError,
-    apiKey,
     testConnection,
   } = useModelDeploymentSettings();
 
@@ -40,7 +39,7 @@ const ModelDeploymentPage = () => {
       connectionLoading={connectionLoading}
       connectionOk={connectionOk}
       connectionError={connectionError}
-      onRetry={() => testConnection(apiKey)}
+      onRetry={() => testConnection()}
     >
       <div className='mt-[60px] px-2'>
         <DeploymentsTable />

web/src/pages/Setting/Model/SettingModelDeployment.jsx

@@ -48,10 +48,6 @@ export default function SettingModelDeployment(props) {
 
   const testApiKey = async () => {
     const apiKey = inputs['model_deployment.ionet.api_key'];
-    if (!apiKey || apiKey.trim() === '') {
-      showError(t('请先填写 API Key'));
-      return;
-    }
 
     const getLocalizedMessage = (message) => {
       switch (message) {
@@ -69,10 +65,8 @@ export default function SettingModelDeployment(props) {
     setTesting(true);
     try {
       const response = await API.post(
-        '/api/deployments/test-connection',
-        {
-          api_key: apiKey.trim(),
-        },
+        '/api/deployments/settings/test-connection',
+        apiKey && apiKey.trim() !== '' ? { api_key: apiKey.trim() } : {},
         {
           skipErrorHandler: true,
         },
@@ -108,12 +102,6 @@ export default function SettingModelDeployment(props) {
   };
 
   function onSubmit() {
-    // 前置校验：如果启用了 io.net 但没有填写 API Key
-    if (inputs['model_deployment.ionet.enabled'] && 
-        (!inputs['model_deployment.ionet.api_key'] || inputs['model_deployment.ionet.api_key'].trim() === '')) {
-      return showError(t('启用 io.net 部署时必须填写 API Key'));
-    }
-
     const updateArray = compareObjects(inputs, inputsRow);
     if (!updateArray.length) return showWarning(t('你似乎并没有修改什么'));
     
@@ -229,7 +217,7 @@ export default function SettingModelDeployment(props) {
                     <Form.Input
                       label={t('API Key')}
                       field={'model_deployment.ionet.api_key'}
-                      placeholder={t('请输入 io.net API Key')}
+                      placeholder={t('请输入 io.net API Key（敏感信息不显示）')}
                       onChange={(value) =>
                         setInputs({
                           ...inputs,
@@ -248,9 +236,7 @@ export default function SettingModelDeployment(props) {
                         onClick={testApiKey}
                         loading={testing}
                         disabled={
-                          !inputs['model_deployment.ionet.enabled'] ||
-                          !inputs['model_deployment.ionet.api_key'] ||
-                          inputs['model_deployment.ionet.api_key'].trim() === ''
+                          !inputs['model_deployment.ionet.enabled']
                         }
                         style={{
                           height: '32px',

web/src/pages/Setting/Personal/SettingsSidebarModulesUser.jsx

@@ -32,7 +32,7 @@ import { API, showSuccess, showError } from '../../../helpers';
 import { StatusContext } from '../../../context/Status';
 import { UserContext } from '../../../context/User';
 import { useUserPermissions } from '../../../hooks/common/useUserPermissions';
-import { useSidebar } from '../../../hooks/common/useSidebar';
+import { mergeAdminConfig, useSidebar } from '../../../hooks/common/useSidebar';
 import { Settings } from 'lucide-react';
 
 const { Text } = Typography;
@@ -198,9 +198,25 @@ export default function SettingsSidebarModulesUser() {
       try {
         // 获取管理员全局配置
         if (statusState?.status?.SidebarModulesAdmin) {
-          const adminConf = JSON.parse(statusState.status.SidebarModulesAdmin);
-          setAdminConfig(adminConf);
-          console.log('加载管理员边栏配置:', adminConf);
+          try {
+            const adminConf = JSON.parse(
+              statusState.status.SidebarModulesAdmin,
+            );
+            const mergedAdminConf = mergeAdminConfig(adminConf);
+            setAdminConfig(mergedAdminConf);
+            console.log('加载管理员边栏配置:', mergedAdminConf);
+          } catch (error) {
+            const mergedAdminConf = mergeAdminConfig(null);
+            setAdminConfig(mergedAdminConf);
+            console.log(
+              '加载管理员边栏配置失败，使用默认配置:',
+              mergedAdminConf,
+            );
+          }
+        } else {
+          const mergedAdminConf = mergeAdminConfig(null);
+          setAdminConfig(mergedAdminConf);
+          console.log('管理员边栏配置缺失，使用默认配置:', mergedAdminConf);
         }
 
         // 获取用户个人配置
@@ -323,6 +339,11 @@ export default function SettingsSidebarModulesUser() {
       modules: [
         { key: 'channel', title: t('渠道管理'), description: t('API渠道配置') },
         { key: 'models', title: t('模型管理'), description: t('AI模型配置') },
+        {
+          key: 'deployment',
+          title: t('模型部署'),
+          description: t('模型部署管理'),
+        },
         {
           key: 'redemption',
           title: t('兑换码管理'),
@@ -389,7 +410,7 @@ export default function SettingsSidebarModulesUser() {
               </Text>
             </div>
             <Switch
-              checked={sidebarModulesUser[section.key]?.enabled}
+              checked={sidebarModulesUser[section.key]?.enabled !== false}
               onChange={handleSectionChange(section.key)}
               size='default'
             />
@@ -401,7 +422,9 @@ export default function SettingsSidebarModulesUser() {
               <Col key={module.key} xs={24} sm={12} md={8} lg={6} xl={6}>
                 <Card
                   className={`!rounded-xl border border-gray-200 hover:border-blue-300 transition-all duration-200 ${
-                    sidebarModulesUser[section.key]?.enabled ? '' : 'opacity-50'
+                    sidebarModulesUser[section.key]?.enabled !== false
+                      ? ''
+                      : 'opacity-50'
                   }`}
                   bodyStyle={{ padding: '16px' }}
                   hoverable
@@ -417,10 +440,15 @@ export default function SettingsSidebarModulesUser() {
                     </div>
                     <div className='ml-4'>
                       <Switch
-                        checked={sidebarModulesUser[section.key]?.[module.key]}
+                        checked={
+                          sidebarModulesUser[section.key]?.[module.key] !==
+                          false
+                        }
                         onChange={handleModuleChange(section.key, module.key)}
                         size='default'
-                        disabled={!sidebarModulesUser[section.key]?.enabled}
+                        disabled={
+                          sidebarModulesUser[section.key]?.enabled === false
+                        }
                       />
                     </div>
                   </div>