Skip to content

feat(web): onboarding select 启用 hover 提亮开关 - #1256

Merged
qqqqqf-q merged 1 commit into
felinics:mainfrom
qqqqqf-q:fix/onboarding-select-hover-lighten
Sep 14, 2026
Merged

qqqqqf-q merged 1 commit into
felinics:mainfrom
qqqqqf-q:fix/onboarding-select-hover-lighten

Conversation

@qqqqqf-q

Copy link
Copy Markdown
Member

问题

dark 主题下 onboarding 的 select(近黑画布 --background ≈ RGB 17)hover 零反馈:默认 hover 是纯黑压暗填充,在 RGB 17 上没有向下行程。

方案

依赖 felinics/ui#26 新增的 data-hover-lighten 调用层开关,本 PR 在三个 onboarding 调用点启用:

  • Step2 Language、Step3 Client Type:SelectTrigger 直接加属性
  • Step4 Chat Model:ModelSelect 新增 hoverLighten prop 透传到底层 button

dark 下这些 trigger 的 hover 翻转为白色 8% overlay;light 下属性为无操作(token 与默认填充相同)。其余全部调用点保持默认压黑——全局 hover 极性是组件库重构的系统设计议题,本 PR 不做。

依赖与落序

  1. feat(ui): select trigger 增加 data-hover-lighten 调用层开关 ui#26 合并
  2. Memoh bump ui gitlink(单独 PR)
  3. 本 PR 合并

在 2 完成前,本 PR 的属性是静默无操作(规则不存在,无副作用),可安全先行 review。

验证

  • dev 环境(main + ui 侧分支)实测:onboarding 三处 select 在 dark 下 hover 可见提亮,其余页面 select 保持压黑不变。

⚠️ No human QA — this PR has not been verified by a human yet. Remove this line once a human confirms the happy path.

三个位于近黑画布上的 select 调用点设置 ui 侧的 data-hover-lighten
(依赖 felinics/ui#26,合并前需先 bump gitlink):
- Step2 Language、Step3 Client Type:SelectTrigger 直接加属性
- Step4 Chat Model:ModelSelect 新增 hoverLighten prop 透传

dark 下这些 trigger 的 hover 由不可见的纯黑压暗翻转为白色 8% overlay;
light 下该属性为无操作。其余调用点保持默认压黑不动——surface 感知
极性由组件库重构统一裁决。
@qqqqqf-q
qqqqqf-q requested a review from a team as a code owner September 14, 2026 15:50
@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Sep 14, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review Completed 2026-09-14T15:52:52.986289Z d07d71b PR opened
ℹ️ 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" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@github-actions github-actions Bot added change:web Changes web frontend or shared frontend packages needs:format Description needs template corrections; removed automatically once fixed size:XS PR size uses the larger of added or deleted lines, excluding generated files labels Sep 14, 2026
@github-actions

Copy link
Copy Markdown
Contributor

@qqqqqf-q Please complete the following information using the template:

  • Select exactly one option for "Author": Human / Agent.
  • Select exactly one option for "Type": bug / feat / test.
  • Please complete "Summary".
  • Please complete "Validation".
  • Please complete "Screenshots / Recordings".
  • Please complete "Human QA".
  • Keep exactly one "Human QA passed" checkbox in "Human QA"; leave it unchecked until verified.

Editing the description triggers another check; format feedback does not block or cancel code CI.

@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: d07d71b6f9

ℹ️ 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".

data-slot="select-trigger"
data-size="default"
:data-placeholder="displayLabel ? undefined : ''"
:data-hover-lighten="hoverLighten || undefined"

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 Pin the UI revision that implements this attribute

In a clean checkout of this commit, packages/ui remains pinned to ea7c0c6b6e60a9ddfebbe9ee4d2ff5ba99f19b13, while the commit description states that data-hover-lighten is introduced only by a separate UI update. Consequently, this binding merely emits an unused DOM attribute and all three onboarding selects retain the invisible dark-theme hover behavior this change is meant to fix. Include the prerequisite gitlink bump before landing this commit.

AGENTS.md reference: AGENTS.md:L109-L109

Useful? React with 👍 / 👎.

qqqqqf-q added a commit that referenced this pull request Sep 14, 2026
felinics/ui#26(519a597e):新增 data-hover-lighten 调用层开关与新
token --select-trigger-hover-lighten,默认压黑 hover 不变。
为 #1256 的 onboarding 调用点提供规则来源。
@qqqqqf-q
qqqqqf-q merged commit 58229a8 into felinics:main Sep 14, 2026
15 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

change:web Changes web frontend or shared frontend packages needs:format Description needs template corrections; removed automatically once fixed size:XS PR size uses the larger of added or deleted lines, excluding generated files

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant