fix: address code review findings

- fix(api): use effectiveTokenId in route channel insert to match duplicate detection logic
- fix(css): rename keyframes to kebab-case (filter-bar-slide-down/up)
- fix(web): wrap "保存中..." text with tr() in ManualRoutePanel
- fix(web): use ref for fresh cache check and add error handling in useRouteChannels

src/web/pages/token-routes/ManualRoutePanel.tsx

@@ -174,7 +174,7 @@ export default function ManualRoutePanel({
                   className="spinner spinner-sm"
                   style={{ borderTopColor: 'white', borderColor: 'rgba(255,255,255,0.3)' }}
                 />{' '}
-                保存中...
+                {tr('保存中...')}
               </>
             ) : (
               tr(editingRouteId ? '保存群组' : '创建群组')

src/web/pages/token-routes/useRouteChannels.ts

@@ -1,4 +1,4 @@
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useRef } from 'react';
 import { api } from '../../api.js';
 import { normalizeChannels } from './utils.js';
 import type { RouteChannel } from './types.js';
@@ -6,19 +6,24 @@ import type { RouteChannel } from './types.js';
 export function useRouteChannels() {
   const [channelsByRouteId, setChannelsByRouteId] = useState<Record<number, RouteChannel[]>>({});
   const [loadingChannelsByRouteId, setLoadingChannelsByRouteId] = useState<Record<number, boolean>>({});
+  const channelsByRouteIdRef = useRef(channelsByRouteId);
+  channelsByRouteIdRef.current = channelsByRouteId;
 
   const loadChannels = useCallback(async (routeId: number, force = false) => {
-    if (!force && channelsByRouteId[routeId]) return channelsByRouteId[routeId];
+    if (!force && channelsByRouteIdRef.current[routeId]) return channelsByRouteIdRef.current[routeId];
     setLoadingChannelsByRouteId((prev) => ({ ...prev, [routeId]: true }));
     try {
       const channels = await api.getRouteChannels(routeId);
       const sorted = normalizeChannels(channels || []);
       setChannelsByRouteId((prev) => ({ ...prev, [routeId]: sorted }));
       return sorted;
+    } catch (error) {
+      console.error(`Failed to load channels for route ${routeId}:`, error);
+      throw error;
     } finally {
       setLoadingChannelsByRouteId((prev) => ({ ...prev, [routeId]: false }));
     }
-  }, [channelsByRouteId]);
+  }, []);
 
   const invalidateChannels = useCallback((routeId: number) => {
     setChannelsByRouteId((prev) => {