Skip to content

feat(subscription): 优化凭据导入与账号卡片 - #456

Closed
tbphp wants to merge 1 commit into
v2from
codex/subscription-credential-ui-optimization
Closed

feat(subscription): 优化凭据导入与账号卡片#456
tbphp wants to merge 1 commit into
v2from
codex/subscription-credential-ui-optimization

Conversation

@tbphp

@tbphp tbphp commented Aug 22, 2026

Copy link
Copy Markdown
Owner

关联 Issue / Related Issue

无(订阅凭据管理前端交互优化)

变更内容 / Change Content

  • Bug 修复 / Bug fix
  • 新功能 / New feature
  • 其他改动 / Other changes
  • 统一新建分组与已有分组侧边栏的订阅账号连接入口,直接展示登录和凭据文件导入,并将粘贴 JSON 收纳为次级操作。
  • 精简重复静态说明,将订阅授权风险收敛为连接区域附近的短提示,同时保留授权、回调、导入和暂存状态反馈。
  • 将账号卡片额度窗口改为单行扁平进度背景,左侧展示现有窗口名称,右侧完整展示剩余额度与重置时间。
  • 将展开区调整为“用量窗口 → 运行概况”,运行概况按三列九项展示既有活动与诊断字段;用量窗口实现保持不变。
  • 适配 feat(subscription): 增加账号批量操作 #455 合并后的账号选择、批量同步、整卡同步骨架和多文件导入行为;不修改后端 API、DTO、持久化或共享额度组件。

自查清单 / Checklist

  • 我已运行 make check,或在说明中写明无法运行的原因和未验证范围。 / I ran make check, or documented why it could not run and what remains unverified.
  • 本 PR 范围聚焦,未包含无关改动。 / This PR is focused and contains no unrelated changes.
  • 我已更新必要的公开文档或发布说明。 / I updated any required public documentation or release notes.
  • 我已确认提交、日志和测试数据不包含敏感信息。 / I confirmed that commits, logs, and fixtures contain no sensitive data.
  • 如适用,我已说明兼容性或数据迁移影响。 / Where applicable, I documented compatibility or data-migration impact.

无需更新公开文档或执行数据迁移;本次仅调整管理前端交互与三语文案。

Summary by CodeRabbit

  • 新功能

    • 重做订阅账户额度展示,新增状态进度条、剩余额度、重置时间及观测时间。
    • 将账户信息整合为运行概况,展示使用时间、成功/失败统计和错误信息。
    • 新增 OAuth JSON 粘贴及凭据文件导入入口。
  • 优化

    • 简化订阅连接和导入流程界面,调整按钮尺寸、布局及移动端适配。
    • 优化风险提示展示条件,移除重复或过时的说明文案。
    • 更新英文、日文和中文本地化文本。

Copilot AI lite review requested due to automatic review settings August 22, 2026 06:13
@coderabbitai

coderabbitai Bot commented Aug 22, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: QUIET

Plan: Pro Plus

Run ID: 98d46183-ed58-49bf-863f-9d6081b8fec5

📥 Commits

Reviewing files that changed from the base of the PR and between 92c52ec and 049b33d.

📒 Files selected for processing (11)
  • web/src/features/groups/credentials/GroupCredentialsTab.vue
  • web/src/features/groups/credentials/SubscriptionAccountCard.vue
  • web/src/features/import/ChannelPresetPicker.vue
  • web/src/features/import/NewGroupImport.vue
  • web/src/features/import/SubscriptionCredentialStager.vue
  • web/src/i18n/locales/en-US/group.ts
  • web/src/i18n/locales/en-US/import.ts
  • web/src/i18n/locales/ja-JP/group.ts
  • web/src/i18n/locales/ja-JP/import.ts
  • web/src/i18n/locales/zh-CN/group.ts
  • web/src/i18n/locales/zh-CN/import.ts
💤 Files with no reviewable changes (1)
  • web/src/features/import/ChannelPresetPicker.vue

Included review availability: Your plan provides up to 8 included reviews per hour; 7 remain after this review.


📝 Walkthrough

Walkthrough

