Skip to content

Dev-tools toggles the panel; fix Assistant dock margins - #432

Merged
crs48 merged 1 commit into
mainfrom
claude/fix-devtools-toggle-and-dock-margins
Jul 9, 2026
Merged

Dev-tools toggles the panel; fix Assistant dock margins#432
crs48 merged 1 commit into
mainfrom
claude/fix-devtools-toggle-and-dock-margins

Conversation

@crs48

@crs48 crs48 commented Jul 9, 2026

Copy link
Copy Markdown
Owner

Two small Floating-shell fixes.

  1. Dev-tools button should just toggle the panel. The docked wrench island opened an upward popover menu (Query console / Inspect schema / …). It now toggles the @xnetjs/devtools panel directly — the same as the old floating FAB and ⌘⇧D. Removed the popover, portal, and menu entirely.
  2. Assistant dock had too much margin (bottom/left/right). The dock is absolutely positioned inside the body row, but its offsets were computed as if relative to the window — double-counting the 11px root padding and the status island (bottom = 11 + 32 + 8 = 51, left = 11 + sidebarWidth + 8, …). So it floated up ~51px and inset ~11px on each side. Corrected to body-row-relative offsets: 8px gap to the sidebar (left), the right island (right), and the status island (bottom) — matching every other island.

Verified live (worktree preview, desktop)

Measured the Assistant's gaps: 8px to the sidebar, 8px to the status island, right edge aligned with the editor (11px root padding, like all islands). The dev-tools button opens/closes the devtools panel with no popover. Typecheck + lint clean, 198 workbench tests pass, no console errors.

🤖 Generated with Claude Code

…ins (0287)

The docked dev-tools wrench now toggles the devtools panel directly (like the
old FAB / ⌘⇧D) instead of opening a popover menu. The floating Assistant dock's
offsets double-counted the root padding + status island (it's positioned inside
the body row, not the window), so it floated with too much margin on the bottom/
left/right; corrected to an 8px gap to the sidebar, right island, and status
island — matching every other island.

Signed-off-by: xNet Test <test@xnet.dev>
@crs48
crs48 temporarily deployed to pr-432 July 9, 2026 11:02 — with GitHub Actions Inactive
@github-actions

github-actions Bot commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

🖼️ UI changes in this PR

Screens

✏️ Home _(SSIM 0.923)_
before after diff
before after diff

Auto-captured by CI · run. Informational — not a blocking check.

github-actions Bot added a commit that referenced this pull request Jul 9, 2026
@github-actions

github-actions Bot commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

Preview removed for PR #432.

github-actions Bot added a commit that referenced this pull request Jul 9, 2026
@crs48
crs48 merged commit 18a7ec3 into main Jul 9, 2026
15 checks passed
@crs48
crs48 deleted the claude/fix-devtools-toggle-and-dock-margins branch July 9, 2026 11:12
github-actions Bot added a commit that referenced this pull request Jul 9, 2026
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.

1 participant