The picker offers the full catalog, but onPickPlant resolved the choice
against the garden's *referenced* plants (the /full payload only carries
ListReferencedPlants). A not-yet-placed plant wasn't in that map, so the
handler returned early — before arming and before closing the picker, so
nothing happened and the picker stayed open. Use the full Plant the picker
already hands back, and splice it into the /full cache so its plops render
with an icon/color before the next refetch (useEnsurePlantInFull).

Add a per-garden Seed Tray: a curated row of plant chips in the focus
toolbar. Tap a chip to arm that plant for tap-to-place; picking from the
catalog adds it; ✕ removes it. Persisted in localStorage, mirroring the
PlantPicker's recent-plants mechanism.

Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
Claude-Session: https://claude.ai/code/session_01JdQpdYYsTgtkJBxbcpAszi

@@ -0,0 +15,4 @@
+  onRemove,
+  onOpenPicker,
+}: {
+  plants: Plant[]

@@ -0,0 +26,4 @@
+      {plants.map((p) => {
+        const active = p.id === armedPlantId
+        return (
+          <span

@@ -0,0 +59,4 @@
+        onClick={onOpenPicker}
+        className="inline-flex items-center gap-1 rounded-full border border-dashed border-border px-2.5 py-1 text-xs font-medium text-muted outline-none transition-colors hover:border-accent hover:text-accent-strong focus-visible:ring-2 focus-visible:ring-accent/40"
+      >
+        ＋ Plant

@@ -80,0 +89,4 @@
+  const qc = useQueryClient()
+  return useCallback(
+    (plant: Plant) =>
+      patchFullCache(qc, gardenId, (full) =>

@@ -0,0 +13,4 @@
+const KEY = (gardenId: number) => `pansy:seed-tray:${gardenId}`
+const TRAY_MAX = 24 // a working set, not a catalog; caps pathological growth
+
+function loadIds(gardenId: number): number[] {

@@ -0,0 +30,4 @@
+  }
+}
+
+export interface SeedTray {

@@ -0,0 +34,4 @@
+  /** Tray plants in insertion order, resolved against the live catalog. */
+  trayPlants: Plant[]
+  /** Add a plant to the end of the tray (no-op if already present). */
+  add: (plant: Plant) => void

@@ -0,0 +41,4 @@
+
+/** Per-garden Seed Tray backed by localStorage and the plant catalog. */
+export function useSeedTray(gardenId: number): SeedTray {
+  const plants = usePlants()

@@ -235,0 +239,4 @@
+  // Arm a plant for tap-to-place. The full catalog carries plants not yet in this
+  // garden's /full payload, so make sure the chosen one is in the cache first —
+  // otherwise its placed plops render without an icon/color until a refetch.
+  function armPlant(plant: Plant) {

@@ -235,0 +248,4 @@
+  // directly rather than re-resolving against the garden's referenced-plant map —
+  // a not-yet-placed plant isn't in that map, which used to silently abort the
+  // pick (nothing armed, picker left open).
+  function onPickPlant(plant: Plant) {

@@ -279,3 +287,1 @@
-                  + Add plant
-                </Button>
-              ))}
+            {canEdit && !focusedObject.plantable && <span className="text-xs text-muted">Not plantable</span>}

@@ -282,0 +290,4 @@
+                plants={trayPlants}
+                armedPlantId={armedPlant?.id ?? null}
+                onArm={armPlant}
+                onRemove={removeFromTray}

@@ -336,3 +356,3 @@
           unit={garden.unitPref}
           onClose={() => setPicker(null)}
-          onSelect={(p) => onPickPlant(p.id)}
+          onSelect={(p) => onPickPlant(p)}