Conversation
Toolbar, Openbar, Metadata, and ObjectActions can each independently dock to any of the viewer's four edges via toolbarPlacement/openbarPlacement/ metadataPlacement/objectActionsPlacement options (default: toolbar+openbar left, metadata+objectActions right - unchanged from today's floating-corner look). - New generic PanelDock.vue: a positioning zone for one edge, with no knowledge of which panels land in it. Toolbar and Openbar are not wrapped in a shared component - App.vue mounts all four panels independently, grouped only by matching placement, in a fixed priority order per edge (toolbar, openbar, metadata, objectActions). - Deletes Sidebar.vue/RightSidebar.vue. Fixes a pre-existing bug where ObjectInfo was mounted twice (once directly in App.vue, once inside RightSidebar). - Renames ObjectInfo.vue -> Metadata.vue, now self-contained: owns its own show/ hide toggle and edge-aware collapse (previously split between ObjectInfo's close button and RightSidebar's open button). - .app-container uses a 3x3 CSS Grid border layout (top/bottom docks span the full width; left/right docks are confined to the row between them) instead of four independent position: absolute overlays, so a top dock and a left dock no longer overlap at the shared corner. - Panels sharing the top/bottom edge stack as separate full-width bars (column layout), not packed side by side into one row. - Each panel adapts row vs. column internal layout and flips its collapse-arrow direction based on its own assigned edge. Adds examples/embedded_panel_docking.html: an interactive demo with a dropdown per panel to flip placements live, plus a `send` handler that simulates a backend responding to object selection (object_infos/object_action), so Metadata and Object actions populate when you click the box - the same round trip a real backend integration would go through. Verified with vue-tsc, eslint, the full vitest suite (41 tests, incl. new tests/panel_docking.test.ts), and headless-browser checks against the built dist-lib/ output confirming no overlap and correct stacking order. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
ericgozzi
added this pull request to stack #29
September 21, 2026 12:47
ericgozzi
marked this pull request as ready for review
September 21, 2026 13:05
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This branch has not been deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Toolbar, Openbar, Metadata, and ObjectActions can each independently dock to any of the viewer's four edges via toolbarPlacement/openbarPlacement/ metadataPlacement/objectActionsPlacement options (default: toolbar+openbar left, metadata+objectActions right - unchanged from today's floating-corner look).
Adds examples/embedded_panel_docking.html: an interactive demo with a dropdown per panel to flip placements live, plus a
sendhandler that simulates a backend responding to object selection (object_infos/object_action), so Metadata and Object actions populate when you click the box - the same round trip a real backend integration would go through.Verified with vue-tsc, eslint, the full vitest suite (41 tests, incl. new tests/panel_docking.test.ts), and headless-browser checks against the built dist-lib/ output confirming no overlap and correct stacking order.
The title must be a conventional commit:
fix:,feat:,feat!:for a breaking change, or one ofbuild:chore:ci:docs:perf:refactor:style:test:. Release Please buildsCHANGELOG.mdand the next version number from it. Apply theno changeloglabel to skip. Running
npm installenables acommit-msghook that checksyour commits as you make them.
Checklist
npm run checkis green (formatting, lint, types, unit tests, both builds).npm run test:browserandnpm run test:packagepass.