✨ feat(ratio-sync, ui): add built‑in “Official Ratio Preset” and harden upstream sync

Backend (controller/ratio_sync.go):
- Add built‑in official upstream to GetSyncableChannels (ID: -100, BaseURL: https://basellm.github.io)
- Support absolute endpoint URLs; otherwise join BaseURL + endpoint (defaults to /api/ratio_config)
- Harden HTTP client:
  - IPv4‑first with IPv6 fallback for github.io
  - Add ResponseHeaderTimeout
  - 3 attempts with exponential backoff (200/400/800ms)
- Validate Content-Type and limit response body to 10MB (safe decode via io.LimitReader)
- Robust parsing: support type1 ratio_config map and type2 pricing list
- Use net.SplitHostPort for host parsing
- Use float tolerance in differences comparison to avoid false mismatches
- Remove unused code (tryDirect) and improve warnings

Frontend:
- UpstreamRatioSync.jsx: auto-assign official endpoint to /llm-metadata/api/newapi/ratio_config-v1-base.json
- ChannelSelectorModal.jsx:
  - Pin the official source at the top of the list
  - Show a green “官方” tag next to the status
  - Refactor status renderer to accept the full record

Notes:
- Backward compatible; no API surface changes
- Official ratio_config reference: https://basellm.github.io/llm-metadata/api/newapi/ratio_config-v1-base.json

web/src/pages/Setting/Operation/SettingsHeaderNavModules.jsx

@@ -18,7 +18,15 @@ For commercial licensing, please contact support@quantumnous.com
 */
 
 import React, { useEffect, useState, useContext } from 'react';
-import { Button, Card, Col, Form, Row, Switch, Typography } from '@douyinfe/semi-ui';
+import {
+  Button,
+  Card,
+  Col,
+  Form,
+  Row,
+  Switch,
+  Typography,
+} from '@douyinfe/semi-ui';
 import { API, showError, showSuccess } from '../../../helpers';
 import { useTranslation } from 'react-i18next';
 import { StatusContext } from '../../../context/Status';
@@ -29,14 +37,14 @@ export default function SettingsHeaderNavModules(props) {
   const { t } = useTranslation();
   const [loading, setLoading] = useState(false);
   const [statusState, statusDispatch] = useContext(StatusContext);
-  
+
   // 顶栏模块管理状态
   const [headerNavModules, setHeaderNavModules] = useState({
     home: true,
     console: true,
     pricing: {
       enabled: true,
-      requireAuth: false  // 默认不需要登录鉴权
+      requireAuth: false, // 默认不需要登录鉴权
     },
     docs: true,
     about: true,
@@ -50,7 +58,7 @@ export default function SettingsHeaderNavModules(props) {
         // 对于pricing模块，只更新enabled属性
         newModules[moduleKey] = {
           ...newModules[moduleKey],
-          enabled: checked
+          enabled: checked,
         };
       } else {
         newModules[moduleKey] = checked;
@@ -64,7 +72,7 @@ export default function SettingsHeaderNavModules(props) {
     const newModules = { ...headerNavModules };
     newModules.pricing = {
       ...newModules.pricing,
-      requireAuth: checked
+      requireAuth: checked,
     };
     setHeaderNavModules(newModules);
   }
@@ -76,7 +84,7 @@ export default function SettingsHeaderNavModules(props) {
       console: true,
       pricing: {
         enabled: true,
-        requireAuth: false
+        requireAuth: false,
       },
       docs: true,
       about: true,
@@ -102,8 +110,8 @@ export default function SettingsHeaderNavModules(props) {
           type: 'set',
           payload: {
             ...statusState.status,
-            HeaderNavModules: JSON.stringify(headerNavModules)
-          }
+            HeaderNavModules: JSON.stringify(headerNavModules),
+          },
         });
 
         // 刷新父组件状态
@@ -130,7 +138,7 @@ export default function SettingsHeaderNavModules(props) {
         if (typeof modules.pricing === 'boolean') {
           modules.pricing = {
             enabled: modules.pricing,
-            requireAuth: false  // 默认不需要登录鉴权
+            requireAuth: false, // 默认不需要登录鉴权
           };
         }
 
@@ -142,7 +150,7 @@ export default function SettingsHeaderNavModules(props) {
           console: true,
           pricing: {
             enabled: true,
-            requireAuth: false
+            requireAuth: false,
           },
           docs: true,
           about: true,
@@ -157,35 +165,37 @@ export default function SettingsHeaderNavModules(props) {
     {
       key: 'home',
       title: t('首页'),
-      description: t('用户主页，展示系统信息')
+      description: t('用户主页，展示系统信息'),
     },
     {
       key: 'console',
       title: t('控制台'),
-      description: t('用户控制面板，管理账户')
+      description: t('用户控制面板，管理账户'),
     },
     {
       key: 'pricing',
       title: t('模型广场'),
       description: t('模型定价，需要登录访问'),
-      hasSubConfig: true  // 标识该模块有子配置
+      hasSubConfig: true, // 标识该模块有子配置
     },
     {
       key: 'docs',
       title: t('文档'),
-      description: t('系统文档和帮助信息')
+      description: t('系统文档和帮助信息'),
     },
     {
       key: 'about',
       title: t('关于'),
-      description: t('关于系统的详细信息')
-    }
+      description: t('关于系统的详细信息'),
+    },
   ];
 
   return (
     <Card>
-      <Form.Section text={t('顶栏管理')} extraText={t('控制顶栏模块显示状态，全局生效')}>
-
+      <Form.Section
+        text={t('顶栏管理')}
+        extraText={t('控制顶栏模块显示状态，全局生效')}
+      >
         <Row gutter={[16, 16]} style={{ marginBottom: '24px' }}>
           {moduleConfigs.map((module) => (
             <Col key={module.key} xs={24} sm={12} md={6} lg={6} xl={6}>
@@ -195,34 +205,38 @@ export default function SettingsHeaderNavModules(props) {
                   border: '1px solid var(--semi-color-border)',
                   transition: 'all 0.2s ease',
                   background: 'var(--semi-color-bg-1)',
-                  minHeight: '80px'
+                  minHeight: '80px',
                 }}
                 bodyStyle={{ padding: '16px' }}
                 hoverable
               >
-                <div style={{
-                  display: 'flex',
-                  justifyContent: 'space-between',
-                  alignItems: 'center',
-                  height: '100%'
-                }}>
+                <div
+                  style={{
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    height: '100%',
+                  }}
+                >
                   <div style={{ flex: 1, textAlign: 'left' }}>
-                    <div style={{
-                      fontWeight: '600',
-                      fontSize: '14px',
-                      color: 'var(--semi-color-text-0)',
-                      marginBottom: '4px'
-                    }}>
+                    <div
+                      style={{
+                        fontWeight: '600',
+                        fontSize: '14px',
+                        color: 'var(--semi-color-text-0)',
+                        marginBottom: '4px',
+                      }}
+                    >
                       {module.title}
                     </div>
                     <Text
-                      type="secondary"
-                      size="small"
+                      type='secondary'
+                      size='small'
                       style={{
                         fontSize: '12px',
                         color: 'var(--semi-color-text-2)',
                         lineHeight: '1.4',
-                        display: 'block'
+                        display: 'block',
                       }}
                     >
                       {module.description}
@@ -230,78 +244,94 @@ export default function SettingsHeaderNavModules(props) {
                   </div>
                   <div style={{ marginLeft: '16px' }}>
                     <Switch
-                      checked={module.key === 'pricing' ? headerNavModules[module.key]?.enabled : headerNavModules[module.key]}
+                      checked={
+                        module.key === 'pricing'
+                          ? headerNavModules[module.key]?.enabled
+                          : headerNavModules[module.key]
+                      }
                       onChange={handleHeaderNavModuleChange(module.key)}
-                      size="default"
+                      size='default'
                     />
                   </div>
                 </div>
 
                 {/* 为模型广场添加权限控制子开关 */}
-                {module.key === 'pricing' && (module.key === 'pricing' ? headerNavModules[module.key]?.enabled : headerNavModules[module.key]) && (
-                  <div style={{
-                    borderTop: '1px solid var(--semi-color-border)',
-                    marginTop: '12px',
-                    paddingTop: '12px'
-                  }}>
-                    <div style={{
-                      display: 'flex',
-                      justifyContent: 'space-between',
-                      alignItems: 'center'
-                    }}>
-                      <div style={{ flex: 1, textAlign: 'left' }}>
-                        <div style={{
-                          fontWeight: '500',
-                          fontSize: '12px',
-                          color: 'var(--semi-color-text-1)',
-                          marginBottom: '2px'
-                        }}>
-                          {t('需要登录访问')}
+                {module.key === 'pricing' &&
+                  (module.key === 'pricing'
+                    ? headerNavModules[module.key]?.enabled
+                    : headerNavModules[module.key]) && (
+                    <div
+                      style={{
+                        borderTop: '1px solid var(--semi-color-border)',
+                        marginTop: '12px',
+                        paddingTop: '12px',
+                      }}
+                    >
+                      <div
+                        style={{
+                          display: 'flex',
+                          justifyContent: 'space-between',
+                          alignItems: 'center',
+                        }}
+                      >
+                        <div style={{ flex: 1, textAlign: 'left' }}>
+                          <div
+                            style={{
+                              fontWeight: '500',
+                              fontSize: '12px',
+                              color: 'var(--semi-color-text-1)',
+                              marginBottom: '2px',
+                            }}
+                          >
+                            {t('需要登录访问')}
+                          </div>
+                          <Text
+                            type='secondary'
+                            size='small'
+                            style={{
+                              fontSize: '11px',
+                              color: 'var(--semi-color-text-2)',
+                              lineHeight: '1.4',
+                              display: 'block',
+                            }}
+                          >
+                            {t('开启后未登录用户无法访问模型广场')}
+                          </Text>
+                        </div>
+                        <div style={{ marginLeft: '16px' }}>
+                          <Switch
+                            checked={
+                              headerNavModules.pricing?.requireAuth || false
+                            }
+                            onChange={handlePricingAuthChange}
+                            size='small'
+                          />
                         </div>
-                        <Text
-                          type="secondary"
-                          size="small"
-                          style={{
-                            fontSize: '11px',
-                            color: 'var(--semi-color-text-2)',
-                            lineHeight: '1.4',
-                            display: 'block'
-                          }}
-                        >
-                          {t('开启后未登录用户无法访问模型广场')}
-                        </Text>
-                      </div>
-                      <div style={{ marginLeft: '16px' }}>
-                        <Switch
-                          checked={headerNavModules.pricing?.requireAuth || false}
-                          onChange={handlePricingAuthChange}
-                          size="small"
-                        />
                       </div>
                     </div>
-                  </div>
-                )}
+                  )}
               </Card>
             </Col>
           ))}
-
         </Row>
 
-        <div style={{
-          display: 'flex',
-          gap: '12px',
-          justifyContent: 'flex-start',
-          alignItems: 'center',
-          paddingTop: '8px',
-          borderTop: '1px solid var(--semi-color-border)'
-        }}>
+        <div
+          style={{
+            display: 'flex',
+            gap: '12px',
+            justifyContent: 'flex-start',
+            alignItems: 'center',
+            paddingTop: '8px',
+            borderTop: '1px solid var(--semi-color-border)',
+          }}
+        >
           <Button
             size='default'
             type='tertiary'
             onClick={resetHeaderNavModules}
             style={{
               borderRadius: '6px',
-              fontWeight: '500'
+              fontWeight: '500',
             }}
           >
             {t('重置为默认')}
@@ -314,7 +344,7 @@ export default function SettingsHeaderNavModules(props) {
             style={{
               borderRadius: '6px',
               fontWeight: '500',
-              minWidth: '100px'
+              minWidth: '100px',
             }}
           >
             {t('保存设置')}

web/src/pages/Setting/Operation/SettingsSidebarModulesAdmin.jsx

@@ -19,7 +19,15 @@ For commercial licensing, please contact support@quantumnous.com
 
 import React, { useState, useEffect, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Card, Form, Button, Switch, Row, Col, Typography } from '@douyinfe/semi-ui';
+import {
+  Card,
+  Form,
+  Button,
+  Switch,
+  Row,
+  Col,
+  Typography,
+} from '@douyinfe/semi-ui';
 import { API, showSuccess, showError } from '../../../helpers';
 import { StatusContext } from '../../../context/Status';
 
@@ -29,13 +37,13 @@ export default function SettingsSidebarModulesAdmin(props) {
   const { t } = useTranslation();
   const [loading, setLoading] = useState(false);
   const [statusState, statusDispatch] = useContext(StatusContext);
-  
+
   // 左侧边栏模块管理状态（管理员全局控制）
   const [sidebarModulesAdmin, setSidebarModulesAdmin] = useState({
     chat: {
       enabled: true,
       playground: true,
-      chat: true
+      chat: true,
     },
     console: {
       enabled: true,
@@ -43,12 +51,12 @@ export default function SettingsSidebarModulesAdmin(props) {
       token: true,
       log: true,
       midjourney: true,
-      task: true
+      task: true,
     },
     personal: {
       enabled: true,
       topup: true,
-      personal: true
+      personal: true,
     },
     admin: {
       enabled: true,
@@ -56,19 +64,19 @@ export default function SettingsSidebarModulesAdmin(props) {
       models: true,
       redemption: true,
       user: true,
-      setting: true
-    }
+      setting: true,
+    },
   });
 
   // 处理区域级别开关变更
   function handleSectionChange(sectionKey) {
     return (checked) => {
-      const newModules = { 
-        ...sidebarModulesAdmin, 
-        [sectionKey]: { 
-          ...sidebarModulesAdmin[sectionKey], 
-          enabled: checked 
-        } 
+      const newModules = {
+        ...sidebarModulesAdmin,
+        [sectionKey]: {
+          ...sidebarModulesAdmin[sectionKey],
+          enabled: checked,
+        },
       };
       setSidebarModulesAdmin(newModules);
     };
@@ -77,12 +85,12 @@ export default function SettingsSidebarModulesAdmin(props) {
   // 处理功能级别开关变更
   function handleModuleChange(sectionKey, moduleKey) {
     return (checked) => {
-      const newModules = { 
-        ...sidebarModulesAdmin, 
-        [sectionKey]: { 
-          ...sidebarModulesAdmin[sectionKey], 
-          [moduleKey]: checked 
-        } 
+      const newModules = {
+        ...sidebarModulesAdmin,
+        [sectionKey]: {
+          ...sidebarModulesAdmin[sectionKey],
+          [moduleKey]: checked,
+        },
       };
       setSidebarModulesAdmin(newModules);
     };
@@ -94,7 +102,7 @@ export default function SettingsSidebarModulesAdmin(props) {
       chat: {
         enabled: true,
         playground: true,
-        chat: true
+        chat: true,
       },
       console: {
         enabled: true,
@@ -102,12 +110,12 @@ export default function SettingsSidebarModulesAdmin(props) {
         token: true,
         log: true,
         midjourney: true,
-        task: true
+        task: true,
       },
       personal: {
         enabled: true,
         topup: true,
-        personal: true
+        personal: true,
       },
       admin: {
         enabled: true,
@@ -115,8 +123,8 @@ export default function SettingsSidebarModulesAdmin(props) {
         models: true,
         redemption: true,
         user: true,
-        setting: true
-      }
+        setting: true,
+      },
     };
     setSidebarModulesAdmin(defaultModules);
     showSuccess(t('已重置为默认配置'));
@@ -139,8 +147,8 @@ export default function SettingsSidebarModulesAdmin(props) {
           type: 'set',
           payload: {
             ...statusState.status,
-            SidebarModulesAdmin: JSON.stringify(sidebarModulesAdmin)
-          }
+            SidebarModulesAdmin: JSON.stringify(sidebarModulesAdmin),
+          },
         });
 
         // 刷新父组件状态
@@ -167,9 +175,23 @@ export default function SettingsSidebarModulesAdmin(props) {
         // 使用默认配置
         const defaultModules = {
           chat: { enabled: true, playground: true, chat: true },
-          console: { enabled: true, detail: true, token: true, log: true, midjourney: true, task: true },
+          console: {
+            enabled: true,
+            detail: true,
+            token: true,
+            log: true,
+            midjourney: true,
+            task: true,
+          },
           personal: { enabled: true, topup: true, personal: true },
-          admin: { enabled: true, channel: true, models: true, redemption: true, user: true, setting: true }
+          admin: {
+            enabled: true,
+            channel: true,
+            models: true,
+            redemption: true,
+            user: true,
+            setting: true,
+          },
         };
         setSidebarModulesAdmin(defaultModules);
       }
@@ -183,9 +205,13 @@ export default function SettingsSidebarModulesAdmin(props) {
       title: t('聊天区域'),
       description: t('操练场和聊天功能'),
       modules: [
-        { key: 'playground', title: t('操练场'), description: t('AI模型测试环境') },
-        { key: 'chat', title: t('聊天'), description: t('聊天会话管理') }
-      ]
+        {
+          key: 'playground',
+          title: t('操练场'),
+          description: t('AI模型测试环境'),
+        },
+        { key: 'chat', title: t('聊天'), description: t('聊天会话管理') },
+      ],
     },
     {
       key: 'console',
@@ -195,9 +221,13 @@ export default function SettingsSidebarModulesAdmin(props) {
         { key: 'detail', title: t('数据看板'), description: t('系统数据统计') },
         { key: 'token', title: t('令牌管理'), description: t('API令牌管理') },
         { key: 'log', title: t('使用日志'), description: t('API使用记录') },
-        { key: 'midjourney', title: t('绘图日志'), description: t('绘图任务记录') },
-        { key: 'task', title: t('任务日志'), description: t('系统任务记录') }
-      ]
+        {
+          key: 'midjourney',
+          title: t('绘图日志'),
+          description: t('绘图任务记录'),
+        },
+        { key: 'task', title: t('任务日志'), description: t('系统任务记录') },
+      ],
     },
     {
       key: 'personal',
@@ -205,8 +235,12 @@ export default function SettingsSidebarModulesAdmin(props) {
       description: t('用户个人功能'),
       modules: [
         { key: 'topup', title: t('钱包管理'), description: t('余额充值管理') },
-        { key: 'personal', title: t('个人设置'), description: t('个人信息设置') }
-      ]
+        {
+          key: 'personal',
+          title: t('个人设置'),
+          description: t('个人信息设置'),
+        },
+      ],
     },
     {
       key: 'admin',
@@ -215,46 +249,62 @@ export default function SettingsSidebarModulesAdmin(props) {
       modules: [
         { key: 'channel', title: t('渠道管理'), description: t('API渠道配置') },
         { key: 'models', title: t('模型管理'), description: t('AI模型配置') },
-        { key: 'redemption', title: t('兑换码管理'), description: t('兑换码生成管理') },
+        {
+          key: 'redemption',
+          title: t('兑换码管理'),
+          description: t('兑换码生成管理'),
+        },
         { key: 'user', title: t('用户管理'), description: t('用户账户管理') },
-        { key: 'setting', title: t('系统设置'), description: t('系统参数配置') }
-      ]
-    }
+        {
+          key: 'setting',
+          title: t('系统设置'),
+          description: t('系统参数配置'),
+        },
+      ],
+    },
   ];
 
   return (
     <Card>
-      <Form.Section text={t('侧边栏管理（全局控制）')} extraText={t('全局控制侧边栏区域和功能显示，管理员隐藏的功能用户无法启用')}>
-
+      <Form.Section
+        text={t('侧边栏管理（全局控制）')}
+        extraText={t(
+          '全局控制侧边栏区域和功能显示，管理员隐藏的功能用户无法启用',
+        )}
+      >
         {sectionConfigs.map((section) => (
           <div key={section.key} style={{ marginBottom: '32px' }}>
             {/* 区域标题和总开关 */}
-            <div style={{
-              display: 'flex',
-              justifyContent: 'space-between',
-              alignItems: 'center',
-              marginBottom: '16px',
-              padding: '12px 16px',
-              backgroundColor: 'var(--semi-color-fill-0)',
-              borderRadius: '8px',
-              border: '1px solid var(--semi-color-border)'
-            }}>
+            <div
+              style={{
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+                marginBottom: '16px',
+                padding: '12px 16px',
+                backgroundColor: 'var(--semi-color-fill-0)',
+                borderRadius: '8px',
+                border: '1px solid var(--semi-color-border)',
+              }}
+            >
               <div>
-                <div style={{
-                  fontWeight: '600',
-                  fontSize: '16px',
-                  color: 'var(--semi-color-text-0)',
-                  marginBottom: '4px'
-                }}>
+                <div
+                  style={{
+                    fontWeight: '600',
+                    fontSize: '16px',
+                    color: 'var(--semi-color-text-0)',
+                    marginBottom: '4px',
+                  }}
+                >
                   {section.title}
                 </div>
                 <Text
-                  type="secondary"
-                  size="small"
+                  type='secondary'
+                  size='small'
                   style={{
                     fontSize: '12px',
                     color: 'var(--semi-color-text-2)',
-                    lineHeight: '1.4'
+                    lineHeight: '1.4',
                   }}
                 >
                   {section.description}
@@ -263,7 +313,7 @@ export default function SettingsSidebarModulesAdmin(props) {
               <Switch
                 checked={sidebarModulesAdmin[section.key]?.enabled}
                 onChange={handleSectionChange(section.key)}
-                size="default"
+                size='default'
               />
             </div>
 
@@ -275,33 +325,39 @@ export default function SettingsSidebarModulesAdmin(props) {
                     bodyStyle={{ padding: '16px' }}
                     hoverable
                     style={{
-                      opacity: sidebarModulesAdmin[section.key]?.enabled ? 1 : 0.5,
-                      transition: 'opacity 0.2s'
+                      opacity: sidebarModulesAdmin[section.key]?.enabled
+                        ? 1
+                        : 0.5,
+                      transition: 'opacity 0.2s',
                     }}
                   >
-                    <div style={{
-                      display: 'flex',
-                      justifyContent: 'space-between',
-                      alignItems: 'center',
-                      height: '100%'
-                    }}>
+                    <div
+                      style={{
+                        display: 'flex',
+                        justifyContent: 'space-between',
+                        alignItems: 'center',
+                        height: '100%',
+                      }}
+                    >
                       <div style={{ flex: 1, textAlign: 'left' }}>
-                        <div style={{
-                          fontWeight: '600',
-                          fontSize: '14px',
-                          color: 'var(--semi-color-text-0)',
-                          marginBottom: '4px'
-                        }}>
+                        <div
+                          style={{
+                            fontWeight: '600',
+                            fontSize: '14px',
+                            color: 'var(--semi-color-text-0)',
+                            marginBottom: '4px',
+                          }}
+                        >
                           {module.title}
                         </div>
                         <Text
-                          type="secondary"
-                          size="small"
+                          type='secondary'
+                          size='small'
                           style={{
                             fontSize: '12px',
                             color: 'var(--semi-color-text-2)',
                             lineHeight: '1.4',
-                            display: 'block'
+                            display: 'block',
                           }}
                         >
                           {module.description}
@@ -309,9 +365,11 @@ export default function SettingsSidebarModulesAdmin(props) {
                       </div>
                       <div style={{ marginLeft: '16px' }}>
                         <Switch
-                          checked={sidebarModulesAdmin[section.key]?.[module.key]}
+                          checked={
+                            sidebarModulesAdmin[section.key]?.[module.key]
+                          }
                           onChange={handleModuleChange(section.key, module.key)}
-                          size="default"
+                          size='default'
                           disabled={!sidebarModulesAdmin[section.key]?.enabled}
                         />
                       </div>
@@ -323,21 +381,23 @@ export default function SettingsSidebarModulesAdmin(props) {
           </div>
         ))}
 
-        <div style={{
-          display: 'flex',
-          gap: '12px',
-          justifyContent: 'flex-start',
-          alignItems: 'center',
-          paddingTop: '8px',
-          borderTop: '1px solid var(--semi-color-border)'
-        }}>
+        <div
+          style={{
+            display: 'flex',
+            gap: '12px',
+            justifyContent: 'flex-start',
+            alignItems: 'center',
+            paddingTop: '8px',
+            borderTop: '1px solid var(--semi-color-border)',
+          }}
+        >
           <Button
             size='default'
             type='tertiary'
             onClick={resetSidebarModules}
             style={{
               borderRadius: '6px',
-              fontWeight: '500'
+              fontWeight: '500',
             }}
           >
             {t('重置为默认')}
@@ -350,7 +410,7 @@ export default function SettingsSidebarModulesAdmin(props) {
             style={{
               borderRadius: '6px',
               fontWeight: '500',
-              minWidth: '100px'
+              minWidth: '100px',
             }}
           >
             {t('保存设置')}

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

@@ -19,7 +19,15 @@ For commercial licensing, please contact support@quantumnous.com
 
 import { useState, useEffect, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Card, Button, Switch, Typography, Row, Col, Avatar } from '@douyinfe/semi-ui';
+import {
+  Card,
+  Button,
+  Switch,
+  Typography,
+  Row,
+  Col,
+  Avatar,
+} from '@douyinfe/semi-ui';
 import { API, showSuccess, showError } from '../../../helpers';
 import { StatusContext } from '../../../context/Status';
 import { UserContext } from '../../../context/User';
@@ -55,7 +63,7 @@ export default function SettingsSidebarModulesUser() {
   if (permissionsLoading) {
     return null;
   }
-  
+
   // 根据用户权限生成默认配置
   const generateDefaultConfig = () => {
     const defaultConfig = {};
@@ -65,7 +73,7 @@ export default function SettingsSidebarModulesUser() {
       defaultConfig.chat = {
         enabled: true,
         playground: isSidebarModuleAllowed('chat', 'playground'),
-        chat: isSidebarModuleAllowed('chat', 'chat')
+        chat: isSidebarModuleAllowed('chat', 'chat'),
       };
     }
 
@@ -77,7 +85,7 @@ export default function SettingsSidebarModulesUser() {
         token: isSidebarModuleAllowed('console', 'token'),
         log: isSidebarModuleAllowed('console', 'log'),
         midjourney: isSidebarModuleAllowed('console', 'midjourney'),
-        task: isSidebarModuleAllowed('console', 'task')
+        task: isSidebarModuleAllowed('console', 'task'),
       };
     }
 
@@ -86,7 +94,7 @@ export default function SettingsSidebarModulesUser() {
       defaultConfig.personal = {
         enabled: true,
         topup: isSidebarModuleAllowed('personal', 'topup'),
-        personal: isSidebarModuleAllowed('personal', 'personal')
+        personal: isSidebarModuleAllowed('personal', 'personal'),
       };
     }
 
@@ -98,7 +106,7 @@ export default function SettingsSidebarModulesUser() {
         models: isSidebarModuleAllowed('admin', 'models'),
         redemption: isSidebarModuleAllowed('admin', 'redemption'),
         user: isSidebarModuleAllowed('admin', 'user'),
-        setting: isSidebarModuleAllowed('admin', 'setting')
+        setting: isSidebarModuleAllowed('admin', 'setting'),
       };
     }
 
@@ -114,12 +122,12 @@ export default function SettingsSidebarModulesUser() {
   // 处理区域级别开关变更
   function handleSectionChange(sectionKey) {
     return (checked) => {
-      const newModules = { 
-        ...sidebarModulesUser, 
-        [sectionKey]: { 
-          ...sidebarModulesUser[sectionKey], 
-          enabled: checked 
-        } 
+      const newModules = {
+        ...sidebarModulesUser,
+        [sectionKey]: {
+          ...sidebarModulesUser[sectionKey],
+          enabled: checked,
+        },
       };
       setSidebarModulesUser(newModules);
       console.log('用户边栏区域配置变更:', sectionKey, checked, newModules);
@@ -129,15 +137,21 @@ export default function SettingsSidebarModulesUser() {
   // 处理功能级别开关变更
   function handleModuleChange(sectionKey, moduleKey) {
     return (checked) => {
-      const newModules = { 
-        ...sidebarModulesUser, 
-        [sectionKey]: { 
-          ...sidebarModulesUser[sectionKey], 
-          [moduleKey]: checked 
-        } 
+      const newModules = {
+        ...sidebarModulesUser,
+        [sectionKey]: {
+          ...sidebarModulesUser[sectionKey],
+          [moduleKey]: checked,
+        },
       };
       setSidebarModulesUser(newModules);
-      console.log('用户边栏功能配置变更:', sectionKey, moduleKey, checked, newModules);
+      console.log(
+        '用户边栏功能配置变更:',
+        sectionKey,
+        moduleKey,
+        checked,
+        newModules,
+      );
     };
   }
 
@@ -202,12 +216,15 @@ export default function SettingsSidebarModulesUser() {
 
           // 确保用户配置也经过权限过滤
           const filteredUserConf = {};
-          Object.keys(userConf).forEach(sectionKey => {
+          Object.keys(userConf).forEach((sectionKey) => {
             if (isSidebarSectionAllowed(sectionKey)) {
               filteredUserConf[sectionKey] = { ...userConf[sectionKey] };
               // 过滤不允许的模块
-              Object.keys(userConf[sectionKey]).forEach(moduleKey => {
-                if (moduleKey !== 'enabled' && !isSidebarModuleAllowed(sectionKey, moduleKey)) {
+              Object.keys(userConf[sectionKey]).forEach((moduleKey) => {
+                if (
+                  moduleKey !== 'enabled' &&
+                  !isSidebarModuleAllowed(sectionKey, moduleKey)
+                ) {
                   delete filteredUserConf[sectionKey][moduleKey];
                 }
               });
@@ -233,14 +250,22 @@ export default function SettingsSidebarModulesUser() {
     if (!permissionsLoading && hasSidebarSettingsPermission()) {
       loadConfigs();
     }
-  }, [statusState, permissionsLoading, hasSidebarSettingsPermission, isSidebarSectionAllowed, isSidebarModuleAllowed]);
+  }, [
+    statusState,
+    permissionsLoading,
+    hasSidebarSettingsPermission,
+    isSidebarSectionAllowed,
+    isSidebarModuleAllowed,
+  ]);
 
   // 检查功能是否被管理员允许
   const isAllowedByAdmin = (sectionKey, moduleKey = null) => {
     if (!adminConfig) return true;
-    
+
     if (moduleKey) {
-      return adminConfig[sectionKey]?.enabled && adminConfig[sectionKey]?.[moduleKey];
+      return (
+        adminConfig[sectionKey]?.enabled && adminConfig[sectionKey]?.[moduleKey]
+      );
     } else {
       return adminConfig[sectionKey]?.enabled;
     }
@@ -253,9 +278,13 @@ export default function SettingsSidebarModulesUser() {
       title: t('聊天区域'),
       description: t('操练场和聊天功能'),
       modules: [
-        { key: 'playground', title: t('操练场'), description: t('AI模型测试环境') },
-        { key: 'chat', title: t('聊天'), description: t('聊天会话管理') }
-      ]
+        {
+          key: 'playground',
+          title: t('操练场'),
+          description: t('AI模型测试环境'),
+        },
+        { key: 'chat', title: t('聊天'), description: t('聊天会话管理') },
+      ],
     },
     {
       key: 'console',
@@ -265,9 +294,13 @@ export default function SettingsSidebarModulesUser() {
         { key: 'detail', title: t('数据看板'), description: t('系统数据统计') },
         { key: 'token', title: t('令牌管理'), description: t('API令牌管理') },
         { key: 'log', title: t('使用日志'), description: t('API使用记录') },
-        { key: 'midjourney', title: t('绘图日志'), description: t('绘图任务记录') },
-        { key: 'task', title: t('任务日志'), description: t('系统任务记录') }
-      ]
+        {
+          key: 'midjourney',
+          title: t('绘图日志'),
+          description: t('绘图任务记录'),
+        },
+        { key: 'task', title: t('任务日志'), description: t('系统任务记录') },
+      ],
     },
     {
       key: 'personal',
@@ -275,8 +308,12 @@ export default function SettingsSidebarModulesUser() {
       description: t('用户个人功能'),
       modules: [
         { key: 'topup', title: t('钱包管理'), description: t('余额充值管理') },
-        { key: 'personal', title: t('个人设置'), description: t('个人信息设置') }
-      ]
+        {
+          key: 'personal',
+          title: t('个人设置'),
+          description: t('个人信息设置'),
+        },
+      ],
     },
     {
       key: 'admin',
@@ -285,23 +322,35 @@ export default function SettingsSidebarModulesUser() {
       modules: [
         { key: 'channel', title: t('渠道管理'), description: t('API渠道配置') },
         { key: 'models', title: t('模型管理'), description: t('AI模型配置') },
-        { key: 'redemption', title: t('兑换码管理'), description: t('兑换码生成管理') },
+        {
+          key: 'redemption',
+          title: t('兑换码管理'),
+          description: t('兑换码生成管理'),
+        },
         { key: 'user', title: t('用户管理'), description: t('用户账户管理') },
-        { key: 'setting', title: t('系统设置'), description: t('系统参数配置') }
-      ]
-    }
-  ].filter(section => {
-    // 使用后端权限验证替代前端角色判断
-    return isSidebarSectionAllowed(section.key);
-  }).map(section => ({
-    ...section,
-    modules: section.modules.filter(module =>
-      isSidebarModuleAllowed(section.key, module.key)
-    )
-  })).filter(section =>
-    // 过滤掉没有可用模块的区域
-    section.modules.length > 0 && isAllowedByAdmin(section.key)
-  );
+        {
+          key: 'setting',
+          title: t('系统设置'),
+          description: t('系统参数配置'),
+        },
+      ],
+    },
+  ]
+    .filter((section) => {
+      // 使用后端权限验证替代前端角色判断
+      return isSidebarSectionAllowed(section.key);
+    })
+    .map((section) => ({
+      ...section,
+      modules: section.modules.filter((module) =>
+        isSidebarModuleAllowed(section.key, module.key),
+      ),
+    }))
+    .filter(
+      (section) =>
+        // 过滤掉没有可用模块的区域
+        section.modules.length > 0 && isAllowedByAdmin(section.key),
+    );
 
   return (
     <Card className='!rounded-2xl shadow-sm border-0'>
@@ -321,65 +370,65 @@ export default function SettingsSidebarModulesUser() {
       </div>
 
       <div className='mb-4'>
-        <Text type="secondary" className='text-sm text-gray-600'>
+        <Text type='secondary' className='text-sm text-gray-600'>
           {t('您可以个性化设置侧边栏的要显示功能')}
         </Text>
       </div>
 
-        {sectionConfigs.map((section) => (
-          <div key={section.key} className='mb-6'>
-            {/* 区域标题和总开关 */}
-            <div className='flex justify-between items-center mb-4 p-4 bg-gray-50 rounded-xl border border-gray-200'>
-              <div>
-                <div className='font-semibold text-base text-gray-900 mb-1'>
-                  {section.title}
-                </div>
-                <Text className='text-xs text-gray-600'>
-                  {section.description}
-                </Text>
+      {sectionConfigs.map((section) => (
+        <div key={section.key} className='mb-6'>
+          {/* 区域标题和总开关 */}
+          <div className='flex justify-between items-center mb-4 p-4 bg-gray-50 rounded-xl border border-gray-200'>
+            <div>
+              <div className='font-semibold text-base text-gray-900 mb-1'>
+                {section.title}
               </div>
-              <Switch
-                checked={sidebarModulesUser[section.key]?.enabled}
-                onChange={handleSectionChange(section.key)}
-                size="default"
-              />
+              <Text className='text-xs text-gray-600'>
+                {section.description}
+              </Text>
             </div>
-
-            {/* 功能模块网格 */}
-            <Row gutter={[12, 12]}>
-              {section.modules.map((module) => (
-                <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'
-                    }`}
-                    bodyStyle={{ padding: '16px' }}
-                    hoverable
-                  >
-                    <div className='flex justify-between items-center h-full'>
-                      <div className='flex-1 text-left'>
-                        <div className='font-semibold text-sm text-gray-900 mb-1'>
-                          {module.title}
-                        </div>
-                        <Text className='text-xs text-gray-600 leading-relaxed block'>
-                          {module.description}
-                        </Text>
-                      </div>
-                      <div className='ml-4'>
-                        <Switch
-                          checked={sidebarModulesUser[section.key]?.[module.key]}
-                          onChange={handleModuleChange(section.key, module.key)}
-                          size="default"
-                          disabled={!sidebarModulesUser[section.key]?.enabled}
-                        />
-                      </div>
-                    </div>
-                  </Card>
-                </Col>
-              ))}
-            </Row>
+            <Switch
+              checked={sidebarModulesUser[section.key]?.enabled}
+              onChange={handleSectionChange(section.key)}
+              size='default'
+            />
           </div>
-        ))}
+
+          {/* 功能模块网格 */}
+          <Row gutter={[12, 12]}>
+            {section.modules.map((module) => (
+              <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'
+                  }`}
+                  bodyStyle={{ padding: '16px' }}
+                  hoverable
+                >
+                  <div className='flex justify-between items-center h-full'>
+                    <div className='flex-1 text-left'>
+                      <div className='font-semibold text-sm text-gray-900 mb-1'>
+                        {module.title}
+                      </div>
+                      <Text className='text-xs text-gray-600 leading-relaxed block'>
+                        {module.description}
+                      </Text>
+                    </div>
+                    <div className='ml-4'>
+                      <Switch
+                        checked={sidebarModulesUser[section.key]?.[module.key]}
+                        onChange={handleModuleChange(section.key, module.key)}
+                        size='default'
+                        disabled={!sidebarModulesUser[section.key]?.enabled}
+                      />
+                    </div>
+                  </div>
+                </Card>
+              </Col>
+            ))}
+          </Row>
+        </div>
+      ))}
 
       {/* 底部按钮 */}
       <div className='flex justify-end gap-3 mt-6 pt-4 border-t border-gray-200'>

web/src/pages/Setting/Ratio/ModelRationNotSetEditor.jsx

@@ -130,9 +130,7 @@ export default function ModelRatioNotSetEditor(props) {
 
   // 在 return 语句之前，先处理过滤和分页逻辑
   const filteredModels = models.filter((model) =>
-    searchText
-      ? model.name.includes(searchText)
-      : true,
+    searchText ? model.name.includes(searchText) : true,
   );
 
   // 然后基于过滤后的数据计算分页数据

web/src/pages/Setting/Ratio/ModelSettingsVisualEditor.jsx

@@ -99,9 +99,7 @@ export default function ModelSettingsVisualEditor(props) {
 
   // 在 return 语句之前，先处理过滤和分页逻辑
   const filteredModels = models.filter((model) => {
-    const keywordMatch = searchText
-      ? model.name.includes(searchText)
-      : true;
+    const keywordMatch = searchText ? model.name.includes(searchText) : true;
     const conflictMatch = conflictOnly ? model.hasConflict : true;
     return keywordMatch && conflictMatch;
   });

web/src/pages/Setting/Ratio/UpstreamRatioSync.jsx

@@ -151,8 +151,17 @@ export default function UpstreamRatioSync(props) {
         setChannelEndpoints((prev) => {
           const merged = { ...prev };
           transferData.forEach((channel) => {
-            if (!merged[channel.key]) {
-              merged[channel.key] = DEFAULT_ENDPOINT;
+            const id = channel.key;
+            const base = channel._originalData?.base_url || '';
+            const name = channel.label || '';
+            const isOfficial =
+              id === -100 ||
+              base === 'https://basellm.github.io' ||
+              name === '官方倍率预设';
+            if (!merged[id]) {
+              merged[id] = isOfficial
+                ? '/llm-metadata/api/newapi/ratio_config-v1-base.json'
+                : DEFAULT_ENDPOINT;
             }
           });
           return merged;