Home
Management Tool

Management Panel (Floating Island)

The management Panel is a floating panel that sits on top of your map. It gives you fast access to shape actions — edit, delete, or jump to any shape without opening the full sidebar.


How to Open

Find the "Management Panel" button

Look for the floating Management Panel button on the map. It appears as a small island / pill-shaped button.

Click to expand

Shapes: 1/50
10%
Beta Zone0.47 km²

Residential

Click button ↔ toggle dropdown
Click tabs ↔ switch Teams ↔ Shapes
Hover shapes → Edit/Delete/Jump buttons

What's Inside

The management panel has two tabs — Shapes and Teams. Click the tabs in the demo above to see both.

Shapes Tab

The default view. Shows all your shapes in a scrollable list.

What each card shows

ElementDescription
Colour swatchSmall square showing the shape's map colour
TitleThe name you gave the shape
AreaCoverage area in km² (green badge)
CategoryThe assigned category (with tag icon)

Progress bar

At the top you'll see a progress indicator showing how many shapes you've drawn out of the maximum (e.g. 1/50 — 10%). This helps you track your mapping coverage.

Search

Type in the search bar to filter shapes by title or category. Filtering is instant.

Hover actions

Move your mouse over any shape card to reveal three action buttons:

Edit

Opens the shape's popup form — edit title, description, team, category, colour, and boundary.

Delete

Confirmation dialog → permanently removes shape + all data.

Jump to shape

Map smoothly pans and zooms to centre on this shape.

🖱️

These buttons only appear on hover. On touch devices, they're always visible.

Bottom action

Click Open Shape Details at the bottom to open the full sidebar with the Shapes tab active.