fix(web): 任务详情面板头部——长标题防挤出 + 复制按钮合并为下拉菜单（源码同步构建） - #2966
Conversation
🦋 Changeset detectedLatest commit: ca8620b The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
commit: |
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: af3647af3c
ℹ️ About Codex in GitHub
Codex has been enabled to automatically 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 👍.
When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".
bj456736
changed the title
d9be92c to
3183cb0
Compare
bj456736
changed the title
|
@codex review |
💡 Codex Reviewhttps://github.com/MoonshotAI/kimi-code/blob/3183cb048a5f4b00c0a7787ca526b64ab7d07340/apps/kimi-code/dist-web/assets/index-CP0gj1ku.js#L651 When a keyboard-only user activates the new copy trigger, this handler opens and positions the teleported menu but never transfers focus to a menu item or handles arrow-key navigation; focus remains on the trigger, and pressing Tab proceeds through the remaining controls inside ℹ️ About Codex in GitHubCodex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you
If Codex has suggestions, it will comment; otherwise it will react with 👍. When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback". |
3183cb0 to
99f6e3d
Compare
|
Fixed in the rebuilt bundle ( |
|
@codex review |
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 99f6e3d0dd
ℹ️ About Codex in GitHub
Codex has been enabled to automatically 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 👍.
When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".
…into a dropdown Synced bundle regenerated from code-app via pnpm sync:web (hashes refreshed, so immutable-cached clients pick the fix up). - PanelHeader title now shrinks + ellipsizes: a long auto-generated Bash task title (Bash: <command...>) no longer pushes the status badge, copy control and close button out of the 460px preview column. - AgentDetailPanel header's two identical copy icons merge into one button opening a labelled menu (copy command / copy output / copy all). The menu is keyboard reachable: it focuses the first enabled item on open, supports ArrowUp/ArrowDown navigation, Escape / selection restores trigger focus, and tabbing away dismisses it. code-app: 8356c3f0a73aac259a048c75c8dd078229c7ee2b
99f6e3d to
ca8620b
Compare
|
@codex review |
|
Codex Review: Didn't find any major issues. 🎉 Reviewed commit: ℹ️ About Codex in GitHubCodex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you
If Codex has suggestions, it will comment; otherwise it will react with 👍. When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback". |
1 participant
Related Issue
No linked issue — the problem is explained below（源自 Kimi Code 用户群反馈：后台 Bash 任务详情面板的关闭按钮消失）。
Problem
Bash: ${command.slice(0,60)}…（约 67 字符 ≈500px），而 PanelHeader 标题样式是flex: none——不收缩、无省略号；详情栏.global-preview默认宽 460px 且overflow: hidden，长标题把排最后的 X 顶出可视区。What changed
源码改动在 MoonshotAI/kimi-code-app#243；本 PR 是通过
pnpm sync:web从该改动重新构建并同步的 dist-web 产物（所有内容 hash 已刷新，老客户端的 immutable 缓存不会挡住修复；asset 总数不变 531，77 个文件仅因引用关系刷新 hash）。构建基于 code-appaf7ed8fa（本仓当前 dist-web 的 sync 来源，见 #2922）。packages/app-ui/.../PanelHeader.vue）：title 改为与__sub一致的flex: 0 1 auto + min-width: 0 + overflow: hidden + text-overflow: ellipsis + white-space: nowrap。短标题行为不变；长标题省略号截断，尾部按钮永远可见。apps/web/.../AgentDetailPanel.vue）：两个复制 IconButton 合并为单个 IconButton + Menu 下拉（复制命令 / 复制输出 / 复制全部）；菜单 teleport 到 body、按 trigger 定位（与 dock/FilterControl 同一套做法）；复制输出在无输出时置灰；复制全部 = 命令 + 输出；完整键盘可达（打开聚焦首个可用项、↑/↓ 循环、Escape/选中还焦、Tab 移走关闭）；i18n 新增tasks.copyAll（中/英）。.changeset/：按 gen-changesets 规则补两条 patch 记录（一个逻辑变更一条）。选择该方案的理由：dist-web 是本仓提交的构建产物，按 AGENTS.md 的约定「web UI 要变就 sync 并同提交 commit 产物」——因此源码侧修复 + 重新 sync，而不是手改产物（手改还会让 immutable 缓存的老客户端拿不到修复）。
验证
vue-tsc --noEmit✅、oxlint --type-aware0 errors ✅；产物已核实包含新样式与菜单代码；Checklist
gen-changesetsskill, or this PR needs no changeset.gen-docsskill, or this PR needs no doc update.（无用户可配置的文档面变更）