[Bug]: Device hub update button is clipped with long canary version strings
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 78/100
- issue の種類
- バグ
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- react, typescript
調査の方向性
デバイスハブのアクション行付近にある apps/web/src/components/settings/IntegrationsSettings.tsx を読み、次に apps/web/src/components/ui/button.tsx と apps/web/src/components/device/DeviceToolVersions.tsx を確認して、ボタンとポップオーバーの制約を把握してください。設定 > デバイスで長いバージョンのケースを再現してください。更新アクションが右側の余白を保ってポップオーバー内に完全に収まり、必要なバージョンが表示されたままであれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Before submitting
- I searched existing issues and did not find a duplicate.
- I included enough detail to reproduce or investigate the problem.
Area
apps/web
Steps to reproduce
- Open Settings > Devices with device support enabled.
- Use a device hub requirement with a long prerelease version, such as
0.19.0-canary-20261023-1357114, and a host where that version is not installed. - Click the hub version/status text (Not installed in this case) to open the Device hub popover.
- Look at the Update to v0.19.0-canary-20261023-1357114 button above Check versions.
Observed state in the reporter's screenshot:
- Running:
Not running - Required:
0.19.0-canary-20261023-1357114 - Installed:
None - Settings scope:
All projects/All environments
Expected behavior
The update button and its label should fit within the popover and preserve its right padding. Long prerelease versions should wrap, or the action should use a shorter label while keeping the full version available in the Required row.
Actual behavior
The blue update button runs into the popover's right edge, and the end of its label/right side is clipped. The Check versions button wraps onto the next line and fits normally. The surrounding settings page has available space, so this looks like a constraint inside the popover rather than the page reaching the window edge.
This report concerns the visible layout defect. The screenshot alone does not establish an installation failure or a stuck update.
Impact
Cosmetic issue
The action label and button boundary are incomplete, making the version details UI look broken.
Version or commit
- Installed Windows app: T3 Code (Beta); executable file version
0.1.5(full prerelease identifier not confirmed). - Device hub required version shown in the screenshot:
0.19.0-canary-20261023-1357114. - Source inspected separately:
mainat37fbefd147197fab9d88f9c120560c3f21b52cfc. This is not a claim that the installed app is built from that commit.
Environment
Windows desktop app, dark appearance. Window dimensions, display scaling, and UI zoom were not recorded.
Logs or stack traces
No runtime logs collected; this is a screenshot-based UI report with supporting source inspection.
Supporting source inspection
The following combination appears consistent with the clipping, but has not been validated with a local runtime reproduction:
DeviceToolVersions.tsxuses<PopoverPopup align="end" width="md">.popover.tsxmapsmdtow-80, adds inline padding, and constrains overflow in the viewport.IntegrationsSettings.tsxrenders the entire required version in a small Button inside aflex flex-wrapaction row.button.tsxgives buttonsshrink-0andwhitespace-nowrapby default. Wrapping the action row moves whole buttons, but cannot make one oversized label fit.
A short Update label would avoid repeating the already-visible Required version. Alternatively, allow this action to wrap within the available width while preserving padding.
Workaround
No verified workaround.
- 主要言語
- TypeScript
- スター
- 24.8k
- フォーク
- 6.4k
- 平均マージ
- 3時間 21分
- マージ済み PR(30日)
- 297
環境構築
このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
pingdotgg/t3code のほかの issue
-
"Open question" banner opens an empty new thread when the child thread runs on a linked environmentオープン
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
pingdotgg/t3code#26989 · リアクション 1 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
pingdotgg/t3code の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
-
area:desktop area:ui bug platform:macos
難易度 2/5 1〜3時間 初心者へのやさしさ 67/100
anthropics/claude-code#106183 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
-
難易度 1/5 1〜3時間 初心者へのやさしさ 76/100
メンテナーはふだん 1 日以内に返信
-
core: OpenRouter BYOK sessions record cost = 0 since v2.2.0 (ignores cost_details.upstream_inference_cost)対応中かも このイシューにリンクされたプルリクエストがオープン中、またはマージ済みです。 オープンreproduced
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
anomalyco/opencode#60558 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信