Skip to content

feat:redesign-model-cards#273

Open
KanoCifer wants to merge 2 commits into
seakee:mainfrom
KanoCifer:feat/redesign-model-cards
Open

feat:redesign-model-cards#273
KanoCifer wants to merge 2 commits into
seakee:mainfrom
KanoCifer:feat/redesign-model-cards

Conversation

@KanoCifer

Copy link
Copy Markdown

Summary

Redesign the available model cards and add Providers and model id copy buttons.

Scope

  • Frontend panel
  • Manager Server
  • CPA panel mode
  • Full Docker mode
  • Native packages / release
  • Docs / Wiki
  • CI / build / tooling

Changes

  • add model-id-copy-button
  • redo model-cards
  • complete some model provider's logos and sections

User Impact

UI

Compatibility / Runtime Notes

  • CPA panel mode: UI Change
  • Manager Server mode: UI Change
  • Full Docker / native packages: UI Change

Data / Security Notes

N/A

Risk / Rollback

Risk level: Low

Verification

  • Type check
  • Lint
  • Tests
  • Build
  • Manual UI check
  • Docs/link check
  • Not applicable, docs-only

Screenshots / Recordings

Light Mode

截屏2026-07-01 17 58 34

Dark Mode

截屏2026-07-01 17 58 24

Docs

  • README updated
  • Wiki updated
  • Release notes needed
  • Not needed

Related

N/A

 - add model-id-copy-button
 - redo model-cards
 - complete some model provider's logos and sections
Copilot AI review requested due to automatic review settings July 1, 2026 10:07

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.

Pull request overview

Redesigns the System “Models” section into provider/category cards and adds one-click copy behavior for model IDs, alongside expanding model-provider categorization and icon coverage.

Changes:

  • Expanded model categorization (new providers + updated GLM label) for grouping models on the System page.
  • Reworked the System page models UI into a card/grid layout with per-model copy buttons and “copied” feedback.
  • Added/updated provider logo assets (including theme-aware GLM and MiMo icons).

Reviewed changes

Copilot reviewed 3 out of 14 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
apps/web/src/utils/models.ts Adds new model categories/patterns to improve grouping on the System page.
apps/web/src/features/system/SystemPage.tsx Redesigns model list UI into category cards and adds copy-to-clipboard interaction/feedback.
apps/web/src/features/system/SystemPage.module.scss Implements the new models grid/card styling and copied-state styling.
apps/web/src/assets/icons/xiaomimimo-light.svg Adds MiMo light-theme logo for category header icons.
apps/web/src/assets/icons/xiaomimimo-dark.svg Adds MiMo dark-theme logo for category header icons.
apps/web/src/assets/icons/wenxin.svg Adds WenXin provider logo for category header icons.
apps/web/src/assets/icons/volcengine.svg Adds VolcEngine provider logo for category header icons.
apps/web/src/assets/icons/stepfun.svg Adds StepFun provider logo for category header icons.
apps/web/src/assets/icons/longcat.svg Adds LongCat provider logo for category header icons.
apps/web/src/assets/icons/hunyuan.svg Adds HunYuan provider logo for category header icons.
apps/web/src/assets/icons/glm.svg Removes the previous single GLM logo asset (replaced by theme-aware variants).
apps/web/src/assets/icons/glm-light.svg Adds GLM light-theme logo for category header icons.
apps/web/src/assets/icons/glm-dark.svg Adds GLM dark-theme logo for category header icons.
apps/web/src/assets/icons/bytedance.svg Adds ByteDance provider logo for category header icons.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread apps/web/src/utils/models.ts Outdated
Comment thread apps/web/src/features/system/SystemPage.tsx
Comment thread apps/web/src/features/system/SystemPage.tsx
Comment thread apps/web/src/features/system/SystemPage.module.scss
  - Tighten ByteDance/VolcEngine regex patterns with word boundaries
  - Use dedicated model_id_copied translation key (add to 4 locales)
  - Add aria-label to model copy button for accessibility
  - Replace oklch() with color-mix for codebase consistency
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