Skip to content

Polish light ops console UI and add full-page audit tooling#5669

Closed
laohaocunzhang wants to merge 80 commits into
QuantumNous:mainfrom
laohaocunzhang:ui-redesign-ai-platform
Closed

Polish light ops console UI and add full-page audit tooling#5669
laohaocunzhang wants to merge 80 commits into
QuantumNous:mainfrom
laohaocunzhang:ui-redesign-ai-platform

Conversation

@laohaocunzhang

Copy link
Copy Markdown

本次变更:

  1. 新增全量 UI Playwright 审计脚本与 Markdown/JSON 报告;
  2. 统一运营后台表格页主按钮和表格视觉;
  3. 优化登录页、Playground、运营总览可读性;
  4. 优化系统设置和模型定价页面展示;
  5. 未提交 PNG 截图、artifacts、凭据文件;
  6. Rsbuild build 通过;
  7. tsc -b 仍有项目既有问题,本次未新增相关 TS 错误。

已包含 commit:

  • b30535a chore(ui-audit): add full-page quality audit capture
  • a7842dc style(web): align ops console table page actions
  • 9502336 style(web): improve auth, playground, and overview readability
  • ebeb1f1 style(web): polish system settings pricing surfaces

后续待办:

  • 登录页按新的浅蓝政企参考图继续一比一复刻;
  • 公共门户深色风格是否统一浅蓝需要产品决策;
  • Playground 空态和流式状态继续实机验证;
  • Overview 无数据 KPI 空态继续细化。

lobster added 30 commits May 19, 2026 23:11
lobster and others added 28 commits May 21, 2026 23:05
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitai Bot commented Jun 22, 2026

Copy link
Copy Markdown
Contributor

Important

Review skipped

Too many files!

This PR contains 293 files, which is 143 over the limit of 150.

To get a review, narrow the scope:
• coderabbit review --type committed # exclude uncommitted changes
• coderabbit review --dir # limit to a subdirectory
• coderabbit review --base # compare against a closer base

Upgrade to a paid plan to raise the limit.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 31f23312-98ea-4f61-90ac-0499fe617a76

📥 Commits

Reviewing files that changed from the base of the PR and between f8cfbfa and ebeb1f1.

⛔ Files ignored due to path filters (7)
  • web/default/pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
  • web/default/public/apple-touch-icon.png is excluded by !**/*.png
  • web/default/public/brand/favicon.png is excluded by !**/*.png
  • web/default/public/brand/logo.png is excluded by !**/*.png
  • web/default/public/favicon.ico is excluded by !**/*.ico
  • web/default/public/favicon.png is excluded by !**/*.png
  • web/default/public/logo.png is excluded by !**/*.png
