✨ 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
2025-09-01 23:43:39 +08:00
parent 7d9728519c
commit 55c8271311
18 changed files with 1023 additions and 694 deletions
--- a/web/src/components/layout/SiderBar.jsx
+++ b/web/src/components/layout/SiderBar.jsx
@@ -50,7 +50,11 @@ const routerMap = {
 const SiderBar = ({ onNavigate = () => {} }) => {
  const { t } = useTranslation();
  const [collapsed, toggleCollapsed] = useSidebarCollapsed();
-  const { isModuleVisible, hasSectionVisibleModules, loading: sidebarLoading } = useSidebar();
+  const {
+    isModuleVisible,
+    hasSectionVisibleModules,
+    loading: sidebarLoading,
+  } = useSidebar();

  const [selectedKeys, setSelectedKeys] = useState(['home']);
  const [chatItems, setChatItems] = useState([]);
@@ -58,160 +62,148 @@ const SiderBar = ({ onNavigate = () => {} }) => {
  const location = useLocation();
  const [routerMapState, setRouterMapState] = useState(routerMap);

-  const workspaceItems = useMemo(
-    () => {
-      const items = [
-        {
-          text: t('数据看板'),
-          itemKey: 'detail',
-          to: '/detail',
-          className:
-            localStorage.getItem('enable_data_export') === 'true'
-              ? ''
-              : 'tableHiddle',
-        },
-        {
-          text: t('令牌管理'),
-          itemKey: 'token',
-          to: '/token',
-        },
-        {
-          text: t('使用日志'),
-          itemKey: 'log',
-          to: '/log',
-        },
-        {
-          text: t('绘图日志'),
-          itemKey: 'midjourney',
-          to: '/midjourney',
-          className:
-            localStorage.getItem('enable_drawing') === 'true'
-              ? ''
-              : 'tableHiddle',
-        },
-        {
-          text: t('任务日志'),
-          itemKey: 'task',
-          to: '/task',
-          className:
-            localStorage.getItem('enable_task') === 'true' ? '' : 'tableHiddle',
-        },
-      ];
+  const workspaceItems = useMemo(() => {
+    const items = [
+      {
+        text: t('数据看板'),
+        itemKey: 'detail',
+        to: '/detail',
+        className:
+          localStorage.getItem('enable_data_export') === 'true'
+            ? ''
+            : 'tableHiddle',
+      },
+      {
+        text: t('令牌管理'),
+        itemKey: 'token',
+        to: '/token',
+      },
+      {
+        text: t('使用日志'),
+        itemKey: 'log',
+        to: '/log',
+      },
+      {
+        text: t('绘图日志'),
+        itemKey: 'midjourney',
+        to: '/midjourney',
+        className:
+          localStorage.getItem('enable_drawing') === 'true'
+            ? ''
+            : 'tableHiddle',
+      },
+      {
+        text: t('任务日志'),
+        itemKey: 'task',
+        to: '/task',
+        className:
+          localStorage.getItem('enable_task') === 'true' ? '' : 'tableHiddle',
+      },
+    ];

-      // 根据配置过滤项目
-      const filteredItems = items.filter(item => {
-        const configVisible = isModuleVisible('console', item.itemKey);
-        return configVisible;
-      });
+    // 根据配置过滤项目
+    const filteredItems = items.filter((item) => {
+      const configVisible = isModuleVisible('console', item.itemKey);
+      return configVisible;
+    });

-      return filteredItems;
-    },
-    [
-      localStorage.getItem('enable_data_export'),
-      localStorage.getItem('enable_drawing'),
-      localStorage.getItem('enable_task'),
-      t,
-      isModuleVisible,
-    ],
-  );
+    return filteredItems;
+  }, [
+    localStorage.getItem('enable_data_export'),
+    localStorage.getItem('enable_drawing'),
+    localStorage.getItem('enable_task'),
+    t,
+    isModuleVisible,
+  ]);

-  const financeItems = useMemo(
-    () => {
-      const items = [
-        {
-          text: t('钱包管理'),
-          itemKey: 'topup',
-          to: '/topup',
-        },
-        {
-          text: t('个人设置'),
-          itemKey: 'personal',
-          to: '/personal',
-        },
-      ];
+  const financeItems = useMemo(() => {
+    const items = [
+      {
+        text: t('钱包管理'),
+        itemKey: 'topup',
+        to: '/topup',
+      },
+      {
+        text: t('个人设置'),
+        itemKey: 'personal',
+        to: '/personal',
+      },
+    ];

-      // 根据配置过滤项目
-      const filteredItems = items.filter(item => {
-        const configVisible = isModuleVisible('personal', item.itemKey);
-        return configVisible;
-      });
+    // 根据配置过滤项目
+    const filteredItems = items.filter((item) => {
+      const configVisible = isModuleVisible('personal', item.itemKey);
+      return configVisible;
+    });

-      return filteredItems;
-    },
-    [t, isModuleVisible],
-  );
+    return filteredItems;
+  }, [t, isModuleVisible]);

-  const adminItems = useMemo(
-    () => {
-      const items = [
-        {
-          text: t('渠道管理'),
-          itemKey: 'channel',
-          to: '/channel',
-          className: isAdmin() ? '' : 'tableHiddle',
-        },
-        {
-          text: t('模型管理'),
-          itemKey: 'models',
-          to: '/console/models',
-          className: isAdmin() ? '' : 'tableHiddle',
-        },
-        {
-          text: t('兑换码管理'),
-          itemKey: 'redemption',
-          to: '/redemption',
-          className: isAdmin() ? '' : 'tableHiddle',
-        },
-        {
-          text: t('用户管理'),
-          itemKey: 'user',
-          to: '/user',
-          className: isAdmin() ? '' : 'tableHiddle',
-        },
-        {
-          text: t('系统设置'),
-          itemKey: 'setting',
-          to: '/setting',
-          className: isRoot() ? '' : 'tableHiddle',
-        },
-      ];
+  const adminItems = useMemo(() => {
+    const items = [
+      {
+        text: t('渠道管理'),
+        itemKey: 'channel',
+        to: '/channel',
+        className: isAdmin() ? '' : 'tableHiddle',
+      },
+      {
+        text: t('模型管理'),
+        itemKey: 'models',
+        to: '/console/models',
+        className: isAdmin() ? '' : 'tableHiddle',
+      },
+      {
+        text: t('兑换码管理'),
+        itemKey: 'redemption',
+        to: '/redemption',
+        className: isAdmin() ? '' : 'tableHiddle',
+      },
+      {
+        text: t('用户管理'),
+        itemKey: 'user',
+        to: '/user',
+        className: isAdmin() ? '' : 'tableHiddle',
+      },
+      {
+        text: t('系统设置'),
+        itemKey: 'setting',
+        to: '/setting',
+        className: isRoot() ? '' : 'tableHiddle',
+      },
+    ];

-      // 根据配置过滤项目
-      const filteredItems = items.filter(item => {
-        const configVisible = isModuleVisible('admin', item.itemKey);
-        return configVisible;
-      });
+    // 根据配置过滤项目
+    const filteredItems = items.filter((item) => {
+      const configVisible = isModuleVisible('admin', item.itemKey);
+      return configVisible;
+    });

-      return filteredItems;
-    },
-    [isAdmin(), isRoot(), t, isModuleVisible],
-  );
+    return filteredItems;
+  }, [isAdmin(), isRoot(), t, isModuleVisible]);

-  const chatMenuItems = useMemo(
-    () => {
-      const items = [
-        {
-          text: t('操练场'),
-          itemKey: 'playground',
-          to: '/playground',
-        },
-        {
-          text: t('聊天'),
-          itemKey: 'chat',
-          items: chatItems,
-        },
-      ];
+  const chatMenuItems = useMemo(() => {
+    const items = [
+      {
+        text: t('操练场'),
+        itemKey: 'playground',
+        to: '/playground',
+      },
+      {
+        text: t('聊天'),
+        itemKey: 'chat',
+        items: chatItems,
+      },
+    ];

-      // 根据配置过滤项目
-      const filteredItems = items.filter(item => {
-        const configVisible = isModuleVisible('chat', item.itemKey);
-        return configVisible;
-      });
+    // 根据配置过滤项目
+    const filteredItems = items.filter((item) => {
+      const configVisible = isModuleVisible('chat', item.itemKey);
+      return configVisible;
+    });

-      return filteredItems;
-    },
-    [chatItems, t, isModuleVisible],
-  );
+    return filteredItems;
+  }, [chatItems, t, isModuleVisible]);

  // 更新路由映射，添加聊天路由
  const updateRouterMapWithChats = (chats) => {
@@ -426,7 +418,9 @@ const SiderBar = ({ onNavigate = () => {} }) => {
        {/* 聊天区域 */}
        {hasSectionVisibleModules('chat') && (
          <div className='sidebar-section'>
-            {!collapsed && <div className='sidebar-group-label'>{t('聊天')}</div>}
+            {!collapsed && (
+              <div className='sidebar-group-label'>{t('聊天')}</div>
+            )}
            {chatMenuItems.map((item) => renderSubItem(item))}
          </div>
        )}