@exponential-at/ui 0.0.0-stage → 0.1.0

package/fixtures/round4-contract.json

@@ -0,0 +1,2985 @@
+{
+  "$comment": "AUTO-GENERATED by packages/exponential-ui/scripts/generate-round4.ts — do not edit (inputs live there). Round 4 (VAPP-103), replayed by the TS reference (src/round4.test.ts) and the Rust core (tests/round4_fixtures.rs). validate: reduce the nested input with the core catalog: the issues equal `issues` in order. depth: reduce the nested input: the issues equal `issues` and the Unknown placeholders (pre-order, root then each lifted template: children before slots) equal `placeholders` (maxDepth holds AFTER expansion, each tree from level 1). templateBudget: reduce, set the data (`{\"$fill\": n}` = n zeros) and build every item: each template site (`holder` in `scope`) builds its first `built` items (ids `template + instance + .i`), and the build reports `issues` (ONE: the template whose next item did not fit maxTemplateItems or maxComponents) (a node's style, then the functions its props, visible and on actions call, then a Table's slot columns; a colour is a `$color.*` token, never a literal; a host function is namespaced, `app.toast`). filter: call the core `filter` with `args`: the result equals `expected`. ownWrite: fire `event` with `payload` on `target` (the interaction): the component writes `own` (by prop, exactly what it wrote, never inferred from the payload) and sends `sent`; the data model equals `expected.data` and the action that leaves carries `expected.action` (its context resolved AFTER the own write, `sent` merged over it). closeOnSubmit: submit the valid `form`: the actions leave in `actions` order, the overlay `expected.overlay` closes (null = none: the NEAREST enclosing overlay of any kind decides, and only a dismissible Dialog or Drawer closes) and the data equals `expected.data`.",
+  "catalogId": "https://ui.exponential.at/catalogs/core/v1",
+  "validate": [
+    {
+      "name": "depth: counted after macro expansion (a 47-deep Card chain)",
+      "input": {
+        "id": "card0",
+        "component": "Card",
+        "children": [
+          {
+            "id": "card1",
+            "component": "Card",
+            "children": [
+              {
+                "id": "card2",
+                "component": "Card",
+                "children": [
+                  {
+                    "id": "card3",
+                    "component": "Card",
+                    "children": [
+                      {
+                        "id": "card4",
+                        "component": "Card",
+                        "children": [
+                          {
+                            "id": "card5",
+                            "component": "Card",
+                            "children": [
+                              {
+                                "id": "card6",
+                                "component": "Card",
+                                "children": [
+                                  {
+                                    "id": "card7",
+                                    "component": "Card",
+                                    "children": [
+                                      {
+                                        "id": "card8",
+                                        "component": "Card",
+                                        "children": [
+                                          {
+                                            "id": "card9",
+                                            "component": "Card",
+                                            "children": [
+                                              {
+                                                "id": "card10",
+                                                "component": "Card",
+                                                "children": [
+                                                  {
+                                                    "id": "card11",
+                                                    "component": "Card",
+                                                    "children": [
+                                                      {
+                                                        "id": "card12",
+                                                        "component": "Card",
+                                                        "children": [
+                                                          {
+                                                            "id": "card13",
+                                                            "component": "Card",
+                                                            "children": [
+                                                              {
+                                                                "id": "card14",
+                                                                "component": "Card",
+                                                                "children": [
+                                                                  {
+                                                                    "id": "card15",
+                                                                    "component": "Card",
+                                                                    "children": [
+                                                                      {
+                                                                        "id": "card16",
+                                                                        "component": "Card",
+                                                                        "children": [
+                                                                          {
+                                                                            "id": "card17",
+                                                                            "component": "Card",
+                                                                            "children": [
+                                                                              {
+                                                                                "id": "card18",
+                                                                                "component": "Card",
+                                                                                "children": [
+                                                                                  {
+                                                                                    "id": "card19",
+                                                                                    "component": "Card",
+                                                                                    "children": [
+                                                                                      {
+                                                                                        "id": "card20",
+                                                                                        "component": "Card",
+                                                                                        "children": [
+                                                                                          {
+                                                                                            "id": "card21",
+                                                                                            "component": "Card",
+                                                                                            "children": [
+                                                                                              {
+                                                                                                "id": "card22",
+                                                                                                "component": "Card",
+                                                                                                "children": [
+                                                                                                  {
+                                                                                                    "id": "card23",
+                                                                                                    "component": "Card",
+                                                                                                    "children": [
+                                                                                                      {
+                                                                                                        "id": "card24",
+                                                                                                        "component": "Card",
+                                                                                                        "children": [
+                                                                                                          {
+                                                                                                            "id": "card25",
+                                                                                                            "component": "Card",
+                                                                                                            "children": [
+                                                                                                              {
+                                                                                                                "id": "card26",
+                                                                                                                "component": "Card",
+                                                                                                                "children": [
+                                                                                                                  {
+                                                                                                                    "id": "card27",
+                                                                                                                    "component": "Card",
+                                                                                                                    "children": [
+                                                                                                                      {
+                                                                                                                        "id": "card28",
+                                                                                                                        "component": "Card",
+                                                                                                                        "children": [
+                                                                                                                          {
+                                                                                                                            "id": "card29",
+                                                                                                                            "component": "Card",
+                                                                                                                            "children": [
+                                                                                                                              {
+                                                                                                                                "id": "card30",
+                                                                                                                                "component": "Card",
+                                                                                                                                "children": [
+                                                                                                                                  {
+                                                                                                                                    "id": "card31",
+                                                                                                                                    "component": "Card",
+                                                                                                                                    "children": [
+                                                                                                                                      {
+                                                                                                                                        "id": "card32",
+                                                                                                                                        "component": "Card",
+                                                                                                                                        "children": [
+                                                                                                                                          {
+                                                                                                                                            "id": "card33",
+                                                                                                                                            "component": "Card",
+                                                                                                                                            "children": [
+                                                                                                                                              {
+                                                                                                                                                "id": "card34",
+                                                                                                                                                "component": "Card",
+                                                                                                                                                "children": [
+                                                                                                                                                  {
+                                                                                                                                                    "id": "card35",
+                                                                                                                                                    "component": "Card",
+                                                                                                                                                    "children": [
+                                                                                                                                                      {
+                                                                                                                                                        "id": "card36",
+                                                                                                                                                        "component": "Card",
+                                                                                                                                                        "children": [
+                                                                                                                                                          {
+                                                                                                                                                            "id": "card37",
+                                                                                                                                                            "component": "Card",
+                                                                                                                                                            "children": [
+                                                                                                                                                              {
+                                                                                                                                                                "id": "card38",
+                                                                                                                                                                "component": "Card",
+                                                                                                                                                                "children": [
+                                                                                                                                                                  {
+                                                                                                                                                                    "id": "card39",
+                                                                                                                                                                    "component": "Card",
+                                                                                                                                                                    "children": [
+                                                                                                                                                                      {
+                                                                                                                                                                        "id": "card40",
+                                                                                                                                                                        "component": "Card",
+                                                                                                                                                                        "children": [
+                                                                                                                                                                          {
+                                                                                                                                                                            "id": "card41",
+                                                                                                                                                                            "component": "Card",
+                                                                                                                                                                            "children": [
+                                                                                                                                                                              {
+                                                                                                                                                                                "id": "card42",
+                                                                                                                                                                                "component": "Card",
+                                                                                                                                                                                "children": [
+                                                                                                                                                                                  {
+                                                                                                                                                                                    "id": "card43",
+                                                                                                                                                                                    "component": "Card",
+                                                                                                                                                                                    "children": [
+                                                                                                                                                                                      {
+                                                                                                                                                                                        "id": "card44",
+                                                                                                                                                                                        "component": "Card",
+                                                                                                                                                                                        "children": [
+                                                                                                                                                                                          {
+                                                                                                                                                                                            "id": "card45",
+                                                                                                                                                                                            "component": "Card",
+                                                                                                                                                                                            "children": [
+                                                                                                                                                                                              {
+                                                                                                                                                                                                "id": "card46",
+                                                                                                                                                                                                "component": "Card",
+                                                                                                                                                                                                "children": [
+                                                                                                                                                                                                  {
+                                                                                                                                                                                                    "id": "leaf",
+                                                                                                                                                                                                    "component": "Text",
+                                                                                                                                                                                                    "props": {
+                                                                                                                                                                                                      "text": "deepest"
+                                                                                                                                                                                                    }
+                                                                                                                                                                                                  }
+                                                                                                                                                                                                ]
+                                                                                                                                                                                              }
+                                                                                                                                                                                            ]
+                                                                                                                                                                                          }
+                                                                                                                                                                                        ]
+                                                                                                                                                                                      }
+                                                                                                                                                                                    ]
+                                                                                                                                                                                  }
+                                                                                                                                                                                ]
+                                                                                                                                                                              }
+                                                                                                                                                                            ]
+                                                                                                                                                                          }
+                                                                                                                                                                        ]
+                                                                                                                                                                      }
+                                                                                                                                                                    ]
+                                                                                                                                                                  }
+                                                                                                                                                                ]
+                                                                                                                                                              }
+                                                                                                                                                            ]
+                                                                                                                                                          }
+                                                                                                                                                        ]
+                                                                                                                                                      }
+                                                                                                                                                    ]
+                                                                                                                                                  }
+                                                                                                                                                ]
+                                                                                                                                              }
+                                                                                                                                            ]
+                                                                                                                                          }
+                                                                                                                                        ]
+                                                                                                                                      }
+                                                                                                                                    ]
+                                                                                                                                  }
+                                                                                                                                ]
+                                                                                                                              }
+                                                                                                                            ]
+                                                                                                                          }
+                                                                                                                        ]
+                                                                                                                      }
+                                                                                                                    ]
+                                                                                                                  }
+                                                                                                                ]
+                                                                                                              }
+                                                                                                            ]
+                                                                                                          }
+                                                                                                        ]
+                                                                                                      }
+                                                                                                    ]
+                                                                                                  }
+                                                                                                ]
+                                                                                              }
+                                                                                            ]
+                                                                                          }
+                                                                                        ]
+                                                                                      }
+                                                                                    ]
+                                                                                  }
+                                                                                ]
+                                                                              }
+                                                                            ]
+                                                                          }
+                                                                        ]
+                                                                      }
+                                                                    ]
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              }
+                                            ]
+                                          }
+                                        ]
+                                      }
+                                    ]
+                                  }
+                                ]
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "issues": [
+        {
+          "id": "card24",
+          "message": "nesting deeper than 48 levels"
+        }
+      ]
+    },
+    {
+      "name": "style: a key outside the Box whitelist",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "style": {
+          "fontColor": "$color.primary"
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "style.fontColor: not in the Box style whitelist"
+        }
+      ]
+    },
+    {
+      "name": "style: an unknown token",
+      "input": {
+        "id": "root",
+        "component": "Stack",
+        "style": {
+          "gap": "$spacing.huge"
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "style.gap: gap: expected px, \"N%\", \"auto\" or a numeric token"
+        }
+      ]
+    },
+    {
+      "name": "style: a literal colour (a node colour is a token)",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "style": {
+          "backgroundColor": "#ff0000",
+          "color": "$color.foreground"
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "style.backgroundColor: backgroundColor: expected $color.<name>"
+        }
+      ]
+    },
+    {
+      "name": "style: a literal colour inside a media block",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "style": {
+          "@media (min-width: $breakpoint.md)": {
+            "borderColor": "#000000"
+          }
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "style.@media (min-width: $breakpoint.md).borderColor: borderColor: expected $color.<name>"
+        }
+      ]
+    },
+    {
+      "name": "style: a literal gradient stop",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "style": {
+          "backgroundGradient": {
+            "angle": 90,
+            "stops": [
+              {
+                "color": "$color.primary",
+                "offset": 0
+              },
+              {
+                "color": "#00000000",
+                "offset": 1
+              }
+            ]
+          }
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "style.backgroundGradient: backgroundGradient: expected {angle, stops: [{color, offset 0..1}, …]} with two or more stops"
+        }
+      ]
+    },
+    {
+      "name": "prop: a literal colour",
+      "input": {
+        "id": "root",
+        "component": "Chip",
+        "props": {
+          "label": "Bug",
+          "dot": "#ef4444"
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "props.dot: expected $color.<name>"
+        }
+      ]
+    },
+    {
+      "name": "prop: a colour token passes",
+      "input": {
+        "id": "root",
+        "component": "Chip",
+        "props": {
+          "label": "Bug",
+          "dot": "$color.destructive"
+        }
+      },
+      "issues": []
+    },
+    {
+      "name": "action: an unknown function",
+      "input": {
+        "id": "root",
+        "component": "Button",
+        "props": {
+          "label": "Docs"
+        },
+        "on": {
+          "press": {
+            "functionCall": {
+              "call": "opneUrl",
+              "args": {
+                "url": "https://ui.exponential.at/"
+              }
+            }
+          }
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "on.press.functionCall: unknown function \"opneUrl\"; known: the catalog functions, or a namespaced host function (app.toast)"
+        }
+      ]
+    },
+    {
+      "name": "action: a namespaced host function passes",
+      "input": {
+        "id": "root",
+        "component": "Button",
+        "props": {
+          "label": "Wave"
+        },
+        "on": {
+          "press": {
+            "functionCall": {
+              "call": "app.toast",
+              "args": {
+                "text": "Hi"
+              }
+            }
+          }
+        }
+      },
+      "issues": []
+    },
+    {
+      "name": "action: an unknown function inside the event context",
+      "input": {
+        "id": "root",
+        "component": "Button",
+        "props": {
+          "label": "Save"
+        },
+        "on": {
+          "press": {
+            "event": {
+              "name": "save",
+              "context": {
+                "title": {
+                  "call": "trimm",
+                  "args": {
+                    "value": {
+                      "path": "/title"
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "on.press.event.context.title: unknown function \"trimm\"; known: the catalog functions, or a namespaced host function (app.toast)"
+        }
+      ]
+    },
+    {
+      "name": "prop: an unknown function in a binding",
+      "input": {
+        "id": "root",
+        "component": "Text",
+        "props": {
+          "text": {
+            "call": "concatt",
+            "args": {
+              "values": [
+                "a",
+                "b"
+              ]
+            }
+          }
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "props.text: unknown function \"concatt\"; known: the catalog functions, or a namespaced host function (app.toast)"
+        }
+      ]
+    },
+    {
+      "name": "visible: an unknown function",
+      "input": {
+        "id": "root",
+        "component": "Text",
+        "props": {
+          "text": "x"
+        },
+        "visible": {
+          "call": "nott",
+          "args": {
+            "value": {
+              "path": "/hide"
+            }
+          }
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "visible: unknown function \"nott\"; known: the catalog functions, or a namespaced host function (app.toast)"
+        }
+      ]
+    },
+    {
+      "name": "data: a literal Table row with a call key is a row, never a function",
+      "input": {
+        "id": "root",
+        "component": "Table",
+        "props": {
+          "columns": [
+            {
+              "key": "name",
+              "label": "Name"
+            },
+            {
+              "key": "call",
+              "label": "Call"
+            }
+          ],
+          "rows": [
+            {
+              "id": "r1",
+              "name": "Ana",
+              "call": "+1 555 0100"
+            },
+            {
+              "id": "r2",
+              "call": "follow up",
+              "args": {}
+            }
+          ]
+        }
+      },
+      "issues": []
+    },
+    {
+      "name": "shaped: a call in a bindable option label is checked",
+      "input": {
+        "id": "root",
+        "component": "Select",
+        "props": {
+          "name": "s",
+          "options": [
+            {
+              "label": {
+                "call": "uppr",
+                "args": {
+                  "value": "a"
+                }
+              },
+              "value": "a"
+            },
+            {
+              "label": "B",
+              "value": "b"
+            }
+          ]
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "props.options[0].label: unknown function \"uppr\"; known: the catalog functions, or a namespaced host function (app.toast)"
+        }
+      ]
+    },
+    {
+      "name": "action: an unknown function nested in another call's args",
+      "input": {
+        "id": "root",
+        "component": "Button",
+        "props": {
+          "label": "Go"
+        },
+        "on": {
+          "press": {
+            "functionCall": {
+              "call": "set",
+              "args": {
+                "path": "/n",
+                "value": {
+                  "call": "ad",
+                  "args": {
+                    "a": 1,
+                    "b": 2
+                  }
+                }
+              }
+            }
+          }
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "on.press.functionCall.args.value: unknown function \"ad\"; known: the catalog functions, or a namespaced host function (app.toast)"
+        }
+      ]
+    },
+    {
+      "name": "Table: a slot column naming a missing slot",
+      "input": {
+        "id": "root",
+        "component": "Table",
+        "props": {
+          "columns": [
+            {
+              "key": "title",
+              "label": "Title"
+            },
+            {
+              "key": "status",
+              "label": "Status",
+              "type": "slot",
+              "slot": "status"
+            },
+            {
+              "key": "owner",
+              "label": "Owner",
+              "type": "slot"
+            }
+          ],
+          "rows": {
+            "path": "/rows"
+          }
+        },
+        "slots": {
+          "state": {
+            "id": "state-cell",
+            "component": "Badge",
+            "props": {
+              "text": {
+                "path": "status"
+              }
+            }
+          }
+        }
+      },
+      "issues": [
+        {
+          "id": "root",
+          "message": "props.columns[1].slot: no slot \"status\" on this Table; slots: state"
+        },
+        {
+          "id": "root",
+          "message": "props.columns[2].slot: a slot column names one of the Table's slots"
+        }
+      ]
+    },
+    {
+      "name": "Table: slot columns naming its slots pass; rows bound to a filter",
+      "input": {
+        "id": "root",
+        "component": "Table",
+        "props": {
+          "columns": [
+            {
+              "key": "title",
+              "label": "Title"
+            },
+            {
+              "key": "status",
+              "label": "Status",
+              "type": "slot",
+              "slot": "status"
+            }
+          ],
+          "rows": {
+            "call": "filter",
+            "args": {
+              "items": {
+                "path": "/rows"
+              },
+              "query": {
+                "path": "/query"
+              },
+              "fields": [
+                "title"
+              ],
+              "where": {
+                "status": {
+                  "path": "/status"
+                }
+              }
+            }
+          }
+        },
+        "slots": {
+          "status": {
+            "id": "status-cell",
+            "component": "Badge",
+            "props": {
+              "text": {
+                "path": "status"
+              }
+            }
+          }
+        }
+      },
+      "issues": []
+    }
+  ],
+  "depth": [
+    {
+      "name": "the root tree: the first node past maxDepth after expansion is the placeholder",
+      "input": {
+        "id": "card0",
+        "component": "Card",
+        "children": [
+          {
+            "id": "card1",
+            "component": "Card",
+            "children": [
+              {
+                "id": "card2",
+                "component": "Card",
+                "children": [
+                  {
+                    "id": "card3",
+                    "component": "Card",
+                    "children": [
+                      {
+                        "id": "card4",
+                        "component": "Card",
+                        "children": [
+                          {
+                            "id": "card5",
+                            "component": "Card",
+                            "children": [
+                              {
+                                "id": "card6",
+                                "component": "Card",
+                                "children": [
+                                  {
+                                    "id": "card7",
+                                    "component": "Card",
+                                    "children": [
+                                      {
+                                        "id": "card8",
+                                        "component": "Card",
+                                        "children": [
+                                          {
+                                            "id": "card9",
+                                            "component": "Card",
+                                            "children": [
+                                              {
+                                                "id": "card10",
+                                                "component": "Card",
+                                                "children": [
+                                                  {
+                                                    "id": "card11",
+                                                    "component": "Card",
+                                                    "children": [
+                                                      {
+                                                        "id": "card12",
+                                                        "component": "Card",
+                                                        "children": [
+                                                          {
+                                                            "id": "card13",
+                                                            "component": "Card",
+                                                            "children": [
+                                                              {
+                                                                "id": "card14",
+                                                                "component": "Card",
+                                                                "children": [
+                                                                  {
+                                                                    "id": "card15",
+                                                                    "component": "Card",
+                                                                    "children": [
+                                                                      {
+                                                                        "id": "card16",
+                                                                        "component": "Card",
+                                                                        "children": [
+                                                                          {
+                                                                            "id": "card17",
+                                                                            "component": "Card",
+                                                                            "children": [
+                                                                              {
+                                                                                "id": "card18",
+                                                                                "component": "Card",
+                                                                                "children": [
+                                                                                  {
+                                                                                    "id": "card19",
+                                                                                    "component": "Card",
+                                                                                    "children": [
+                                                                                      {
+                                                                                        "id": "card20",
+                                                                                        "component": "Card",
+                                                                                        "children": [
+                                                                                          {
+                                                                                            "id": "card21",
+                                                                                            "component": "Card",
+                                                                                            "children": [
+                                                                                              {
+                                                                                                "id": "card22",
+                                                                                                "component": "Card",
+                                                                                                "children": [
+                                                                                                  {
+                                                                                                    "id": "card23",
+                                                                                                    "component": "Card",
+                                                                                                    "children": [
+                                                                                                      {
+                                                                                                        "id": "card24",
+                                                                                                        "component": "Card",
+                                                                                                        "children": [
+                                                                                                          {
+                                                                                                            "id": "card25",
+                                                                                                            "component": "Card",
+                                                                                                            "children": [
+                                                                                                              {
+                                                                                                                "id": "card26",
+                                                                                                                "component": "Card",
+                                                                                                                "children": [
+                                                                                                                  {
+                                                                                                                    "id": "card27",
+                                                                                                                    "component": "Card",
+                                                                                                                    "children": [
+                                                                                                                      {
+                                                                                                                        "id": "card28",
+                                                                                                                        "component": "Card",
+                                                                                                                        "children": [
+                                                                                                                          {
+                                                                                                                            "id": "card29",
+                                                                                                                            "component": "Card",
+                                                                                                                            "children": [
+                                                                                                                              {
+                                                                                                                                "id": "card30",
+                                                                                                                                "component": "Card",
+                                                                                                                                "children": [
+                                                                                                                                  {
+                                                                                                                                    "id": "card31",
+                                                                                                                                    "component": "Card",
+                                                                                                                                    "children": [
+                                                                                                                                      {
+                                                                                                                                        "id": "card32",
+                                                                                                                                        "component": "Card",
+                                                                                                                                        "children": [
+                                                                                                                                          {
+                                                                                                                                            "id": "card33",
+                                                                                                                                            "component": "Card",
+                                                                                                                                            "children": [
+                                                                                                                                              {
+                                                                                                                                                "id": "card34",
+                                                                                                                                                "component": "Card",
+                                                                                                                                                "children": [
+                                                                                                                                                  {
+                                                                                                                                                    "id": "card35",
+                                                                                                                                                    "component": "Card",
+                                                                                                                                                    "children": [
+                                                                                                                                                      {
+                                                                                                                                                        "id": "card36",
+                                                                                                                                                        "component": "Card",
+                                                                                                                                                        "children": [
+                                                                                                                                                          {
+                                                                                                                                                            "id": "card37",
+                                                                                                                                                            "component": "Card",
+                                                                                                                                                            "children": [
+                                                                                                                                                              {
+                                                                                                                                                                "id": "card38",
+                                                                                                                                                                "component": "Card",
+                                                                                                                                                                "children": [
+                                                                                                                                                                  {
+                                                                                                                                                                    "id": "card39",
+                                                                                                                                                                    "component": "Card",
+                                                                                                                                                                    "children": [
+                                                                                                                                                                      {
+                                                                                                                                                                        "id": "card40",
+                                                                                                                                                                        "component": "Card",
+                                                                                                                                                                        "children": [
+                                                                                                                                                                          {
+                                                                                                                                                                            "id": "card41",
+                                                                                                                                                                            "component": "Card",
+                                                                                                                                                                            "children": [
+                                                                                                                                                                              {
+                                                                                                                                                                                "id": "card42",
+                                                                                                                                                                                "component": "Card",
+                                                                                                                                                                                "children": [
+                                                                                                                                                                                  {
+                                                                                                                                                                                    "id": "card43",
+                                                                                                                                                                                    "component": "Card",
+                                                                                                                                                                                    "children": [
+                                                                                                                                                                                      {
+                                                                                                                                                                                        "id": "card44",
+                                                                                                                                                                                        "component": "Card",
+                                                                                                                                                                                        "children": [
+                                                                                                                                                                                          {
+                                                                                                                                                                                            "id": "card45",
+                                                                                                                                                                                            "component": "Card",
+                                                                                                                                                                                            "children": [
+                                                                                                                                                                                              {
+                                                                                                                                                                                                "id": "card46",
+                                                                                                                                                                                                "component": "Card",
+                                                                                                                                                                                                "children": [
+                                                                                                                                                                                                  {
+                                                                                                                                                                                                    "id": "leaf",
+                                                                                                                                                                                                    "component": "Text",
+                                                                                                                                                                                                    "props": {
+                                                                                                                                                                                                      "text": "deepest"
+                                                                                                                                                                                                    }
+                                                                                                                                                                                                  }
+                                                                                                                                                                                                ]
+                                                                                                                                                                                              }
+                                                                                                                                                                                            ]
+                                                                                                                                                                                          }
+                                                                                                                                                                                        ]
+                                                                                                                                                                                      }
+                                                                                                                                                                                    ]
+                                                                                                                                                                                  }
+                                                                                                                                                                                ]
+                                                                                                                                                                              }
+                                                                                                                                                                            ]
+                                                                                                                                                                          }
+                                                                                                                                                                        ]
+                                                                                                                                                                      }
+                                                                                                                                                                    ]
+                                                                                                                                                                  }
+                                                                                                                                                                ]
+                                                                                                                                                              }
+                                                                                                                                                            ]
+                                                                                                                                                          }
+                                                                                                                                                        ]
+                                                                                                                                                      }
+                                                                                                                                                    ]
+                                                                                                                                                  }
+                                                                                                                                                ]
+                                                                                                                                              }
+                                                                                                                                            ]
+                                                                                                                                          }
+                                                                                                                                        ]
+                                                                                                                                      }
+                                                                                                                                    ]
+                                                                                                                                  }
+                                                                                                                                ]
+                                                                                                                              }
+                                                                                                                            ]
+                                                                                                                          }
+                                                                                                                        ]
+                                                                                                                      }
+                                                                                                                    ]
+                                                                                                                  }
+                                                                                                                ]
+                                                                                                              }
+                                                                                                            ]
+                                                                                                          }
+                                                                                                        ]
+                                                                                                      }
+                                                                                                    ]
+                                                                                                  }
+                                                                                                ]
+                                                                                              }
+                                                                                            ]
+                                                                                          }
+                                                                                        ]
+                                                                                      }
+                                                                                    ]
+                                                                                  }
+                                                                                ]
+                                                                              }
+                                                                            ]
+                                                                          }
+                                                                        ]
+                                                                      }
+                                                                    ]
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              }
+                                            ]
+                                          }
+                                        ]
+                                      }
+                                    ]
+                                  }
+                                ]
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "issues": [
+        {
+          "id": "card24",
+          "message": "nesting deeper than 48 levels"
+        }
+      ],
+      "placeholders": [
+        {
+          "tree": "root",
+          "id": "card24",
+          "component": "Box"
+        }
+      ]
+    },
+    {
+      "name": "a lifted template is capped from its own level 1",
+      "input": {
+        "id": "root",
+        "component": "Stack",
+        "children": [
+          {
+            "id": "list",
+            "component": "Stack",
+            "template": {
+              "component": "tcard0",
+              "path": "/items"
+            }
+          },
+          {
+            "id": "defs",
+            "component": "Box",
+            "visible": false,
+            "children": [
+              {
+                "id": "tcard0",
+                "component": "Card",
+                "children": [
+                  {
+                    "id": "tcard1",
+                    "component": "Card",
+                    "children": [
+                      {
+                        "id": "tcard2",
+                        "component": "Card",
+                        "children": [
+                          {
+                            "id": "tcard3",
+                            "component": "Card",
+                            "children": [
+                              {
+                                "id": "tcard4",
+                                "component": "Card",
+                                "children": [
+                                  {
+                                    "id": "tcard5",
+                                    "component": "Card",
+                                    "children": [
+                                      {
+                                        "id": "tcard6",
+                                        "component": "Card",
+                                        "children": [
+                                          {
+                                            "id": "tcard7",
+                                            "component": "Card",
+                                            "children": [
+                                              {
+                                                "id": "tcard8",
+                                                "component": "Card",
+                                                "children": [
+                                                  {
+                                                    "id": "tcard9",
+                                                    "component": "Card",
+                                                    "children": [
+                                                      {
+                                                        "id": "tcard10",
+                                                        "component": "Card",
+                                                        "children": [
+                                                          {
+                                                            "id": "tcard11",
+                                                            "component": "Card",
+                                                            "children": [
+                                                              {
+                                                                "id": "tcard12",
+                                                                "component": "Card",
+                                                                "children": [
+                                                                  {
+                                                                    "id": "tcard13",
+                                                                    "component": "Card",
+                                                                    "children": [
+                                                                      {
+                                                                        "id": "tcard14",
+                                                                        "component": "Card",
+                                                                        "children": [
+                                                                          {
+                                                                            "id": "tcard15",
+                                                                            "component": "Card",
+                                                                            "children": [
+                                                                              {
+                                                                                "id": "tcard16",
+                                                                                "component": "Card",
+                                                                                "children": [
+                                                                                  {
+                                                                                    "id": "tcard17",
+                                                                                    "component": "Card",
+                                                                                    "children": [
+                                                                                      {
+                                                                                        "id": "tcard18",
+                                                                                        "component": "Card",
+                                                                                        "children": [
+                                                                                          {
+                                                                                            "id": "tcard19",
+                                                                                            "component": "Card",
+                                                                                            "children": [
+                                                                                              {
+                                                                                                "id": "tcard20",
+                                                                                                "component": "Card",
+                                                                                                "children": [
+                                                                                                  {
+                                                                                                    "id": "tcard21",
+                                                                                                    "component": "Card",
+                                                                                                    "children": [
+                                                                                                      {
+                                                                                                        "id": "tcard22",
+                                                                                                        "component": "Card",
+                                                                                                        "children": [
+                                                                                                          {
+                                                                                                            "id": "tcard23",
+                                                                                                            "component": "Card",
+                                                                                                            "children": [
+                                                                                                              {
+                                                                                                                "id": "tcard24",
+                                                                                                                "component": "Card",
+                                                                                                                "children": [
+                                                                                                                  {
+                                                                                                                    "id": "tleaf",
+                                                                                                                    "component": "Text",
+                                                                                                                    "props": {
+                                                                                                                      "text": "deepest"
+                                                                                                                    }
+                                                                                                                  }
+                                                                                                                ]
+                                                                                                              }
+                                                                                                            ]
+                                                                                                          }
+                                                                                                        ]
+                                                                                                      }
+                                                                                                    ]
+                                                                                                  }
+                                                                                                ]
+                                                                                              }
+                                                                                            ]
+                                                                                          }
+                                                                                        ]
+                                                                                      }
+                                                                                    ]
+                                                                                  }
+                                                                                ]
+                                                                              }
+                                                                            ]
+                                                                          }
+                                                                        ]
+                                                                      }
+                                                                    ]
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              }
+                                            ]
+                                          }
+                                        ]
+                                      }
+                                    ]
+                                  }
+                                ]
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "issues": [
+        {
+          "id": "tcard24",
+          "message": "nesting deeper than 48 levels"
+        }
+      ],
+      "placeholders": [
+        {
+          "tree": "tcard0",
+          "id": "tcard24",
+          "component": "Box"
+        }
+      ]
+    },
+    {
+      "name": "an Unknown leaf at maxDepth + 1 is not reported again",
+      "input": {
+        "id": "card0",
+        "component": "Card",
+        "children": [
+          {
+            "id": "card1",
+            "component": "Card",
+            "children": [
+              {
+                "id": "card2",
+                "component": "Card",
+                "children": [
+                  {
+                    "id": "card3",
+                    "component": "Card",
+                    "children": [
+                      {
+                        "id": "card4",
+                        "component": "Card",
+                        "children": [
+                          {
+                            "id": "card5",
+                            "component": "Card",
+                            "children": [
+                              {
+                                "id": "card6",
+                                "component": "Card",
+                                "children": [
+                                  {
+                                    "id": "card7",
+                                    "component": "Card",
+                                    "children": [
+                                      {
+                                        "id": "card8",
+                                        "component": "Card",
+                                        "children": [
+                                          {
+                                            "id": "card9",
+                                            "component": "Card",
+                                            "children": [
+                                              {
+                                                "id": "card10",
+                                                "component": "Card",
+                                                "children": [
+                                                  {
+                                                    "id": "card11",
+                                                    "component": "Card",
+                                                    "children": [
+                                                      {
+                                                        "id": "card12",
+                                                        "component": "Card",
+                                                        "children": [
+                                                          {
+                                                            "id": "card13",
+                                                            "component": "Card",
+                                                            "children": [
+                                                              {
+                                                                "id": "card14",
+                                                                "component": "Card",
+                                                                "children": [
+                                                                  {
+                                                                    "id": "card15",
+                                                                    "component": "Card",
+                                                                    "children": [
+                                                                      {
+                                                                        "id": "card16",
+                                                                        "component": "Card",
+                                                                        "children": [
+                                                                          {
+                                                                            "id": "card17",
+                                                                            "component": "Card",
+                                                                            "children": [
+                                                                              {
+                                                                                "id": "card18",
+                                                                                "component": "Card",
+                                                                                "children": [
+                                                                                  {
+                                                                                    "id": "card19",
+                                                                                    "component": "Card",
+                                                                                    "children": [
+                                                                                      {
+                                                                                        "id": "card20",
+                                                                                        "component": "Card",
+                                                                                        "children": [
+                                                                                          {
+                                                                                            "id": "card21",
+                                                                                            "component": "Card",
+                                                                                            "children": [
+                                                                                              {
+                                                                                                "id": "card22",
+                                                                                                "component": "Card",
+                                                                                                "children": [
+                                                                                                  {
+                                                                                                    "id": "card23",
+                                                                                                    "component": "Card",
+                                                                                                    "children": [
+                                                                                                      {
+                                                                                                        "id": "nope",
+                                                                                                        "component": "NoSuchComponent"
+                                                                                                      }
+                                                                                                    ]
+                                                                                                  }
+                                                                                                ]
+                                                                                              }
+                                                                                            ]
+                                                                                          }
+                                                                                        ]
+                                                                                      }
+                                                                                    ]
+                                                                                  }
+                                                                                ]
+                                                                              }
+                                                                            ]
+                                                                          }
+                                                                        ]
+                                                                      }
+                                                                    ]
+                                                                  }
+                                                                ]
+                                                              }
+                                                            ]
+                                                          }
+                                                        ]
+                                                      }
+                                                    ]
+                                                  }
+                                                ]
+                                              }
+                                            ]
+                                          }
+                                        ]
+                                      }
+                                    ]
+                                  }
+                                ]
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "issues": [
+        {
+          "id": "nope",
+          "message": "unknown component NoSuchComponent"
+        }
+      ],
+      "placeholders": [
+        {
+          "tree": "root",
+          "id": "nope",
+          "component": "NoSuchComponent"
+        }
+      ]
+    }
+  ],
+  "templateBudget": [
+    {
+      "name": "maxTemplateItems: items are charged depth-first, an item's nested items before the next item",
+      "input": {
+        "id": "root",
+        "component": "Stack",
+        "children": [
+          {
+            "id": "list",
+            "component": "Stack",
+            "template": {
+              "component": "row",
+              "path": "/outer"
+            }
+          },
+          {
+            "id": "defs",
+            "component": "Box",
+            "visible": false,
+            "children": [
+              {
+                "id": "row",
+                "component": "Stack",
+                "template": {
+                  "component": "cell",
+                  "path": "inner"
+                }
+              },
+              {
+                "id": "cell",
+                "component": "Text",
+                "props": {
+                  "text": "x"
+                }
+              }
+            ]
+          }
+        ]
+      },
+      "data": {
+        "outer": [
+          {
+            "inner": {
+              "$fill": 9998
+            }
+          },
+          {
+            "inner": {
+              "$fill": 2
+            }
+          },
+          {
+            "inner": {
+              "$fill": 2
+            }
+          }
+        ]
+      },
+      "sites": [
+        {
+          "holder": "list",
+          "scope": "",
+          "template": "row",
+          "instance": "",
+          "items": 3,
+          "built": 2
+        },
+        {
+          "holder": "row",
+          "scope": "/outer/0",
+          "template": "cell",
+          "instance": ".0",
+          "items": 9998,
+          "built": 9998
+        },
+        {
+          "holder": "row",
+          "scope": "/outer/1",
+          "template": "cell",
+          "instance": ".1",
+          "items": 2,
+          "built": 0
+        },
+        {
+          "holder": "row",
+          "scope": "/outer/2",
+          "template": "cell",
+          "instance": ".2",
+          "items": 2,
+          "built": 0
+        }
+      ],
+      "issues": [
+        {
+          "id": "cell",
+          "message": "template: more than 10000 items; the rest is not rendered"
+        }
+      ]
+    },
+    {
+      "name": "maxComponents: the build starts at the reduced tree's nodes and each item costs its template subtree",
+      "input": {
+        "id": "root",
+        "component": "Stack",
+        "children": [
+          {
+            "id": "rows",
+            "component": "Stack",
+            "template": {
+              "component": "row",
+              "path": "/rows"
+            }
+          },
+          {
+            "id": "more",
+            "component": "Stack",
+            "template": {
+              "component": "extra",
+              "path": "/more"
+            }
+          },
+          {
+            "id": "defs",
+            "component": "Box",
+            "visible": false,
+            "children": [
+              {
+                "id": "row",
+                "component": "Stack",
+                "children": [
+                  {
+                    "id": "row-a",
+                    "component": "Text",
+                    "props": {
+                      "text": "a"
+                    }
+                  },
+                  {
+                    "id": "row-b",
+                    "component": "Text",
+                    "props": {
+                      "text": "b"
+                    }
+                  }
+                ]
+              },
+              {
+                "id": "extra",
+                "component": "Text",
+                "props": {
+                  "text": "e"
+                }
+              }
+            ]
+          }
+        ]
+      },
+      "data": {
+        "rows": {
+          "$fill": 7000
+        },
+        "more": {
+          "$fill": 1
+        }
+      },
+      "sites": [
+        {
+          "holder": "rows",
+          "scope": "",
+          "template": "row",
+          "instance": "",
+          "items": 7000,
+          "built": 6665
+        },
+        {
+          "holder": "more",
+          "scope": "",
+          "template": "extra",
+          "instance": "",
+          "items": 1,
+          "built": 0
+        }
+      ],
+      "issues": [
+        {
+          "id": "row",
+          "message": "surface: more than 20000 components; the rest is dropped"
+        }
+      ]
+    },
+    {
+      "name": "under both limits every item is built, no issue",
+      "input": {
+        "id": "root",
+        "component": "Stack",
+        "children": [
+          {
+            "id": "rows",
+            "component": "Stack",
+            "template": {
+              "component": "row",
+              "path": "/rows"
+            }
+          },
+          {
+            "id": "defs",
+            "component": "Box",
+            "visible": false,
+            "children": [
+              {
+                "id": "row",
+                "component": "Text",
+                "props": {
+                  "text": "r"
+                }
+              }
+            ]
+          }
+        ]
+      },
+      "data": {
+        "rows": {
+          "$fill": 5
+        }
+      },
+      "sites": [
+        {
+          "holder": "rows",
+          "scope": "",
+          "template": "row",
+          "instance": "",
+          "items": 5,
+          "built": 5
+        }
+      ],
+      "issues": []
+    }
+  ],
+  "filter": [
+    {
+      "name": "query over fields, case-insensitive",
+      "args": {
+        "items": [
+          {
+            "id": "i1",
+            "title": "Ship the release",
+            "status": "open",
+            "points": 3
+          },
+          {
+            "id": "i2",
+            "title": "Fix the shipping form",
+            "status": "done",
+            "points": 5
+          },
+          {
+            "id": "i3",
+            "title": "Write the changelog",
+            "status": "open",
+            "points": 1
+          },
+          {
+            "id": "i4",
+            "title": "Release notes",
+            "status": "open",
+            "points": 15
+          }
+        ],
+        "query": "SHIP",
+        "fields": [
+          "title"
+        ]
+      },
+      "expected": [
+        {
+          "id": "i1",
+          "title": "Ship the release",
+          "status": "open",
+          "points": 3
+        },
+        {
+          "id": "i2",
+          "title": "Fix the shipping form",
+          "status": "done",
+          "points": 5
+        }
+      ]
+    },
+    {
+      "name": "query over every text and number field when fields is absent",
+      "args": {
+        "items": [
+          {
+            "id": "i1",
+            "title": "Ship the release",
+            "status": "open",
+            "points": 3
+          },
+          {
+            "id": "i2",
+            "title": "Fix the shipping form",
+            "status": "done",
+            "points": 5
+          },
+          {
+            "id": "i3",
+            "title": "Write the changelog",
+            "status": "open",
+            "points": 1
+          },
+          {
+            "id": "i4",
+            "title": "Release notes",
+            "status": "open",
+            "points": 15
+          }
+        ],
+        "query": "5"
+      },
+      "expected": [
+        {
+          "id": "i2",
+          "title": "Fix the shipping form",
+          "status": "done",
+          "points": 5
+        },
+        {
+          "id": "i4",
+          "title": "Release notes",
+          "status": "open",
+          "points": 15
+        }
+      ]
+    },
+    {
+      "name": "where: every field must equal",
+      "args": {
+        "items": [
+          {
+            "id": "i1",
+            "title": "Ship the release",
+            "status": "open",
+            "points": 3
+          },
+          {
+            "id": "i2",
+            "title": "Fix the shipping form",
+            "status": "done",
+            "points": 5
+          },
+          {
+            "id": "i3",
+            "title": "Write the changelog",
+            "status": "open",
+            "points": 1
+          },
+          {
+            "id": "i4",
+            "title": "Release notes",
+            "status": "open",
+            "points": 15
+          }
+        ],
+        "where": {
+          "status": "open"
+        }
+      },
+      "expected": [
+        {
+          "id": "i1",
+          "title": "Ship the release",
+          "status": "open",
+          "points": 3
+        },
+        {
+          "id": "i3",
+          "title": "Write the changelog",
+          "status": "open",
+          "points": 1
+        },
+        {
+          "id": "i4",
+          "title": "Release notes",
+          "status": "open",
+          "points": 15
+        }
+      ]
+    },
+    {
+      "name": "where with a number spelled as a string (eq)",
+      "args": {
+        "items": [
+          {
+            "id": "i1",
+            "title": "Ship the release",
+            "status": "open",
+            "points": 3
+          },
+          {
+            "id": "i2",
+            "title": "Fix the shipping form",
+            "status": "done",
+            "points": 5
+          },
+          {
+            "id": "i3",
+            "title": "Write the changelog",
+            "status": "open",
+            "points": 1
+          },
+          {
+            "id": "i4",
+            "title": "Release notes",
+            "status": "open",
+            "points": 15
+          }
+        ],
+        "where": {
+          "points": "3"
+        }
+      },
+      "expected": [
+        {
+          "id": "i1",
+          "title": "Ship the release",
+          "status": "open",
+          "points": 3
+        }
+      ]
+    },
+    {
+      "name": "where and query together",
+      "args": {
+        "items": [
+          {
+            "id": "i1",
+            "title": "Ship the release",
+            "status": "open",
+            "points": 3
+          },
+          {
+            "id": "i2",
+            "title": "Fix the shipping form",
+            "status": "done",
+            "points": 5
+          },
+          {
+            "id": "i3",
+            "title": "Write the changelog",
+            "status": "open",
+            "points": 1
+          },
+          {
+            "id": "i4",
+            "title": "Release notes",
+            "status": "open",
+            "points": 15
+          }
+        ],
+        "query": "re",
+        "fields": [
+          "title"
+        ],
+        "where": {
+          "status": "open"
+        }
+      },
+      "expected": [
+        {
+          "id": "i1",
+          "title": "Ship the release",
+          "status": "open",
+          "points": 3
+        },
+        {
+          "id": "i4",
+          "title": "Release notes",
+          "status": "open",
+          "points": 15
+        }
+      ]
+    },
+    {
+      "name": "an empty where value and a blank query constrain nothing",
+      "args": {
+        "items": [
+          {
+            "id": "i1",
+            "title": "Ship the release",
+            "status": "open",
+            "points": 3
+          },
+          {
+            "id": "i2",
+            "title": "Fix the shipping form",
+            "status": "done",
+            "points": 5
+          },
+          {
+            "id": "i3",
+            "title": "Write the changelog",
+            "status": "open",
+            "points": 1
+          },
+          {
+            "id": "i4",
+            "title": "Release notes",
+            "status": "open",
+            "points": 15
+          }
+        ],
+        "query": "  ",
+        "where": {
+          "status": ""
+        }
+      },
+      "expected": [
+        {
+          "id": "i1",
+          "title": "Ship the release",
+          "status": "open",
+          "points": 3
+        },
+        {
+          "id": "i2",
+          "title": "Fix the shipping form",
+          "status": "done",
+          "points": 5
+        },
+        {
+          "id": "i3",
+          "title": "Write the changelog",
+          "status": "open",
+          "points": 1
+        },
+        {
+          "id": "i4",
+          "title": "Release notes",
+          "status": "open",
+          "points": 15
+        }
+      ]
+    },
+    {
+      "name": "a query is trimmed",
+      "args": {
+        "items": [
+          {
+            "id": "i1",
+            "title": "Ship the release",
+            "status": "open",
+            "points": 3
+          },
+          {
+            "id": "i2",
+            "title": "Fix the shipping form",
+            "status": "done",
+            "points": 5
+          },
+          {
+            "id": "i3",
+            "title": "Write the changelog",
+            "status": "open",
+            "points": 1
+          },
+          {
+            "id": "i4",
+            "title": "Release notes",
+            "status": "open",
+            "points": 15
+          }
+        ],
+        "query": " notes ",
+        "fields": [
+          "title"
+        ]
+      },
+      "expected": [
+        {
+          "id": "i4",
+          "title": "Release notes",
+          "status": "open",
+          "points": 15
+        }
+      ]
+    },
+    {
+      "name": "a field missing on an item never matches where",
+      "args": {
+        "items": [
+          {
+            "id": "i1",
+            "title": "Ship the release",
+            "status": "open",
+            "points": 3
+          },
+          {
+            "id": "i2",
+            "title": "Fix the shipping form",
+            "status": "done",
+            "points": 5
+          },
+          {
+            "id": "i3",
+            "title": "Write the changelog",
+            "status": "open",
+            "points": 1
+          },
+          {
+            "id": "i4",
+            "title": "Release notes",
+            "status": "open",
+            "points": 15
+          }
+        ],
+        "where": {
+          "owner": "ana"
+        }
+      },
+      "expected": []
+    },
+    {
+      "name": "string items match themselves",
+      "args": {
+        "items": [
+          "Alpha",
+          "beta",
+          "Gamma",
+          42
+        ],
+        "query": "a"
+      },
+      "expected": [
+        "Alpha",
+        "beta",
+        "Gamma"
+      ]
+    },
+    {
+      "name": "not an array: no items",
+      "args": {
+        "items": "abc",
+        "query": "a"
+      },
+      "expected": []
+    }
+  ],
+  "ownWrite": [
+    {
+      "name": "Input change: the bound context reads the text just typed",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "q",
+            "component": "Input",
+            "props": {
+              "name": "q",
+              "label": "Search",
+              "value": {
+                "path": "/query"
+              }
+            },
+            "on": {
+              "change": {
+                "event": {
+                  "name": "search",
+                  "context": {
+                    "query": {
+                      "path": "/query"
+                    }
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      "data": {
+        "query": ""
+      },
+      "target": "q",
+      "event": "change",
+      "payload": {
+        "value": "ship"
+      },
+      "own": {
+        "value": "ship"
+      },
+      "sent": {
+        "value": "ship"
+      },
+      "expected": {
+        "data": {
+          "query": "ship"
+        },
+        "action": {
+          "name": "search",
+          "context": {
+            "query": "ship",
+            "value": "ship"
+          }
+        }
+      }
+    },
+    {
+      "name": "Input change: a filter in the context sees the new query",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "q",
+            "component": "Input",
+            "props": {
+              "name": "q",
+              "label": "Search",
+              "value": {
+                "path": "/query"
+              }
+            },
+            "on": {
+              "change": {
+                "event": {
+                  "name": "search",
+                  "context": {
+                    "hits": {
+                      "call": "len",
+                      "args": {
+                        "value": {
+                          "call": "filter",
+                          "args": {
+                            "items": {
+                              "path": "/issues"
+                            },
+                            "query": {
+                              "path": "/query"
+                            },
+                            "fields": [
+                              "title"
+                            ]
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      "data": {
+        "query": "",
+        "issues": [
+          {
+            "id": "i1",
+            "title": "Ship the release",
+            "status": "open",
+            "points": 3
+          },
+          {
+            "id": "i2",
+            "title": "Fix the shipping form",
+            "status": "done",
+            "points": 5
+          },
+          {
+            "id": "i3",
+            "title": "Write the changelog",
+            "status": "open",
+            "points": 1
+          },
+          {
+            "id": "i4",
+            "title": "Release notes",
+            "status": "open",
+            "points": 15
+          }
+        ]
+      },
+      "target": "q",
+      "event": "change",
+      "payload": {
+        "value": "ship"
+      },
+      "own": {
+        "value": "ship"
+      },
+      "sent": {
+        "value": "ship"
+      },
+      "expected": {
+        "data": {
+          "query": "ship",
+          "issues": [
+            {
+              "id": "i1",
+              "title": "Ship the release",
+              "status": "open",
+              "points": 3
+            },
+            {
+              "id": "i2",
+              "title": "Fix the shipping form",
+              "status": "done",
+              "points": 5
+            },
+            {
+              "id": "i3",
+              "title": "Write the changelog",
+              "status": "open",
+              "points": 1
+            },
+            {
+              "id": "i4",
+              "title": "Release notes",
+              "status": "open",
+              "points": 15
+            }
+          ]
+        },
+        "action": {
+          "name": "search",
+          "context": {
+            "hits": 2,
+            "value": "ship"
+          }
+        }
+      }
+    },
+    {
+      "name": "Switch change: the bound context reads the new state",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "s",
+            "component": "Switch",
+            "props": {
+              "name": "s",
+              "label": "Notify",
+              "checked": {
+                "path": "/notify"
+              }
+            },
+            "on": {
+              "change": {
+                "event": {
+                  "name": "toggled",
+                  "context": {
+                    "notify": {
+                      "path": "/notify"
+                    }
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      "data": {
+        "notify": false
+      },
+      "target": "s",
+      "event": "change",
+      "payload": {
+        "checked": true
+      },
+      "own": {
+        "checked": true
+      },
+      "sent": {
+        "checked": true
+      },
+      "expected": {
+        "data": {
+          "notify": true
+        },
+        "action": {
+          "name": "toggled",
+          "context": {
+            "notify": true,
+            "checked": true
+          }
+        }
+      }
+    },
+    {
+      "name": "FileUpload upload: the own write is the MERGED list, the payload carries it plus the new batch (added)",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "u",
+            "component": "FileUpload",
+            "props": {
+              "name": "att",
+              "label": "Attachments",
+              "multiple": true,
+              "files": {
+                "path": "/att"
+              }
+            },
+            "on": {
+              "upload": {
+                "event": {
+                  "name": "uploaded",
+                  "context": {
+                    "count": {
+                      "call": "len",
+                      "args": {
+                        "value": {
+                          "path": "/att"
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      "data": {
+        "att": [
+          {
+            "name": "a.pdf",
+            "size": 1,
+            "type": "application/pdf"
+          },
+          {
+            "name": "b.pdf",
+            "size": 2,
+            "type": "application/pdf"
+          }
+        ]
+      },
+      "target": "u",
+      "event": "upload",
+      "payload": {
+        "files": [
+          {
+            "name": "c.png",
+            "size": 3,
+            "type": "image/png"
+          }
+        ]
+      },
+      "own": {
+        "files": [
+          {
+            "name": "a.pdf",
+            "size": 1,
+            "type": "application/pdf"
+          },
+          {
+            "name": "b.pdf",
+            "size": 2,
+            "type": "application/pdf"
+          },
+          {
+            "name": "c.png",
+            "size": 3,
+            "type": "image/png"
+          }
+        ]
+      },
+      "sent": {
+        "files": [
+          {
+            "name": "a.pdf",
+            "size": 1,
+            "type": "application/pdf"
+          },
+          {
+            "name": "b.pdf",
+            "size": 2,
+            "type": "application/pdf"
+          },
+          {
+            "name": "c.png",
+            "size": 3,
+            "type": "image/png"
+          }
+        ],
+        "added": [
+          {
+            "name": "c.png",
+            "size": 3,
+            "type": "image/png"
+          }
+        ]
+      },
+      "expected": {
+        "data": {
+          "att": [
+            {
+              "name": "a.pdf",
+              "size": 1,
+              "type": "application/pdf"
+            },
+            {
+              "name": "b.pdf",
+              "size": 2,
+              "type": "application/pdf"
+            },
+            {
+              "name": "c.png",
+              "size": 3,
+              "type": "image/png"
+            }
+          ]
+        },
+        "action": {
+          "name": "uploaded",
+          "context": {
+            "count": 3,
+            "files": [
+              {
+                "name": "a.pdf",
+                "size": 1,
+                "type": "application/pdf"
+              },
+              {
+                "name": "b.pdf",
+                "size": 2,
+                "type": "application/pdf"
+              },
+              {
+                "name": "c.png",
+                "size": 3,
+                "type": "image/png"
+              }
+            ],
+            "added": [
+              {
+                "name": "c.png",
+                "size": 3,
+                "type": "image/png"
+              }
+            ]
+          }
+        }
+      }
+    }
+  ],
+  "closeOnSubmit": [
+    {
+      "name": "a Form in a Dialog: submit, then the Dialog closes (bound open written false, change fired)",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "dlg",
+            "component": "Dialog",
+            "props": {
+              "title": "New issue",
+              "open": {
+                "path": "/open"
+              }
+            },
+            "on": {
+              "change": {
+                "event": {
+                  "name": "dialogChanged"
+                }
+              }
+            },
+            "children": [
+              {
+                "id": "f",
+                "component": "Form",
+                "props": {
+                  "name": "f"
+                },
+                "on": {
+                  "submit": {
+                    "event": {
+                      "name": "create"
+                    }
+                  }
+                },
+                "children": [
+                  {
+                    "id": "f-title",
+                    "component": "Input",
+                    "props": {
+                      "name": "title",
+                      "label": "Title",
+                      "value": {
+                        "path": "/draft"
+                      }
+                    }
+                  },
+                  {
+                    "id": "f-go",
+                    "component": "Button",
+                    "props": {
+                      "label": "Create",
+                      "submit": true
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "data": {
+        "open": true,
+        "draft": "Ship it"
+      },
+      "form": "f",
+      "actions": [
+        "create",
+        "dialogChanged"
+      ],
+      "expected": {
+        "overlay": "dlg",
+        "data": {
+          "open": false,
+          "draft": "Ship it"
+        }
+      }
+    },
+    {
+      "name": "a Form in a Drawer closes the Drawer",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "drw",
+            "component": "Drawer",
+            "props": {
+              "title": "Filters",
+              "open": {
+                "path": "/panel"
+              },
+              "side": "right"
+            },
+            "children": [
+              {
+                "id": "f",
+                "component": "Form",
+                "props": {
+                  "name": "f"
+                },
+                "on": {
+                  "submit": {
+                    "event": {
+                      "name": "apply"
+                    }
+                  }
+                },
+                "children": [
+                  {
+                    "id": "f-title",
+                    "component": "Input",
+                    "props": {
+                      "name": "title",
+                      "label": "Title",
+                      "value": {
+                        "path": "/draft"
+                      }
+                    }
+                  },
+                  {
+                    "id": "f-go",
+                    "component": "Button",
+                    "props": {
+                      "label": "Create",
+                      "submit": true
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "data": {
+        "panel": true,
+        "draft": "x"
+      },
+      "form": "f",
+      "actions": [
+        "apply"
+      ],
+      "expected": {
+        "overlay": "drw",
+        "data": {
+          "panel": false,
+          "draft": "x"
+        }
+      }
+    },
+    {
+      "name": "a Form in a Popover closes nothing (the nearest overlay decides)",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "pop",
+            "component": "Popover",
+            "props": {
+              "open": {
+                "path": "/pop"
+              }
+            },
+            "children": [
+              {
+                "id": "f",
+                "component": "Form",
+                "props": {
+                  "name": "f"
+                },
+                "on": {
+                  "submit": {
+                    "event": {
+                      "name": "apply"
+                    }
+                  }
+                },
+                "children": [
+                  {
+                    "id": "f-title",
+                    "component": "Input",
+                    "props": {
+                      "name": "title",
+                      "label": "Title",
+                      "value": {
+                        "path": "/draft"
+                      }
+                    }
+                  },
+                  {
+                    "id": "f-go",
+                    "component": "Button",
+                    "props": {
+                      "label": "Create",
+                      "submit": true
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "data": {
+        "pop": true,
+        "draft": "x"
+      },
+      "form": "f",
+      "actions": [
+        "apply"
+      ],
+      "expected": {
+        "overlay": null,
+        "data": {
+          "pop": true,
+          "draft": "x"
+        }
+      }
+    },
+    {
+      "name": "a Form in a Popover inside a Dialog closes neither",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "dlg",
+            "component": "Dialog",
+            "props": {
+              "title": "Edit",
+              "open": {
+                "path": "/open"
+              }
+            },
+            "children": [
+              {
+                "id": "pop",
+                "component": "Popover",
+                "props": {
+                  "open": {
+                    "path": "/pop"
+                  }
+                },
+                "slots": {
+                  "trigger": {
+                    "id": "pop-trigger",
+                    "component": "Button",
+                    "props": {
+                      "label": "Filters"
+                    }
+                  }
+                },
+                "children": [
+                  {
+                    "id": "f",
+                    "component": "Form",
+                    "props": {
+                      "name": "f"
+                    },
+                    "on": {
+                      "submit": {
+                        "event": {
+                          "name": "apply"
+                        }
+                      }
+                    },
+                    "children": [
+                      {
+                        "id": "f-title",
+                        "component": "Input",
+                        "props": {
+                          "name": "title",
+                          "label": "Title",
+                          "value": {
+                            "path": "/draft"
+                          }
+                        }
+                      },
+                      {
+                        "id": "f-go",
+                        "component": "Button",
+                        "props": {
+                          "label": "Create",
+                          "submit": true
+                        }
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "data": {
+        "open": true,
+        "pop": true,
+        "draft": "x"
+      },
+      "form": "f",
+      "actions": [
+        "apply"
+      ],
+      "expected": {
+        "overlay": null,
+        "data": {
+          "open": true,
+          "pop": true,
+          "draft": "x"
+        }
+      }
+    },
+    {
+      "name": "a Form in a non-dismissible Dialog never auto-closes it",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "dlg",
+            "component": "Dialog",
+            "props": {
+              "title": "Required",
+              "open": {
+                "path": "/open"
+              },
+              "dismissible": false
+            },
+            "children": [
+              {
+                "id": "f",
+                "component": "Form",
+                "props": {
+                  "name": "f"
+                },
+                "on": {
+                  "submit": {
+                    "event": {
+                      "name": "create"
+                    }
+                  }
+                },
+                "children": [
+                  {
+                    "id": "f-title",
+                    "component": "Input",
+                    "props": {
+                      "name": "title",
+                      "label": "Title",
+                      "value": {
+                        "path": "/draft"
+                      }
+                    }
+                  },
+                  {
+                    "id": "f-go",
+                    "component": "Button",
+                    "props": {
+                      "label": "Create",
+                      "submit": true
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "data": {
+        "open": true,
+        "draft": "x"
+      },
+      "form": "f",
+      "actions": [
+        "create"
+      ],
+      "expected": {
+        "overlay": null,
+        "data": {
+          "open": true,
+          "draft": "x"
+        }
+      }
+    },
+    {
+      "name": "a Form in an AlertDialog never auto-closes it",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "alert",
+            "component": "AlertDialog",
+            "props": {
+              "title": "Delete?",
+              "open": {
+                "path": "/open"
+              }
+            },
+            "children": [
+              {
+                "id": "f",
+                "component": "Form",
+                "props": {
+                  "name": "f"
+                },
+                "on": {
+                  "submit": {
+                    "event": {
+                      "name": "confirmName"
+                    }
+                  }
+                },
+                "children": [
+                  {
+                    "id": "f-title",
+                    "component": "Input",
+                    "props": {
+                      "name": "title",
+                      "label": "Title",
+                      "value": {
+                        "path": "/draft"
+                      }
+                    }
+                  },
+                  {
+                    "id": "f-go",
+                    "component": "Button",
+                    "props": {
+                      "label": "Create",
+                      "submit": true
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      "data": {
+        "open": true,
+        "draft": "x"
+      },
+      "form": "f",
+      "actions": [
+        "confirmName"
+      ],
+      "expected": {
+        "overlay": null,
+        "data": {
+          "open": true,
+          "draft": "x"
+        }
+      }
+    },
+    {
+      "name": "a Form outside any overlay closes nothing",
+      "input": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "f",
+            "component": "Form",
+            "props": {
+              "name": "f"
+            },
+            "on": {
+              "submit": {
+                "event": {
+                  "name": "create"
+                }
+              }
+            },
+            "children": [
+              {
+                "id": "f-title",
+                "component": "Input",
+                "props": {
+                  "name": "title",
+                  "label": "Title",
+                  "value": {
+                    "path": "/draft"
+                  }
+                }
+              },
+              {
+                "id": "f-go",
+                "component": "Button",
+                "props": {
+                  "label": "Create",
+                  "submit": true
+                }
+              }
+            ]
+          }
+        ]
+      },
+      "data": {
+        "draft": "x"
+      },
+      "form": "f",
+      "actions": [
+        "create"
+      ],
+      "expected": {
+        "overlay": null,
+        "data": {
+          "draft": "x"
+        }
+      }
+    }
+  ]
+}