📒 Files selected for processing (293)
  • UI_REDESIGN_CURSOR_PROMPT.md
  • UI_REDESIGN_RULES.md
  • docker-compose.dev.yml
  • docs/DEV.md
  • docs/aioc-demo-script.md
  • docs/checklists/page-audit-report-20260523.md
  • docs/checklists/ui-audit-summary-20260523.md
  • docs/checklists/ui-full-page-quality-audit-latest.json
  • docs/checklists/ui-full-page-quality-audit-latest.md
  • scripts/dev/.gitignore
  • scripts/dev/README.md
  • scripts/dev/cleanup-aioc-demo-data.sh
  • scripts/dev/seed-ui-acceptance.sh
  • scripts/dev/sql/cleanup-aioc-demo-data.sql
  • scripts/dev/sql/rollback-ui-acceptance.sql
  • scripts/dev/sql/seed-ui-acceptance.sql
  • scripts/dev/start-dev-stack.sh
  • scripts/dev/ui-audit/.env.local.example
  • scripts/dev/ui-audit/.gitignore
  • scripts/dev/ui-audit/README.md
  • scripts/dev/ui-audit/UI_ACCEPTANCE_SCOPE.md
  • scripts/dev/ui-audit/capture-overview.mjs
  • scripts/dev/ui-audit/capture-overview.sh
  • scripts/dev/ui-audit/capture-page-quality.mjs
  • scripts/dev/ui-audit/capture-page-quality.sh
  • scripts/dev/ui-audit/playwright-page-audit.mjs
  • scripts/dev/ui-audit/playwright-screenshots.mjs
  • scripts/dev/ui-audit/run-ui-audit.sh
  • scripts/dev/ui-audit/scan-ui-legacy-terms.sh
  • scripts/dev/ui-audit/screenshot-ui-acceptance.sh
  • web/default/Dockerfile.dev
  • web/default/docker-dev-entrypoint.sh
  • web/default/index.html
  • web/default/package.json
  • web/default/public/site.webmanifest
  • web/default/rsbuild.config.ts
  • web/default/src/assets/brand-icons/icon-github.tsx
  • web/default/src/assets/logo.tsx
  • web/default/src/components/ai-elements/open-in-chat.tsx
  • web/default/src/components/ai-elements/web-preview.tsx
  • web/default/src/components/auth-session-pending.tsx
  • web/default/src/components/data-table/bulk-actions.tsx
  • web/default/src/components/data-table/column-header.tsx
  • web/default/src/components/data-table/faceted-filter.tsx
  • web/default/src/components/data-table/pagination.tsx
  • web/default/src/components/data-table/toolbar-button-styles.ts
  • web/default/src/components/data-table/toolbar.tsx
  • web/default/src/components/data-table/view-options.tsx
  • web/default/src/components/group-badge.tsx
  • web/default/src/components/layout/components/app-header.tsx
  • web/default/src/components/layout/components/app-sidebar.tsx
  • web/default/src/components/layout/components/authenticated-layout.tsx
  • web/default/src/components/layout/components/footer.tsx
  • web/default/src/components/layout/components/header-logo.tsx
  • web/default/src/components/layout/components/header.tsx
  • web/default/src/components/layout/components/mobile-drawer.tsx
  • web/default/src/components/layout/components/nav-link-item.tsx
  • web/default/src/components/layout/components/public-header.tsx
  • web/default/src/components/layout/components/public-layout.tsx
  • web/default/src/components/layout/components/section-page-layout.tsx
  • web/default/src/components/layout/components/sidebar-back-to-operations-console.tsx
  • web/default/src/components/layout/components/system-brand.tsx
  • web/default/src/components/layout/components/top-nav-desktop.tsx
  • web/default/src/components/layout/components/top-nav.tsx
  • web/default/src/components/layout/config/system-settings.config.ts
  • web/default/src/components/profile-dropdown.tsx
  • web/default/src/components/search.tsx
  • web/default/src/components/ui/table.tsx
  • web/default/src/config/aioc-demo-visibility.ts
  • web/default/src/features/about/index.tsx
  • web/default/src/features/auth/api.ts
  • web/default/src/features/auth/auth-layout.tsx
  • web/default/src/features/auth/components/oauth-callback-screen.tsx
  • web/default/src/features/auth/constants.ts
  • web/default/src/features/auth/hooks/use-auth-redirect.ts
  • web/default/src/features/auth/hooks/use-idle-session-logout.ts
  • web/default/src/features/auth/hooks/use-oauth-login.ts
  • web/default/src/features/auth/lib/bootstrap-user.ts
  • web/default/src/features/auth/lib/idle-session.ts
  • web/default/src/features/auth/lib/post-login-redirect.ts
  • web/default/src/features/auth/lib/session.ts
  • web/default/src/features/auth/otp/components/otp-form.tsx
  • web/default/src/features/auth/sign-in/components/user-auth-form.tsx
  • web/default/src/features/auth/sign-in/index.tsx
  • web/default/src/features/auth/sign-up/components/sign-up-form.tsx
  • web/default/src/features/channels/components/channels-columns.tsx
  • web/default/src/features/channels/components/channels-primary-buttons.tsx
  • web/default/src/features/channels/components/channels-table.tsx
  • web/default/src/features/channels/components/data-table-bulk-actions.tsx
  • web/default/src/features/channels/components/data-table-row-actions.tsx
  • web/default/src/features/channels/components/dialogs/balance-query-dialog.tsx
  • web/default/src/features/channels/components/dialogs/channel-test-dialog.tsx
  • web/default/src/features/channels/components/dialogs/edit-tag-dialog.tsx
  • web/default/src/features/channels/components/dialogs/fetch-models-dialog.tsx
  • web/default/src/features/channels/components/dialogs/tag-batch-edit-dialog.tsx
  • web/default/src/features/channels/components/drawers/channel-mutate-drawer.tsx
  • web/default/src/features/channels/constants.ts
  • web/default/src/features/channels/hooks/use-channel-upstream-updates.ts
  • web/default/src/features/channels/index.tsx
  • web/default/src/features/channels/lib/channel-actions.ts
  • web/default/src/features/channels/lib/channel-error-display.ts
  • web/default/src/features/channels/lib/channel-utils.ts
  • web/default/src/features/channels/lib/channels-ui-styles.ts
  • web/default/src/features/channels/lib/index.ts
  • web/default/src/features/chat/lib/chat-links.ts
  • web/default/src/features/chat/lib/hidden-external-chat-clients.ts
  • web/default/src/features/dashboard/components/models/log-stat-cards.tsx
  • web/default/src/features/dashboard/components/models/performance-overview.tsx
  • web/default/src/features/dashboard/components/overview/announcements-panel.tsx
  • web/default/src/features/dashboard/components/overview/api-info-panel.tsx
  • web/default/src/features/dashboard/components/overview/cockpit-24h-overview.tsx
  • web/default/src/features/dashboard/components/overview/cockpit-call-trend.tsx
  • web/default/src/features/dashboard/components/overview/cockpit-channel-health-table.tsx
  • web/default/src/features/dashboard/components/overview/cockpit-charts-grid.tsx
  • web/default/src/features/dashboard/components/overview/cockpit-display.ts
  • web/default/src/features/dashboard/components/overview/cockpit-header.tsx
  • web/default/src/features/dashboard/components/overview/cockpit-operations-trend.tsx
  • web/default/src/features/dashboard/components/overview/cockpit-tenant-ranking.tsx
  • web/default/src/features/dashboard/components/overview/faq-panel.tsx
  • web/default/src/features/dashboard/components/overview/overview-chart-placeholder.tsx
  • web/default/src/features/dashboard/components/overview/overview-dashboard.tsx
  • web/default/src/features/dashboard/components/overview/overview-empty-state.tsx
  • web/default/src/features/dashboard/components/overview/overview-kpi-card.tsx
  • web/default/src/features/dashboard/components/overview/overview-quota-banner.tsx
  • web/default/src/features/dashboard/components/overview/overview-reference-styles.ts
  • web/default/src/features/dashboard/components/overview/overview-sparkline.tsx
  • web/default/src/features/dashboard/components/overview/performance-health-panel.tsx
  • web/default/src/features/dashboard/components/overview/summary-cards.tsx
  • web/default/src/features/dashboard/components/overview/uptime-panel.tsx
  • web/default/src/features/dashboard/components/ui/panel-wrapper.tsx
  • web/default/src/features/dashboard/components/ui/stat-card.tsx
  • web/default/src/features/dashboard/hooks/use-dashboard-config.tsx
  • web/default/src/features/dashboard/hooks/use-ops-rolling-time-range.ts
  • web/default/src/features/dashboard/index.tsx
  • web/default/src/features/dashboard/lib/charts.ts
  • web/default/src/features/dashboard/lib/section-tabs-styles.ts
  • web/default/src/features/dashboard/lib/stats.ts
  • web/default/src/features/errors/general-error.tsx
  • web/default/src/features/home/api.ts
  • web/default/src/features/home/components/hero-terminal-demo.tsx
  • web/default/src/features/home/components/sections/cta.tsx
  • web/default/src/features/home/components/sections/features.tsx
  • web/default/src/features/home/components/sections/hero.tsx
  • web/default/src/features/home/components/sections/how-it-works.tsx
  • web/default/src/features/home/components/sections/stats.tsx
  • web/default/src/features/home/constants.ts
  • web/default/src/features/home/hooks/use-home-page-content.ts
  • web/default/src/features/home/index.tsx
  • web/default/src/features/keys/components/api-keys-cells.tsx
  • web/default/src/features/keys/components/api-keys-columns.tsx
  • web/default/src/features/keys/components/api-keys-delete-dialog.tsx
  • web/default/src/features/keys/components/api-keys-multi-delete-dialog.tsx
  • web/default/src/features/keys/components/api-keys-mutate-drawer.tsx
  • web/default/src/features/keys/components/api-keys-primary-buttons.tsx
  • web/default/src/features/keys/components/api-keys-table.tsx
  • web/default/src/features/keys/components/data-table-bulk-actions.tsx
  • web/default/src/features/keys/components/data-table-row-actions.tsx
  • web/default/src/features/keys/components/keys-sortable-column-header.tsx
  • web/default/src/features/keys/constants.ts
  • web/default/src/features/keys/index.tsx
  • web/default/src/features/keys/lib/api-key-form.ts
  • web/default/src/features/keys/lib/format-key-quota.ts
  • web/default/src/features/keys/lib/keys-ui-styles.ts
  • web/default/src/features/models/components/data-table-bulk-actions.tsx
  • web/default/src/features/models/components/data-table-row-actions.tsx
  • web/default/src/features/models/components/deployment-access-guard.tsx
  • web/default/src/features/models/components/deployments-columns.tsx
  • web/default/src/features/models/components/deployments-table.tsx
  • web/default/src/features/models/components/dialogs/create-deployment-drawer.tsx
  • web/default/src/features/models/components/dialogs/extend-deployment-dialog.tsx
  • web/default/src/features/models/components/dialogs/missing-models-dialog.tsx
  • web/default/src/features/models/components/dialogs/prefill-group-management-dialog.tsx
  • web/default/src/features/models/components/dialogs/rename-deployment-dialog.tsx
  • web/default/src/features/models/components/dialogs/sync-wizard-dialog.tsx
  • web/default/src/features/models/components/dialogs/update-config-dialog.tsx
  • web/default/src/features/models/components/dialogs/upstream-conflict-dialog.tsx
  • web/default/src/features/models/components/dialogs/vendor-mutate-dialog.tsx
  • web/default/src/features/models/components/dialogs/view-details-dialog.tsx
  • web/default/src/features/models/components/dialogs/view-logs-dialog.tsx
  • web/default/src/features/models/components/drawers/model-mutate-drawer.tsx
  • web/default/src/features/models/components/drawers/prefill-group-form-drawer.tsx
  • web/default/src/features/models/components/models-columns.tsx
  • web/default/src/features/models/components/models-primary-buttons.tsx
  • web/default/src/features/models/components/models-table.tsx
  • web/default/src/features/models/components/prefill-group-shared.ts
  • web/default/src/features/models/constants.ts
  • web/default/src/features/models/index.tsx
  • web/default/src/features/models/lib/model-actions.ts
  • web/default/src/features/models/section-registry.tsx
  • web/default/src/features/models/types.ts
  • web/default/src/features/playground/components/message-action-button.tsx
  • web/default/src/features/playground/components/message-error.tsx
  • web/default/src/features/playground/components/playground-chat.tsx
  • web/default/src/features/playground/components/playground-input.tsx
  • web/default/src/features/playground/components/playground-model-switch-dialog.tsx
  • web/default/src/features/playground/constants.ts
  • web/default/src/features/playground/hooks/use-chat-handler.ts
  • web/default/src/features/playground/index.tsx
  • web/default/src/features/playground/lib/index.ts
  • web/default/src/features/playground/lib/message-styles.ts
  • web/default/src/features/playground/lib/message-utils.ts
  • web/default/src/features/playground/lib/playground-error-display.ts
  • web/default/src/features/playground/lib/playground-ui-styles.ts
  • web/default/src/features/pricing/components/dynamic-pricing-breakdown.tsx
  • web/default/src/features/pricing/components/model-card-grid.tsx
  • web/default/src/features/pricing/components/model-card.tsx
  • web/default/src/features/pricing/components/model-details.tsx
  • web/default/src/features/pricing/components/pricing-columns.tsx
  • web/default/src/features/pricing/components/pricing-sidebar.tsx
  • web/default/src/features/pricing/components/pricing-table.tsx
  • web/default/src/features/pricing/components/pricing-toolbar.tsx
  • web/default/src/features/pricing/components/search-bar.tsx
  • web/default/src/features/pricing/constants.ts
  • web/default/src/features/pricing/index.tsx
  • web/default/src/features/pricing/lib/dynamic-price.ts
  • web/default/src/features/pricing/lib/mock-stats.ts
  • web/default/src/features/pricing/lib/price.ts
  • web/default/src/features/pricing/lib/pricing-display.ts
  • web/default/src/features/pricing/lib/pricing-portal-styles.ts
  • web/default/src/features/profile/components/profile-header.tsx
  • web/default/src/features/profile/components/profile-settings-card.tsx
  • web/default/src/features/profile/components/sidebar-modules-card.tsx
  • web/default/src/features/profile/components/tabs/account-bindings-tab.tsx
  • web/default/src/features/profile/components/tabs/notification-tab.tsx
  • web/default/src/features/profile/constants.ts
  • web/default/src/features/rankings/components/market-share-section.tsx
  • web/default/src/features/rankings/components/models-section.tsx
  • web/default/src/features/rankings/components/pulse-section.tsx
  • web/default/src/features/rankings/components/rankings-hero.tsx
  • web/default/src/features/rankings/index.tsx
  • web/default/src/features/redemption-codes/api.ts
  • web/default/src/features/redemption-codes/components/data-table-bulk-actions.tsx
  • web/default/src/features/redemption-codes/components/data-table-row-actions.tsx
  • web/default/src/features/redemption-codes/components/redemptions-columns.tsx
  • web/default/src/features/redemption-codes/components/redemptions-delete-dialog.tsx
  • web/default/src/features/redemption-codes/components/redemptions-mutate-drawer.tsx
  • web/default/src/features/redemption-codes/components/redemptions-primary-buttons.tsx
  • web/default/src/features/redemption-codes/components/redemptions-table.tsx
  • web/default/src/features/redemption-codes/constants.ts
  • web/default/src/features/redemption-codes/index.tsx
  • web/default/src/features/redemption-codes/lib/redemption-form.ts
  • web/default/src/features/setup/setup-wizard.tsx
  • web/default/src/features/subscriptions/components/data-table-row-actions.tsx
  • web/default/src/features/subscriptions/components/dialogs/subscription-purchase-dialog.tsx
  • web/default/src/features/subscriptions/components/dialogs/toggle-status-dialog.tsx
  • web/default/src/features/subscriptions/components/dialogs/user-subscriptions-dialog.tsx
  • web/default/src/features/subscriptions/components/subscriptions-columns.tsx
  • web/default/src/features/subscriptions/components/subscriptions-mutate-drawer.tsx
  • web/default/src/features/subscriptions/components/subscriptions-primary-buttons.tsx
  • web/default/src/features/subscriptions/components/subscriptions-table.tsx
  • web/default/src/features/subscriptions/constants.ts
  • web/default/src/features/subscriptions/index.tsx
  • web/default/src/features/system-settings/api.ts
  • web/default/src/features/system-settings/auth/bot-protection-section.tsx
  • web/default/src/features/system-settings/auth/passkey-section.tsx
  • web/default/src/features/system-settings/auth/section-registry.tsx
  • web/default/src/features/system-settings/components/form-dirty-indicator.tsx
  • web/default/src/features/system-settings/components/settings-page.tsx
  • web/default/src/features/system-settings/components/settings-section.tsx
  • web/default/src/features/system-settings/content/chat-settings-visual-editor.tsx
  • web/default/src/features/system-settings/content/drawing-settings-section.tsx
  • web/default/src/features/system-settings/content/section-registry.tsx
  • web/default/src/features/system-settings/general/pricing-section.tsx
  • web/default/src/features/system-settings/general/quota-settings-section.tsx
  • web/default/src/features/system-settings/general/system-info-section.tsx
  • web/default/src/features/system-settings/hooks/use-update-option.ts
  • web/default/src/features/system-settings/index.tsx
  • web/default/src/features/system-settings/integrations/amount-discount-dialog.tsx
  • web/default/src/features/system-settings/integrations/creem-product-dialog.tsx
  • web/default/src/features/system-settings/integrations/email-settings-section.tsx
  • web/default/src/features/system-settings/integrations/ionet-deployment-settings-section.tsx
  • web/default/src/features/system-settings/integrations/payment-method-dialog.tsx
  • web/default/src/features/system-settings/integrations/payment-methods-visual-editor.tsx
  • web/default/src/features/system-settings/integrations/payment-settings-section.tsx
  • web/default/src/features/system-settings/integrations/waffo-pancake-settings-section.tsx
  • web/default/src/features/system-settings/integrations/waffo-settings-section.tsx
  • web/default/src/features/system-settings/maintenance/header-navigation-section.tsx
  • web/default/src/features/system-settings/maintenance/sidebar-modules-section.tsx
  • web/default/src/features/system-settings/maintenance/update-checker-section.tsx
  • web/default/src/features/system-settings/models/constants.ts
  • web/default/src/features/system-settings/models/global-settings-card.tsx
  • web/default/src/features/system-settings/models/group-ratio-form.tsx
  • web/default/src/features/system-settings/models/group-ratio-visual-editor.tsx
  • web/default/src/features/system-settings/models/model-pricing-sheet.tsx
  • web/default/src/features/system-settings/models/model-ratio-form.tsx
  • web/default/src/features/system-settings/models/model-ratio-visual-editor.tsx
  • web/default/src/features/system-settings/models/pricing-decimal.test.ts
  • web/default/src/features/system-settings/models/pricing-decimal.ts
  • web/default/src/features/system-settings/models/section-registry.tsx
  • web/default/src/features/system-settings/models/tiered-pricing-editor.tsx
  • web/default/src/features/system-settings/models/tool-price-settings.tsx
  • web/default/src/features/system-settings/operations/section-registry.tsx
  • web/default/src/features/system-settings/site/index.tsx

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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 and usage tips.

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