Plops editor: focus mode, place/move/resize, semantic zoom (#15)

Co-authored-by: Steve Dudenhoeffer <[email protected]>

web/src/editor/store.ts

@@ -1,5 +1,7 @@
 import { create } from 'zustand'
 import type { Viewport } from '@/lib/geometry'
+import type { Plant } from '@/lib/plants'
+import type { EditorPlanting } from '@/lib/plantings'
 import type { EditorObject } from './types'
 
 // Ephemeral editor state only (per DESIGN § State): the viewport, the current
@@ -13,17 +15,31 @@ interface EditorState {
   viewport: Viewport
   setViewport: (next: Viewport | ((prev: Viewport) => Viewport)) => void
 
+  // The selected object OR plop (mutually exclusive; selecting one clears the
+  // other). selectedId is a garden object; selectedPlantingId is a plop.
   selectedId: number | null
   select: (id: number | null) => void
 
+  selectedPlantingId: number | null
+  selectPlanting: (id: number | null) => void
+
   focusedObjectId: number | null
   setFocusedObject: (id: number | null) => void
 
+  // The plant armed for placing plops (set after the PlantPicker choice); stays
+  // armed for repeat-placement until cleared (Escape / done). null = not placing.
+  armedPlant: Plant | null
+  setArmedPlant: (p: Plant | null) => void
+
   // During a move/resize/rotate, the object's live geometry is held here so the
   // canvas renders it instantly; the PATCH fires only on gesture end.
   liveObject: EditorObject | null
   setLiveObject: (o: EditorObject | null) => void
 
+  // The same, for a plop being moved/resized.
+  livePlanting: EditorPlanting | null
+  setLivePlanting: (p: EditorPlanting | null) => void
+
   // The palette kind armed for tap-to-place (mobile-friendly; also set while
   // dragging a kind from the palette). null when nothing is armed.
   armedKind: string | null
@@ -40,14 +56,23 @@ export const useEditorStore = create<EditorState>((set) => ({
   setViewport: (next) => set((s) => ({ viewport: typeof next === 'function' ? next(s.viewport) : next })),
 
   selectedId: null,
-  select: (id) => set({ selectedId: id }),
+  select: (id) => set({ selectedId: id, selectedPlantingId: null }),
+
+  selectedPlantingId: null,
+  selectPlanting: (id) => set({ selectedPlantingId: id, selectedId: null }),
 
   focusedObjectId: null,
   setFocusedObject: (id) => set({ focusedObjectId: id }),
 
+  armedPlant: null,
+  setArmedPlant: (p) => set({ armedPlant: p }),
+
   liveObject: null,
   setLiveObject: (o) => set({ liveObject: o }),
 
+  livePlanting: null,
+  setLivePlanting: (p) => set({ livePlanting: p }),
+
   armedKind: null,
   setArmedKind: (kind) => set({ armedKind: kind }),