Garden planner

### Pick a tool, click the canvas

Pick a tool from the toolbar on the left — round pot, square pot, rectangle bed, or custom rectangle — then click anywhere on the canvas to place a container there. Hold Shift while dragging to bypass the 1-foot grid.

### Group containers into zones

Each zone gets its own auto-assigned color. Containers in the same zone share the same tubing trunk and end up on the same solenoid valve. Click “+ Add zone” to add zones; click any container to reassign it via the popup editor.

### Auto-routed tubing

Dashed lines = the auto-router laid this out. Solid lines = you drew it manually with the pen tool. Manual segments stay put when containers move. Click “Re-route all (auto)” to throw away your manual lines and auto-route from scratch.

### Containers list (keyboard-friendly)

Below the canvas is a “Containers list” table. Expand it to see every container as a row with form fields for label, zone, emitters, width, and height. Tab through the table to edit your layout entirely from the keyboard — no canvas required. Use the “+ Add container” button at the bottom to place a new square pot at the canvas center.

### Save, reset, export, import

The planner auto-saves every edit. Closing the tab and reopening restores your layout. Reset clears it (with a confirm). Export downloads your layout as JSON; Import accepts a JSON file you saved earlier.

### Quick reference

• Tools: r round, s square, b bed, c custom, p pen, v select, m measure, e eraser
• Undo/redo: Cmd/Ctrl+Z, Cmd/Ctrl+Shift+Z (~50 levels)
• Right-click on a container deletes; Delete/Backspace on selection deletes
• Manual tubing segments are sticky; “Re-route all (auto)” discards them after a confirm
• Containers list <details> below the canvas is the parallel keyboard/SR view; field changes commit through the same path as canvas edits
• localStorage key: irrigator.layout.v1
• Mobile fallback (<900px) shows the four presets as static parts lists; cart link wires up in Phase 5