fix(core): align grouped iframe address bar with sidebar

[webfansplz]

Fix the duplicated inner border and top-left radius shown between a group sidebar and a floating iframe address bar. See:

The address bar now adjusts its border shape when the iframe belongs to a dock group, while preserving the existing appearance for ungrouped iframe views and edge mode.

[Copilot]

Pull request overview

This PR fixes a visual artifact in the core webcomponents client: when an iframe view is shown alongside a dock group sidebar, the iframe address bar now uses a different border/radius shape to avoid a duplicated inner border and an incorrect top-left corner radius, while preserving the existing look for ungrouped iframes and for edge mode.

Changes:

• Add group-awareness to the iframe address bar styling by detecting whether the current iframe entry belongs to a registered dock group.
• Adjust the address bar’s border/radius classes for grouped vs ungrouped iframe views, keeping edge mode behavior unchanged.

---

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

[pkg-pr-new]

Open in StackBlitz

@vitejs/devtools

npm i https://pkg.pr.new/@vitejs/devtools@482

@vitejs/devtools-kit

npm i https://pkg.pr.new/@vitejs/devtools-kit@482

@vitejs/devtools-oxc

npm i https://pkg.pr.new/@vitejs/devtools-oxc@482

@vitejs/devtools-rolldown

npm i https://pkg.pr.new/@vitejs/devtools-rolldown@482

@vitejs/devtools-vite

npm i https://pkg.pr.new/@vitejs/devtools-vite@482

@vitejs/devtools-vitest

npm i https://pkg.pr.new/@vitejs/devtools-vitest@482

commit: a0c4f38