fix(keys): refresh API key form options

[QuentinHsu]

⚠️ 提交说明 / PR Notice

Important

• 请提供人工撰写的简洁摘要，避免直接粘贴未经整理的 AI 输出。

📝 变更描述 / Description

(简述：做了什么？为什么这样改能生效？请基于你对代码逻辑的理解来写，避免粘贴未经整理的内容)

问题描述

• API key 新建/编辑表单的分组和模型选项会被前端缓存 5 分钟，后台配置更新后需要刷新整个页面才能看到最新数据。
• API key 表格中的分组倍率查询使用了另一个 query key，导致同一接口存在重复缓存。

修复方式

• 将表单中的 user-models 和 user-groups 查询改为 drawer 打开时启用，并设置 staleTime: 0。
• 将表格分组倍率查询统一到 user-groups query key，并取消 5 分钟 stale 缓存。

测试说明

• 已运行 bun run typecheck。

🚀 变更类型 / Type of change

• 🐛 Bug 修复 (Bug fix) - 请关联对应 Issue，避免将设计取舍、理解偏差或预期不一致直接归类为 bug
• ✨ 新功能 (New feature) - 重大特性建议先通过 Issue 沟通
• ⚡ 性能优化 / 重构 (Refactor)
• 📝 文档更新 (Documentation)

🔗 关联任务 / Related Issue

• Closes # (如有)

✅ 提交前检查项 / Checklist

• 人工确认: 我已亲自整理并撰写此描述，没有直接粘贴未经处理的 AI 输出。
• 非重复提交: 我已搜索现有的 Issues 与 PRs，确认不是重复提交。
• Bug fix 说明: 若此 PR 标记为 Bug fix，我已提交或关联对应 Issue，且不会将设计取舍、预期不一致或理解偏差直接归类为 bug。
• 变更理解: 我已理解这些更改的工作原理及可能影响。
• 范围聚焦: 本 PR 未包含任何与当前任务无关的代码改动。
• 本地验证: 已在本地运行并通过测试或手动验证，维护者可以据此复核结果。
• 安全合规: 代码中无敏感凭据，且符合项目代码规范。

📸 运行证明 / Proof of Work

(请在此粘贴截图、关键日志或测试报告，以证明变更生效)

Summary by CodeRabbit

Bug Fixes

• Enhanced data accuracy in the API keys management interface by modifying caching behavior for group and model information to ensure users always see current data.
• Improved performance by implementing conditional data queries that only execute when the API keys drawer is open, reducing unnecessary network requests and system load.

[coderabbitai]

Walkthrough

Two React Query configurations in the API keys feature are updated: useGroupRatios in api-keys-columns.tsx switches its queryKey from ['user-self-groups'] to ['user-groups'] and sets staleTime: 0. ApiKeysMutateDrawer adds enabled: open and staleTime: 0 to both the models and groups queries.

Changes

API Keys React Query Cache Configuration

Layer / File(s)	Summary
Query key, staleTime, and enabled flag updates web/default/src/features/keys/components/api-keys-columns.tsx, web/default/src/features/keys/components/api-keys-mutate-drawer.tsx	useGroupRatios switches its queryKey to ['user-groups'] and sets staleTime: 0. Both the models and groups queries in ApiKeysMutateDrawer gain enabled: open and staleTime: 0, preventing fetches when the drawer is closed and disabling stale data retention.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

• QuantumNous/new-api#4772: Previously switched useGroupRatios to use getUserGroups; this PR continues adjusting the same hook's queryKey and staleTime.

Poem

🐇 Hop, hop! The cache goes stale no more,
With staleTime: 0 at every door,
The drawer stays quiet when it's shut,
No extra fetches in a rut.
Fresh data only — that's the score! 🥕

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'fix(keys): refresh API key form options' clearly and specifically summarizes the main objective of the PR - fixing caching issues to refresh form options for API keys.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/api-key-options-refresh

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@web/default/src/features/keys/components/api-keys-mutate-drawer.tsx`:
- Around line 115-116: The form reset effect on line 150 that depends on
backendHasAuto is re-running when the user-groups query completes after the
drawer opens, causing unwanted form resets in create mode. To fix this, add a
condition to the reset effect to check if the form is dirty (using
form.formState.isDirty) before resetting, so that any user edits are preserved.
Specifically, wrap the reset logic with a guard that prevents resetting when the
form has been modified by the user (isDirty is true).

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 62f44946-ab5f-425d-9fd5-91be28b4f064

📥 Commits

Reviewing files that changed from the base of the PR and between 1ac0f58 and 4c3a398.

📒 Files selected for processing (2)

• web/default/src/features/keys/components/api-keys-columns.tsx
• web/default/src/features/keys/components/api-keys-mutate-drawer.tsx

[coderabbitai]

⚠️ Potential issue | 🟠 Major

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Read-only verification: confirm reset effect depends on backendHasAuto and is triggered by groups query timing.
rg -n -C3 "enabled:\s*open|backendHasAuto|form\.reset\(" web/default/src/features/keys/components/api-keys-mutate-drawer.tsx

Repository: QuantumNous/new-api

Length of output: 1394

---

Prevent form reset triggered by delayed user-groups query completion.

The enabled: open gate on line 115 delays groupsData load, causing backendHasAuto to transition from false to true after the drawer opens. Since the reset effect on line 150 depends on backendHasAuto, it re-runs when the groups query completes, resetting form values in create mode even if the user has started editing. Gate the reset to the initial open transition only, or add a check like !form.formState.isDirty to avoid resetting if the form has been modified.

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@web/default/src/features/keys/components/api-keys-mutate-drawer.tsx` around
lines 115 - 116, The form reset effect on line 150 that depends on
backendHasAuto is re-running when the user-groups query completes after the
drawer opens, causing unwanted form resets in create mode. To fix this, add a
condition to the reset effect to check if the form is dirty (using
form.formState.isDirty) before resetting, so that any user edits are preserved.
Specifically, wrap the reset logic with a guard that prevents resetting when the
form has been modified by the user (isDirty is true).