使用记录 -> 筛选条件 -> 请求参数 -> 模型 下拉框会报错

[oubeichen]

控制台提示

0hgch5gkva82l.js:31 Error: A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.
    at 0mlqv5is_38v8.js:1:13713
    at ay (0hgch5gkva82l.js:1:63875)
    at oV (0hgch5gkva82l.js:1:81879)
    at iu (0hgch5gkva82l.js:1:98970)
    at sd (0hgch5gkva82l.js:1:138974)
    at 0hgch5gkva82l.js:1:138819
    at sf (0hgch5gkva82l.js:1:138827)
    at se (0hgch5gkva82l.js:1:134748)
    at s$ (0hgch5gkva82l.js:1:160525)
    at MessagePort.O (0hgch5gkva82l.js:1:8683)

我觉得问题应该出在
/api/v1/usage-logs/models 接口返回的值不正常，用了很久cch，接入各种中转站之后，特别是让agent自行检查调用的时候会出现很多奇怪的模型名，因此多了一个空 model 名，如下：

{
    "items": [
        "",
        "cchClaude/claude-sonnet-4-5-20250929",
        "claude-3-5-haiku-20241022",
        "claude-3.5-sonnet",
        "claude-3-5-sonnet-20241022",
        "claude-4-6-sonnet",
        "claude-code-sonnet-4.6",
        "claude-fabel-5",
        "claude-fable-5",
        "claude-haiku-4-5",
        "claude-haiku-4-5-20251001",
        "claude-opus-4-5",
        "claude-opus-4-5-20251101",
        "claude-opus-4-5-thinking",
        "claude-opus-4-6",
        "claude-opus-4-7",
        "claude-opus-4-7-20260101",
        "claude-opus-4-8",
        "claude-sonnet-4-20250514",
        "claude-sonnet-4-5",
        "claude-sonnet-4-5-20250929",
        "claude-sonnet-4-5-20250929-thinking",
        "claude-sonnet-4-6",
        "claude-sonnet-4-7",
        "claue-fabel-5",
        "codex-auto-review",
        "deepseek-ai/DeepSeek-V4-Pro",
        "deepseek-v4-flash",
        "deepseek-v4-pro",
        "deepseek-v4-pro-260425",
        "gemini-2.5-flash",
        "gemini-2.5-flash-image",
        "gemini-2.5-flash-lite",
        "glm-4.5-air",
        "glm-4.7",
        "glm-5",
        "glm-5.1",
        "gpt-4.1",
        "gpt-4.1-mini",
        "gpt-4o",
        "gpt-4o-mini",
        "gpt-5",
        "gpt-5.1",
        "gpt-5.1-chat",
        "gpt-5.1-codex",
        "gpt-5.1-codex-mini",
        "gpt-5.2",
        "gpt-5.2-chat",
        "gpt-5.2-high",
        "gpt-5.2-low",
        "gpt-5.2-medium",
        "gpt-5.2-small",
        "gpt-5.2-xhigh",
        "gpt-5.3",
        "gpt-5.3-codex",
        "gpt-5.3-codex-spark",
        "gpt-5.3-codex-xhigh",
        "gpt-5.4",
        "gpt-5.4-fast",
        "gpt-5.4-high",
        "gpt-5.4-mini",
        "gpt-5.4-nano",
        "gpt-5.4-pro",
        "gpt-5.5",
        "gpt-5.5-fast",
        "gpt-5.5-pro",
        "gpt-5-codex",
        "o1",
        "o3-mini",
        "openai/gpt-5.5",
        "qwen3.6-flash",
        "qwen3.7-max",
        "[REDACTED]",
        "text-embedding-3-small",
        "[次]claude-sonnet-4-6"
    ]
}

需要前后端有个地方检测并兼容/过滤掉这种数据。

[coderabbitai]

🔗 Related PRs

#961 - fix: 模型列表端点返回所有可用供应商的模型而非仅第一个 [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[github-actions]

Thank you for reporting this issue and providing such detailed analysis.

Analysis:

I have verified the root cause in the codebase. The issue is in the getUsedModels() function at src/repository/usage-logs.ts (lines 1468-1476):

export async function getUsedModels(): Promise<string[]> {
  const results = await db
    .selectDistinct({ model: messageRequest.model })
    .from(messageRequest)
    .where(and(isNull(messageRequest.deletedAt), sql`${messageRequest.model} IS NOT NULL`))
    .orderBy(messageRequest.model);

  return results.map((r) => r.model).filter((m): m is string => m \!== null);
}

Problem:

1. The SQL query correctly filters out NULL values with IS NOT NULL
2. However, it does not filter out empty strings ("")
3. When agents make requests with empty model names, those rows exist in the database
4. The JavaScript filter only removes null values, not empty strings
5. The frontend Select.Item component (from shadcn/ui/Radix UI) does not allow empty string values, which causes the console error you showed

Potentially affected code:

• src/repository/usage-logs.ts (lines 1468-1476) - getUsedModels() function
• src/repository/usage-logs.ts (lines 1494-1502) - getUsedEndpoints() may have the same issue

Recommended fix location:
The filter should be added in the repository function to exclude empty strings, similar to how other functions in the same file handle this (see getDistinctModelsForKey at line 1240 which uses .filter((model): model is string => \!\!model && model.trim().length > 0)).

To help with the fix, please confirm:

• Can you verify that the empty string model names in your database are indeed from agent calls and not from other sources?
• Is there any other place where empty model names might be coming from?

Potential workaround (frontend):
While waiting for a backend fix, the frontend could filter out empty strings when processing the API response in usage-logs-section.tsx (around line 82).

---

Automated response from Claude AI