Function SharedPoolModels

components/shared-pool-models.tsx:43–251

()

];

export function SharedPoolModels() {
  const [models, setModels] = useState<ModelData[]>([]);
  const [isLoading, setIsLoading] = useState(true);
  const [error, setError] = useState<string | null>(null);

  useEffect(() => {
    const loadModels = async () => {
      try {
        const data = await getSharedPoolStats();
        // 转换为数组并按指定顺序排序
        const modelArray = Object.entries(data.quotas_by_model).map(([name, stats]) => ({
          name,
          stats
        }));
        // 按指定顺序排序
        const sorted = modelArray.sort((a, b) => {
          const indexA = MODEL_ORDER.indexOf(a.name);
          const indexB = MODEL_ORDER.indexOf(b.name);
          // 如果模型不在列表中，放到最后
          if (indexA === -1 && indexB === -1) return 0;
          if (indexA === -1) return 1;
          if (indexB === -1) return -1;
          return indexA - indexB;
        });
        setModels(sorted);
      } catch (err) {
        setError(err instanceof Error ? err.message : '加载模型数据失败');
      } finally {
        setIsLoading(false);
      }
    };

    loadModels();
  }, []);

  const getModelDisplayName = (model: string) => {
    const modelNames: Record<string, string> = {
      'gemini-2.5-flash-lite': 'Gemini 2.5 Flash Lite',
      'claude-sonnet-4-5-thinking': 'Claude Sonnet 4.5 (Thinking)',
      'claude-opus-4-5-thinking': 'Claude Opus 4.5 (Thinking)',
      'gemini-2.5-flash-image': 'Gemini 2.5 Flash Image',
      'gemini-2.5-flash-thinking': 'Gemini 2.5 Flash (Thinking)',
      'gemini-2.5-flash': 'Gemini 2.5 Flash',
      'gpt-oss-120b-medium': 'GPT OSS 120B (Medium)',
      'gemini-3-pro-image': 'Gemini 3 Pro Image',
      'gemini-3-pro-high': 'Gemini 3 Pro (High)',
      'gemini-3-pro-low': 'Gemini 3 Pro (Low)',
      'claude-sonnet-4-5': 'Claude Sonnet 4.5',
      'rev19-uic3-1p': 'Rev19 UIC3 1P',
      'gemini-2.5-pro': 'Gemini 2.5 Pro',
      'chat_20706': 'Chat 20706',
      'chat_23310': 'Chat 23310',
    };
    return modelNames[model] || model;
  };

  const formatQuota = (quota: number) => {
    return quota.toFixed(4);