Skip to content

feat(ui): move layout tabs & widget picker to drop zone#910

Open
NewCoder3294 wants to merge 1 commit intokoala73:mainfrom
NewCoder3294:feat/drop-zone-controls
Open

feat(ui): move layout tabs & widget picker to drop zone#910
NewCoder3294 wants to merge 1 commit intokoala73:mainfrom
NewCoder3294:feat/drop-zone-controls

Conversation

@NewCoder3294
Copy link
Contributor

Summary

  • Move layout tabs (Intelligence, Markets, News, Minimal) and widget picker (+) button from the header into the map bottom drop zone
  • Add dashed-border drop zone with centered "DROP PANELS HERE TO MOVE THEM BELOW THE MAP" label
  • Panels dropped into the zone use a 2-column grid layout
  • Label auto-hides when panels are present
  • Header is now cleaner, matching production

Files changed

  • src/app/panel-layout.ts — moved mount points from header to drop zone
  • src/styles/main.css — drop zone controls styling, grid layout, dashed border label

Test plan

  • Layout tabs and + button appear at top of drop zone below the map
  • Header no longer contains layout tabs or widget picker
  • Clicking layout tabs still switches presets
  • Widget picker (+) still opens popover
  • Drag-and-drop panels into the zone works, panels show in 2-column grid
  • Drop zone label hides when panels are present
  • Responsive: controls hidden on mobile (< 900px)
  • npm run typecheck passes

🤖 Generated with Claude Code

Move layout tabs (Intelligence, Markets, News, Minimal) and widget
picker (+) button from the header bar into the map bottom drop zone.
Adds a dashed-border drop zone label and 2-column grid layout for
dropped panels. Keeps header clean and makes the drop zone more useful.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Mar 3, 2026

@NewCoder3294 is attempting to deploy a commit to the Elie Team on Vercel.

A member of the Team first needs to authorize it.

@NewCoder3294
Copy link
Contributor Author

This is an update to Issue #882

Image Image Image Image Image Image

Here are some images. It works similarly for tech and finance. It also works for light mode. It will first pop up in the right panel, and then the user can drag and drop it to the left panel.

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