本次变更调整订阅账号额度卡片、运行概况和加载骨架。连接抽屉按钮统一使用紧凑尺寸。订阅凭据导入流程新增 OAuth JSON 文件入口,并调整 JSON 粘贴面板、渠道通知和风险提示条件。英文、日文和中文本地化文本同步更新。

Merge Risk: ⚪ Minimal · up to 049b3

This PR changes subscription credential-management UI and translations without introducing an identified correctness, data, security, or availability risk; it is merge-ready after normal checks and review.

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed 标题准确概括了订阅凭据导入和账号卡片优化,内容清晰且长度适当。
Description check ✅ Passed 描述包含关联事项、变更内容、详细说明和自查清单,并明确说明了测试、文档及迁移影响。
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 6 files. (4 skipped: 4 unsupported.)
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.
✨ Finishing Touches
✨ Simplify code
  • Create PR with simplified code
  • Commit simplified code in branch codex/subscription-credential-ui-optimization

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

Comment @coderabbitai help to get the list of available commands.

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟢 Approval recommended

Changes are localized to frontend UI/i18n, removed keys are no longer referenced, and the updated components remain internally consistent with the new translation keys.

Pull request overview

This PR refines the subscription credential import flow and subscription account card presentation in the web UI, focusing on reducing redundant guidance text and improving information density while keeping backend/API behavior unchanged.

Changes:

  • Simplifies subscription credential import copy and reorganizes entry actions (authorize + credential file import, with JSON paste as a secondary disclosure).
  • Updates subscription account card quota display to a flatter, single-line meter and reshapes the expanded area into a “runtime overview” layout.
  • Adjusts i18n strings (zh-CN / en-US / ja-JP) to match the new UI structure, including new/renamed labels.
File summaries
File Description
web/src/i18n/locales/zh-CN/import.ts Updates subscription import strings (risk notice, paste JSON, file import label) and removes deprecated copy.
web/src/i18n/locales/zh-CN/group.ts Renames/adjusts subscription card labels (daily summaries, quota reset prefix/suffix, overview heading).
web/src/i18n/locales/ja-JP/import.ts Mirrors subscription import string updates for Japanese.
web/src/i18n/locales/ja-JP/group.ts Mirrors subscription card label updates for Japanese.
web/src/i18n/locales/en-US/import.ts Mirrors subscription import string updates for English.
web/src/i18n/locales/en-US/group.ts Mirrors subscription card label updates for English.
web/src/features/import/SubscriptionCredentialStager.vue Reworks subscription credential entry UI and feedback placement; updates related copy keys and styling.
web/src/features/import/NewGroupImport.vue Makes credential step description conditional (omits subscription description).
web/src/features/import/ChannelPresetPicker.vue Removes subscription-risk inline notice from preset picker (now handled in the connect area).
web/src/features/groups/credentials/SubscriptionAccountCard.vue Replaces quota progress component with inline meter + revised quota/reset text; reshapes expanded detail into runtime overview.
web/src/features/groups/credentials/GroupCredentialsTab.vue Small modal copy/size tweaks (inline description, compact footer buttons).
Review details
  • Files reviewed: 11/11 changed files
  • Comments generated: 0
  • Review effort level: Lite

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 049b33d041

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +1361 to +1366
.subscription-account__quota-meta {
position: relative;
z-index: 1;
display: inline-flex;
min-width: max-content;
align-items: center;

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Allow quota metadata to wrap on narrow cards

When a quota has a long localized value or reset label, this min-width: max-content makes the entire right-hand block unshrinkable, while .subscription-account__quota uses overflow: hidden. On narrow account cards, the remaining quota and reset time are therefore clipped with no tooltip or wrapping fallback. Allow this block to wrap/shrink, or restore the previous responsive second row for the reset value.

Useful? React with 👍 / 👎.

@tbphp tbphp closed this Aug 22, 2026
@tbphp
tbphp deleted the codex/subscription-credential-ui-optimization branch August 22, 2026 06:45
@tbphp

tbphp commented Aug 22, 2026

Copy link
Copy Markdown
Owner Author

远程 head 分支已按本地 Codex 配置重命名为 tbphp/subscription-credential-ui-optimization。GitHub 在重命名 head 分支时自动关闭了此 PR,且不支持修改现有 PR 的 head;相同提交与内容已迁移至 #457

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants