@almadar/std 16.173.0 → 16.175.0

package/behaviors/registry/ui/learning/atoms/std-learn-doser.orb

@@ -0,0 +1,3678 @@
+{
+  "description": "Generic monotone-accumulation dosing instrument — the learner adds a quantity in large or small config-declared increments (or lets it auto-drip on its own inline clock) and watches an accumulated dose climb through a config-declared roster of bands/zones (thresholds, labels, colors all config), rendered as a reservoir/source vessel pair plus a dose-history trace on a canvas. Crossing into a terminal band is irreversible — done latches true and only Reset revives it. Standalone by default it renders its own control strip AND scene canvas; set showCanvas false to embed only the control strip (via @trait.<name>) beneath a composed sibling trait that owns the domain-accurate scene — see std-chem-titration for the transport-sibling shape. Behind a lab router set matchMode and it renders only when MODE_SELECTED matches.",
+  "ledger": {
+    "entries": {
+      "ent_01M0CGZ8SP7WAX9ZZT3E63FRWT": {
+        "bakedName": "DoserScene",
+        "curName": "DoserScene",
+        "id": "ent_01M0CGZ8SP7WAX9ZZT3E63FRWT",
+        "kind": "entity",
+        "owner": "workspace",
+        "renames": []
+      },
+      "evt_01M0CGZ8SP47VR9A9YFGEFRMH1": {
+        "bakedName": "ADD_LARGE",
+        "curName": "ADD_LARGE",
+        "id": "evt_01M0CGZ8SP47VR9A9YFGEFRMH1",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD",
+        "renames": []
+      },
+      "evt_01M0CGZ8SP7AZV95SQDK8RN1ZT": {
+        "bakedName": "TOGGLE_DRIP",
+        "curName": "TOGGLE_DRIP",
+        "id": "evt_01M0CGZ8SP7AZV95SQDK8RN1ZT",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD",
+        "renames": []
+      },
+      "evt_01M0CGZ8SP8J631040FCXA6CWV": {
+        "bakedName": "DOSE_RESET",
+        "curName": "DOSE_RESET",
+        "id": "evt_01M0CGZ8SP8J631040FCXA6CWV",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD",
+        "renames": []
+      },
+      "evt_01M0CGZ8SPACRAV5BKCG4WH64Y": {
+        "bakedName": "ADD_SMALL",
+        "curName": "ADD_SMALL",
+        "id": "evt_01M0CGZ8SPACRAV5BKCG4WH64Y",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD",
+        "renames": []
+      },
+      "evt_01M0CGZ8SPCJWD38ZCMJGGA4EF": {
+        "bakedName": "MODE_SELECTED",
+        "curName": "MODE_SELECTED",
+        "id": "evt_01M0CGZ8SPCJWD38ZCMJGGA4EF",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD",
+        "renames": []
+      },
+      "evt_01M0CGZ8SPH5C42ESXGKNMKQMQ": {
+        "bakedName": "INIT",
+        "curName": "INIT",
+        "id": "evt_01M0CGZ8SPH5C42ESXGKNMKQMQ",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD",
+        "renames": []
+      },
+      "evt_01M0CGZ8SPNYYB1MGF8J852CMC": {
+        "bakedName": "DOSE_ADDED",
+        "curName": "DOSE_ADDED",
+        "id": "evt_01M0CGZ8SPNYYB1MGF8J852CMC",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD",
+        "renames": []
+      },
+      "evt_01M0CGZ8SPY3RGTNR91KY2T7FK": {
+        "bakedName": "DOSER_UPDATED",
+        "curName": "DOSER_UPDATED",
+        "id": "evt_01M0CGZ8SPY3RGTNR91KY2T7FK",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD",
+        "renames": []
+      },
+      "evt_01M0CGZ8SPYR8QYSEEQF1PQ6D8": {
+        "bakedName": "RESET",
+        "curName": "RESET",
+        "id": "evt_01M0CGZ8SPYR8QYSEEQF1PQ6D8",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD",
+        "renames": []
+      },
+      "orb_01M0CGZ8SPVWFV0VMERY7EXKM3": {
+        "bakedName": "LearnDoserOrbital",
+        "curName": "LearnDoserOrbital",
+        "id": "orb_01M0CGZ8SPVWFV0VMERY7EXKM3",
+        "kind": "orbital",
+        "owner": "workspace",
+        "renames": []
+      },
+      "pag_01M0CGZ8SQMYB1J062HC0XSXFG": {
+        "bakedName": "LearnDoserPage",
+        "curName": "LearnDoserPage",
+        "id": "pag_01M0CGZ8SQMYB1J062HC0XSXFG",
+        "kind": "page",
+        "owner": "workspace",
+        "renames": []
+      },
+      "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD": {
+        "bakedName": "LearnDoserSim",
+        "curName": "LearnDoserSim",
+        "id": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD",
+        "kind": "trait",
+        "owner": "workspace",
+        "renames": []
+      }
+    },
+    "schemaVersion": 1
+  },
+  "name": "std-learn-doser",
+  "orbitals": [
+    {
+      "entity": {
+        "fields": [
+          {
+            "name": "id",
+            "required": true,
+            "type": "string"
+          },
+          {
+            "default": false,
+            "name": "active",
+            "type": "boolean"
+          },
+          {
+            "name": "title",
+            "type": "string"
+          },
+          {
+            "default": false,
+            "name": "done",
+            "type": "boolean"
+          },
+          {
+            "default": false,
+            "name": "running",
+            "type": "boolean"
+          },
+          {
+            "default": 0.0,
+            "name": "elapsedMs",
+            "type": "number"
+          },
+          {
+            "default": 0.0,
+            "name": "dose",
+            "type": "number"
+          },
+          {
+            "name": "bandLabel",
+            "type": "string"
+          },
+          {
+            "name": "bandColor",
+            "type": "string"
+          },
+          {
+            "name": "narration",
+            "type": "string"
+          },
+          {
+            "items": {
+              "properties": {
+                "divider": {
+                  "name": "divider",
+                  "required": false,
+                  "type": "string",
+                  "values": [
+                    "none",
+                    "solid",
+                    "dashed",
+                    "dotted"
+                  ]
+                },
+                "height": {
+                  "name": "height",
+                  "required": false,
+                  "type": "number"
+                },
+                "label": {
+                  "name": "label",
+                  "required": false,
+                  "type": "string"
+                },
+                "level": {
+                  "name": "level",
+                  "required": false,
+                  "type": "number"
+                },
+                "levelColor": {
+                  "name": "levelColor",
+                  "required": false,
+                  "type": "string"
+                },
+                "width": {
+                  "name": "width",
+                  "required": false,
+                  "type": "number"
+                },
+                "x": {
+                  "name": "x",
+                  "required": false,
+                  "type": "number"
+                },
+                "y": {
+                  "name": "y",
+                  "required": false,
+                  "type": "number"
+                }
+              },
+              "type": "object"
+            },
+            "name": "containers",
+            "type": "array"
+          },
+          {
+            "items": {
+              "properties": {
+                "label": {
+                  "name": "label",
+                  "required": false,
+                  "type": "string"
+                },
+                "value": {
+                  "name": "value",
+                  "required": false,
+                  "type": "string"
+                }
+              },
+              "type": "object"
+            },
+            "name": "readouts",
+            "type": "array"
+          },
+          {
+            "items": {
+              "properties": {
+                "x": {
+                  "name": "x",
+                  "required": true,
+                  "type": "number"
+                },
+                "y": {
+                  "name": "y",
+                  "required": true,
+                  "type": "number"
+                }
+              },
+              "type": "object"
+            },
+            "name": "doseSeries",
+            "type": "array"
+          }
+        ],
+        "id": "ent_01M0CGZ8SP7WAX9ZZT3E63FRWT",
+        "name": "DoserScene",
+        "persistence": "runtime",
+        "shared": true
+      },
+      "id": "orb_01M0CGZ8SPVWFV0VMERY7EXKM3",
+      "name": "LearnDoserOrbital",
+      "pages": [
+        {
+          "id": "pag_01M0CGZ8SQMYB1J062HC0XSXFG",
+          "name": "LearnDoserPage",
+          "path": "/learn-doser",
+          "traits": [
+            {
+              "ref": "LearnDoserSim",
+              "refId": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD"
+            }
+          ]
+        }
+      ],
+      "traits": [
+        {
+          "category": "interaction",
+          "config": {
+            "autoDrip": {
+              "default": false,
+              "description": "When true, INIT/MODE_SELECTED/Reset start the drip clock adding a small increment each interval; toggle live with the Auto-dose/Pause button.",
+              "label": "Auto Drip",
+              "tier": "domain",
+              "type": "boolean"
+            },
+            "backgroundColor": {
+              "default": "#fafafa",
+              "description": "Canvas background color.",
+              "label": "Background Color",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "bands": {
+              "default": [
+                {
+                  "color": "#94a3b8",
+                  "label": "Low",
+                  "terminal": false,
+                  "upperBound": 50.0
+                },
+                {
+                  "color": "#16a34a",
+                  "label": "High",
+                  "terminal": true,
+                  "upperBound": 999999999.0
+                }
+              ],
+              "description": "Ordered ascending roster of dose bands/zones — each carries the dose upper bound it covers, a label, a color, and whether crossing into it is terminal (irreversible; sets done true until Reset). The accumulated dose is classified into the first band whose upperBound it does not exceed, falling through to the last band beyond all bounds.",
+              "items": {
+                "properties": {
+                  "color": {
+                    "name": "color",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "terminal": {
+                    "name": "terminal",
+                    "required": false,
+                    "type": "boolean"
+                  },
+                  "upperBound": {
+                    "name": "upperBound",
+                    "required": true,
+                    "type": "number"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Bands",
+              "synonyms": "zone, band, threshold, region, stage, phase, tier",
+              "tier": "domain",
+              "type": "[DoserBand]"
+            },
+            "capacity": {
+              "default": 100.0,
+              "description": "Maximum total dose the source can deliver; the source vessel drains to empty and additions clamp once accumulated dose reaches this cap.",
+              "label": "Capacity",
+              "tier": "domain",
+              "type": "number"
+            },
+            "dripIntervalMs": {
+              "default": 500.0,
+              "description": "Milliseconds of running clock per auto-drip increment — the 32ms base tick accumulates elapsed time and adds a small step each time this interval elapses.",
+              "label": "Drip Interval (ms)",
+              "tier": "domain",
+              "type": "number"
+            },
+            "height": {
+              "default": 400.0,
+              "description": "Canvas height in pixels.",
+              "label": "Height",
+              "tier": "presentation",
+              "type": "number"
+            },
+            "historyLength": {
+              "default": 300.0,
+              "description": "Maximum points kept in the dose-history trace; older points drop off once exceeded.",
+              "label": "Dose History",
+              "tier": "domain",
+              "type": "number"
+            },
+            "matchMode": {
+              "default": "",
+              "description": "When composed behind a lab router, the MODE_SELECTED mode value this instrument responds to. Empty string means standalone — render immediately on INIT.",
+              "label": "Match Mode",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "quantityLabel": {
+              "default": "Dose",
+              "description": "Label used for the accumulated-quantity readout and in the narration line.",
+              "label": "Quantity Label",
+              "synonyms": "quantity, amount, dose, volume, level",
+              "tier": "domain",
+              "type": "string"
+            },
+            "reservoirLabel": {
+              "default": "Reservoir",
+              "description": "Label for the vessel that fills as dose accumulates.",
+              "label": "Reservoir Label",
+              "synonyms": "reservoir, beaker, tank, container, receiving vessel",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "showCanvas": {
+              "default": true,
+              "description": "When true (the default, standalone use) the instrument renders its own reservoir/source canvas and narration below the control strip. Set false when a domain sibling trait composes this atom via @rebindable and owns the accurate scene render itself — then only the control strip (add/drip/reset buttons) embeds via @trait.<name>, avoiding a duplicate canvas.",
+              "label": "Show Canvas",
+              "tier": "presentation",
+              "type": "boolean"
+            },
+            "sourceColor": {
+              "default": "#60a5fa",
+              "description": "Fill color for the source vessel.",
+              "label": "Source Color",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "sourceLabel": {
+              "default": "Source",
+              "description": "Label for the vessel that drains as dose is delivered from it.",
+              "label": "Source Label",
+              "synonyms": "source, burette, supply, dispenser",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "stepLarge": {
+              "default": 5.0,
+              "description": "Quantity added per press of the coarse add button.",
+              "label": "Large Step",
+              "tier": "domain",
+              "type": "number"
+            },
+            "stepSmall": {
+              "default": 1.0,
+              "description": "Quantity added per press of the fine add button, and per auto-drip tick — for precise control near a band boundary.",
+              "label": "Small Step",
+              "tier": "domain",
+              "type": "number"
+            },
+            "title": {
+              "default": "Doser",
+              "description": "Title shown above the instrument.",
+              "label": "Title",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "unit": {
+              "default": "",
+              "description": "Unit suffix appended to the step-size button labels (e.g. \"mL\", \"mg\", \"units\"); empty means no unit shown.",
+              "label": "Unit",
+              "tier": "domain",
+              "type": "string"
+            },
+            "width": {
+              "default": 600.0,
+              "description": "Canvas width in pixels.",
+              "label": "Width",
+              "tier": "presentation",
+              "type": "number"
+            },
+            "zoneReadoutLabel": {
+              "default": "Zone",
+              "description": "Label used for the current-band readout row.",
+              "label": "Zone Readout Label",
+              "tier": "presentation",
+              "type": "string"
+            }
+          },
+          "emits": [
+            {
+              "description": "Fires after every dose increase — from the small/large add buttons or an auto-drip tick — with the accumulated dose and its classified band. A composed sibling trait transitions on it to recompute a domain-specific response (e.g. a chemistry pH curve) and repaint the scene it owns. A harmless no-op when the atom runs standalone.",
+              "event": "DOSE_ADDED",
+              "eventId": "evt_01M0CGZ8SPNYYB1MGF8J852CMC",
+              "payloadSchema": [
+                {
+                  "name": "dose",
+                  "type": "number"
+                },
+                {
+                  "name": "bandLabel",
+                  "type": "string"
+                },
+                {
+                  "name": "bandColor",
+                  "type": "string"
+                },
+                {
+                  "name": "done",
+                  "type": "boolean"
+                }
+              ],
+              "scope": "external",
+              "synonyms": "dose added, increment, add, drip, titrant added, quantity added",
+              "tier": "domain"
+            },
+            {
+              "description": "Fires on Reset after the dose, band, and done flag re-zero. A composed sibling trait reseeds its own domain state from config on it. A harmless no-op when the atom runs standalone.",
+              "event": "DOSE_RESET",
+              "eventId": "evt_01M0CGZ8SP8J631040FCXA6CWV",
+              "scope": "external",
+              "synonyms": "reset, reseed, restart, clear",
+              "tier": "domain"
+            },
+            {
+              "description": "Fires on INIT/MODE_SELECTED/auto-drip toggle with the transport-level state — running flag, dose, current band, done — so a composed sibling trait can repaint its own shell. A harmless no-op when the atom runs standalone.",
+              "event": "DOSER_UPDATED",
+              "eventId": "evt_01M0CGZ8SPY3RGTNR91KY2T7FK",
+              "payloadSchema": [
+                {
+                  "name": "running",
+                  "type": "boolean"
+                },
+                {
+                  "name": "dose",
+                  "type": "number"
+                },
+                {
+                  "name": "bandLabel",
+                  "type": "string"
+                },
+                {
+                  "name": "done",
+                  "type": "boolean"
+                }
+              ],
+              "scope": "external",
+              "synonyms": "drip toggle, running state, auto-dose",
+              "tier": "domain"
+            }
+          ],
+          "entityContract": {
+            "provides": [
+              "active",
+              "bandColor",
+              "bandLabel",
+              "containers",
+              "done",
+              "dose",
+              "doseSeries",
+              "elapsedMs",
+              "narration",
+              "readouts",
+              "running",
+              "title"
+            ],
+            "requires": []
+          },
+          "entityRebindable": true,
+          "entityRefIds": {
+            "DoserScene": "ent_01M0CGZ8SP7WAX9ZZT3E63FRWT"
+          },
+          "id": "trt_01M0CGZ8SPD6WYV3H0J6SV7NBD",
+          "linkedEntity": "DoserScene",
+          "linkedEntityId": "ent_01M0CGZ8SP7WAX9ZZT3E63FRWT",
+          "name": "LearnDoserSim",
+          "scope": "instance",
+          "stateMachine": {
+            "events": [
+              {
+                "id": "evt_01M0CGZ8SPH5C42ESXGKNMKQMQ",
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "description": "Lab router broadcast naming the active mode; this instrument renders when the mode equals matchMode, otherwise renders null.",
+                "id": "evt_01M0CGZ8SPCJWD38ZCMJGGA4EF",
+                "key": "MODE_SELECTED",
+                "name": "Mode Selected",
+                "payloadSchema": [
+                  {
+                    "name": "mode",
+                    "type": "string"
+                  }
+                ],
+                "tier": "domain"
+              },
+              {
+                "id": "evt_01M0CGZ8SPACRAV5BKCG4WH64Y",
+                "key": "ADD_SMALL",
+                "name": "Add Small"
+              },
+              {
+                "id": "evt_01M0CGZ8SP47VR9A9YFGEFRMH1",
+                "key": "ADD_LARGE",
+                "name": "Add Large"
+              },
+              {
+                "id": "evt_01M0CGZ8SP7AZV95SQDK8RN1ZT",
+                "key": "TOGGLE_DRIP",
+                "name": "Toggle Drip"
+              },
+              {
+                "id": "evt_01M0CGZ8SPYR8QYSEEQF1PQ6D8",
+                "key": "RESET",
+                "name": "Reset"
+              },
+              {
+                "description": "Fires after every dose increase — from the small/large add buttons or an auto-drip tick — with the accumulated dose and its classified band. A composed sibling trait transitions on it to recompute a domain-specific response (e.g. a chemistry pH curve) and repaint the scene it owns. A harmless no-op when the atom runs standalone.",
+                "id": "evt_01M0CGZ8SPNYYB1MGF8J852CMC",
+                "key": "DOSE_ADDED",
+                "name": "Dose Added",
+                "payloadSchema": [
+                  {
+                    "name": "dose",
+                    "type": "number"
+                  },
+                  {
+                    "name": "bandLabel",
+                    "type": "string"
+                  },
+                  {
+                    "name": "bandColor",
+                    "type": "string"
+                  },
+                  {
+                    "name": "done",
+                    "type": "boolean"
+                  }
+                ],
+                "synonyms": "dose added, increment, add, drip, titrant added, quantity added",
+                "tier": "domain"
+              },
+              {
+                "description": "Fires on Reset after the dose, band, and done flag re-zero. A composed sibling trait reseeds its own domain state from config on it. A harmless no-op when the atom runs standalone.",
+                "id": "evt_01M0CGZ8SP8J631040FCXA6CWV",
+                "key": "DOSE_RESET",
+                "name": "Dose Reset",
+                "synonyms": "reset, reseed, restart, clear",
+                "tier": "domain"
+              },
+              {
+                "description": "Fires on INIT/MODE_SELECTED/auto-drip toggle with the transport-level state — running flag, dose, current band, done — so a composed sibling trait can repaint its own shell. A harmless no-op when the atom runs standalone.",
+                "id": "evt_01M0CGZ8SPY3RGTNR91KY2T7FK",
+                "key": "DOSER_UPDATED",
+                "name": "Doser Updated",
+                "payloadSchema": [
+                  {
+                    "name": "running",
+                    "type": "boolean"
+                  },
+                  {
+                    "name": "dose",
+                    "type": "number"
+                  },
+                  {
+                    "name": "bandLabel",
+                    "type": "string"
+                  },
+                  {
+                    "name": "done",
+                    "type": "boolean"
+                  }
+                ],
+                "synonyms": "drip toggle, running state, auto-dose",
+                "tier": "domain"
+              }
+            ],
+            "states": [
+              {
+                "isInitial": true,
+                "name": "idle"
+              }
+            ],
+            "transitions": [
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.active",
+                    true
+                  ],
+                  [
+                    "set",
+                    "@entity.title",
+                    "@config.title"
+                  ],
+                  [
+                    "set",
+                    "@entity.dose",
+                    0.0
+                  ],
+                  [
+                    "set",
+                    "@entity.done",
+                    false
+                  ],
+                  [
+                    "set",
+                    "@entity.running",
+                    "@config.autoDrip"
+                  ],
+                  [
+                    "set",
+                    "@entity.elapsedMs",
+                    0.0
+                  ],
+                  [
+                    "let",
+                    [
+                      [
+                        "matched",
+                        [
+                          "array/filter",
+                          "@config.bands",
+                          [
+                            "fn",
+                            "b",
+                            [
+                              "<=",
+                              "@entity.dose",
+                              [
+                                "object/get",
+                                "@b",
+                                "upperBound"
+                              ]
+                            ]
+                          ]
+                        ]
+                      ],
+                      [
+                        "band",
+                        [
+                          "if",
+                          [
+                            ">",
+                            [
+                              "array/len",
+                              "@matched"
+                            ],
+                            0.0
+                          ],
+                          [
+                            "array/first",
+                            "@matched"
+                          ],
+                          [
+                            "array/nth",
+                            "@config.bands",
+                            [
+                              "-",
+                              [
+                                "array/len",
+                                "@config.bands"
+                              ],
+                              1.0
+                            ]
+                          ]
+                        ]
+                      ]
+                    ],
+                    [
+                      "do",
+                      [
+                        "set",
+                        "@entity.bandLabel",
+                        [
+                          "object/get",
+                          "@band",
+                          "label"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.bandColor",
+                        [
+                          "object/get",
+                          "@band",
+                          "color"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.done",
+                        [
+                          "if",
+                          [
+                            "object/get",
+                            "@band",
+                            "terminal",
+                            false
+                          ],
+                          true,
+                          "@entity.done"
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.containers",
+                    [
+                      {
+                        "divider": "none",
+                        "height": [
+                          "*",
+                          "@config.height",
+                          0.6
+                        ],
+                        "label": "@config.reservoirLabel",
+                        "level": [
+                          "math/clamp",
+                          [
+                            "/",
+                            "@entity.dose",
+                            "@config.capacity"
+                          ],
+                          0.0,
+                          1.0
+                        ],
+                        "levelColor": "@entity.bandColor",
+                        "width": [
+                          "*",
+                          "@config.width",
+                          0.28
+                        ],
+                        "x": [
+                          "*",
+                          "@config.width",
+                          0.12
+                        ],
+                        "y": [
+                          "*",
+                          "@config.height",
+                          0.3
+                        ]
+                      },
+                      {
+                        "divider": "none",
+                        "height": [
+                          "*",
+                          "@config.height",
+                          0.55
+                        ],
+                        "label": "@config.sourceLabel",
+                        "level": [
+                          "math/clamp",
+                          [
+                            "/",
+                            [
+                              "-",
+                              "@config.capacity",
+                              "@entity.dose"
+                            ],
+                            "@config.capacity"
+                          ],
+                          0.0,
+                          1.0
+                        ],
+                        "levelColor": "@config.sourceColor",
+                        "width": [
+                          "*",
+                          "@config.width",
+                          0.06
+                        ],
+                        "x": [
+                          "*",
+                          "@config.width",
+                          0.58
+                        ],
+                        "y": [
+                          "*",
+                          "@config.height",
+                          0.05
+                        ]
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.readouts",
+                    [
+                      {
+                        "label": "@config.quantityLabel",
+                        "value": [
+                          "str/concat",
+                          "",
+                          [
+                            "math/round",
+                            "@entity.dose",
+                            2.0
+                          ]
+                        ]
+                      },
+                      {
+                        "label": "@config.zoneReadoutLabel",
+                        "value": "@entity.bandLabel"
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.doseSeries",
+                    [
+                      {
+                        "x": 0.0,
+                        "y": "@entity.dose"
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.narration",
+                    [
+                      "str/concat",
+                      "@config.quantityLabel",
+                      [
+                        "str/concat",
+                        " at ",
+                        [
+                          "str/concat",
+                          [
+                            "str/concat",
+                            "",
+                            [
+                              "math/round",
+                              "@entity.dose",
+                              2.0
+                            ]
+                          ],
+                          [
+                            "str/concat",
+                            " — ",
+                            "@entity.bandLabel"
+                          ]
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "if",
+                    "@config.showCanvas",
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              },
+                              {
+                                "backgroundColor": "@config.backgroundColor",
+                                "containers": "@entity.containers",
+                                "height": "@config.height",
+                                "readouts": "@entity.readouts",
+                                "traces": [
+                                  {
+                                    "series": [
+                                      {
+                                        "label": "@config.quantityLabel",
+                                        "samples": "@entity.doseSeries"
+                                      }
+                                    ],
+                                    "xLabel": "step",
+                                    "yLabel": "@config.quantityLabel"
+                                  }
+                                ],
+                                "type": "chemistry-canvas",
+                                "width": "@config.width"
+                              },
+                              {
+                                "content": "@entity.narration",
+                                "type": "typography",
+                                "variant": "body"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ],
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ]
+                  ],
+                  [
+                    "emit",
+                    "DOSER_UPDATED",
+                    {
+                      "bandLabel": "@entity.bandLabel",
+                      "done": "@entity.done",
+                      "dose": "@entity.dose",
+                      "running": "@entity.running"
+                    }
+                  ]
+                ],
+                "event": "INIT",
+                "eventId": "evt_01M0CGZ8SPH5C42ESXGKNMKQMQ",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@config.matchMode",
+                  ""
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.active",
+                    true
+                  ],
+                  [
+                    "set",
+                    "@entity.title",
+                    "@config.title"
+                  ],
+                  [
+                    "set",
+                    "@entity.dose",
+                    0.0
+                  ],
+                  [
+                    "set",
+                    "@entity.done",
+                    false
+                  ],
+                  [
+                    "set",
+                    "@entity.running",
+                    "@config.autoDrip"
+                  ],
+                  [
+                    "set",
+                    "@entity.elapsedMs",
+                    0.0
+                  ],
+                  [
+                    "let",
+                    [
+                      [
+                        "matched",
+                        [
+                          "array/filter",
+                          "@config.bands",
+                          [
+                            "fn",
+                            "b",
+                            [
+                              "<=",
+                              "@entity.dose",
+                              [
+                                "object/get",
+                                "@b",
+                                "upperBound"
+                              ]
+                            ]
+                          ]
+                        ]
+                      ],
+                      [
+                        "band",
+                        [
+                          "if",
+                          [
+                            ">",
+                            [
+                              "array/len",
+                              "@matched"
+                            ],
+                            0.0
+                          ],
+                          [
+                            "array/first",
+                            "@matched"
+                          ],
+                          [
+                            "array/nth",
+                            "@config.bands",
+                            [
+                              "-",
+                              [
+                                "array/len",
+                                "@config.bands"
+                              ],
+                              1.0
+                            ]
+                          ]
+                        ]
+                      ]
+                    ],
+                    [
+                      "do",
+                      [
+                        "set",
+                        "@entity.bandLabel",
+                        [
+                          "object/get",
+                          "@band",
+                          "label"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.bandColor",
+                        [
+                          "object/get",
+                          "@band",
+                          "color"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.done",
+                        [
+                          "if",
+                          [
+                            "object/get",
+                            "@band",
+                            "terminal",
+                            false
+                          ],
+                          true,
+                          "@entity.done"
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.containers",
+                    [
+                      {
+                        "divider": "none",
+                        "height": [
+                          "*",
+                          "@config.height",
+                          0.6
+                        ],
+                        "label": "@config.reservoirLabel",
+                        "level": [
+                          "math/clamp",
+                          [
+                            "/",
+                            "@entity.dose",
+                            "@config.capacity"
+                          ],
+                          0.0,
+                          1.0
+                        ],
+                        "levelColor": "@entity.bandColor",
+                        "width": [
+                          "*",
+                          "@config.width",
+                          0.28
+                        ],
+                        "x": [
+                          "*",
+                          "@config.width",
+                          0.12
+                        ],
+                        "y": [
+                          "*",
+                          "@config.height",
+                          0.3
+                        ]
+                      },
+                      {
+                        "divider": "none",
+                        "height": [
+                          "*",
+                          "@config.height",
+                          0.55
+                        ],
+                        "label": "@config.sourceLabel",
+                        "level": [
+                          "math/clamp",
+                          [
+                            "/",
+                            [
+                              "-",
+                              "@config.capacity",
+                              "@entity.dose"
+                            ],
+                            "@config.capacity"
+                          ],
+                          0.0,
+                          1.0
+                        ],
+                        "levelColor": "@config.sourceColor",
+                        "width": [
+                          "*",
+                          "@config.width",
+                          0.06
+                        ],
+                        "x": [
+                          "*",
+                          "@config.width",
+                          0.58
+                        ],
+                        "y": [
+                          "*",
+                          "@config.height",
+                          0.05
+                        ]
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.readouts",
+                    [
+                      {
+                        "label": "@config.quantityLabel",
+                        "value": [
+                          "str/concat",
+                          "",
+                          [
+                            "math/round",
+                            "@entity.dose",
+                            2.0
+                          ]
+                        ]
+                      },
+                      {
+                        "label": "@config.zoneReadoutLabel",
+                        "value": "@entity.bandLabel"
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.doseSeries",
+                    [
+                      {
+                        "x": 0.0,
+                        "y": "@entity.dose"
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.narration",
+                    [
+                      "str/concat",
+                      "@config.quantityLabel",
+                      [
+                        "str/concat",
+                        " at ",
+                        [
+                          "str/concat",
+                          [
+                            "str/concat",
+                            "",
+                            [
+                              "math/round",
+                              "@entity.dose",
+                              2.0
+                            ]
+                          ],
+                          [
+                            "str/concat",
+                            " — ",
+                            "@entity.bandLabel"
+                          ]
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "if",
+                    "@config.showCanvas",
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              },
+                              {
+                                "backgroundColor": "@config.backgroundColor",
+                                "containers": "@entity.containers",
+                                "height": "@config.height",
+                                "readouts": "@entity.readouts",
+                                "traces": [
+                                  {
+                                    "series": [
+                                      {
+                                        "label": "@config.quantityLabel",
+                                        "samples": "@entity.doseSeries"
+                                      }
+                                    ],
+                                    "xLabel": "step",
+                                    "yLabel": "@config.quantityLabel"
+                                  }
+                                ],
+                                "type": "chemistry-canvas",
+                                "width": "@config.width"
+                              },
+                              {
+                                "content": "@entity.narration",
+                                "type": "typography",
+                                "variant": "body"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ],
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ]
+                  ],
+                  [
+                    "emit",
+                    "DOSER_UPDATED",
+                    {
+                      "bandLabel": "@entity.bandLabel",
+                      "done": "@entity.done",
+                      "dose": "@entity.dose",
+                      "running": "@entity.running"
+                    }
+                  ]
+                ],
+                "event": "MODE_SELECTED",
+                "eventId": "evt_01M0CGZ8SPCJWD38ZCMJGGA4EF",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@payload.mode",
+                  "@config.matchMode"
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.dose",
+                    [
+                      "math/min",
+                      [
+                        "+",
+                        "@entity.dose",
+                        "@config.stepSmall"
+                      ],
+                      "@config.capacity"
+                    ]
+                  ],
+                  [
+                    "let",
+                    [
+                      [
+                        "matched",
+                        [
+                          "array/filter",
+                          "@config.bands",
+                          [
+                            "fn",
+                            "b",
+                            [
+                              "<=",
+                              "@entity.dose",
+                              [
+                                "object/get",
+                                "@b",
+                                "upperBound"
+                              ]
+                            ]
+                          ]
+                        ]
+                      ],
+                      [
+                        "band",
+                        [
+                          "if",
+                          [
+                            ">",
+                            [
+                              "array/len",
+                              "@matched"
+                            ],
+                            0.0
+                          ],
+                          [
+                            "array/first",
+                            "@matched"
+                          ],
+                          [
+                            "array/nth",
+                            "@config.bands",
+                            [
+                              "-",
+                              [
+                                "array/len",
+                                "@config.bands"
+                              ],
+                              1.0
+                            ]
+                          ]
+                        ]
+                      ]
+                    ],
+                    [
+                      "do",
+                      [
+                        "set",
+                        "@entity.bandLabel",
+                        [
+                          "object/get",
+                          "@band",
+                          "label"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.bandColor",
+                        [
+                          "object/get",
+                          "@band",
+                          "color"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.done",
+                        [
+                          "if",
+                          [
+                            "object/get",
+                            "@band",
+                            "terminal",
+                            false
+                          ],
+                          true,
+                          "@entity.done"
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.containers",
+                    [
+                      {
+                        "divider": "none",
+                        "height": [
+                          "*",
+                          "@config.height",
+                          0.6
+                        ],
+                        "label": "@config.reservoirLabel",
+                        "level": [
+                          "math/clamp",
+                          [
+                            "/",
+                            "@entity.dose",
+                            "@config.capacity"
+                          ],
+                          0.0,
+                          1.0
+                        ],
+                        "levelColor": "@entity.bandColor",
+                        "width": [
+                          "*",
+                          "@config.width",
+                          0.28
+                        ],
+                        "x": [
+                          "*",
+                          "@config.width",
+                          0.12
+                        ],
+                        "y": [
+                          "*",
+                          "@config.height",
+                          0.3
+                        ]
+                      },
+                      {
+                        "divider": "none",
+                        "height": [
+                          "*",
+                          "@config.height",
+                          0.55
+                        ],
+                        "label": "@config.sourceLabel",
+                        "level": [
+                          "math/clamp",
+                          [
+                            "/",
+                            [
+                              "-",
+                              "@config.capacity",
+                              "@entity.dose"
+                            ],
+                            "@config.capacity"
+                          ],
+                          0.0,
+                          1.0
+                        ],
+                        "levelColor": "@config.sourceColor",
+                        "width": [
+                          "*",
+                          "@config.width",
+                          0.06
+                        ],
+                        "x": [
+                          "*",
+                          "@config.width",
+                          0.58
+                        ],
+                        "y": [
+                          "*",
+                          "@config.height",
+                          0.05
+                        ]
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.readouts",
+                    [
+                      {
+                        "label": "@config.quantityLabel",
+                        "value": [
+                          "str/concat",
+                          "",
+                          [
+                            "math/round",
+                            "@entity.dose",
+                            2.0
+                          ]
+                        ]
+                      },
+                      {
+                        "label": "@config.zoneReadoutLabel",
+                        "value": "@entity.bandLabel"
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.doseSeries",
+                    [
+                      "array/takeLast",
+                      [
+                        "array/append",
+                        "@entity.doseSeries",
+                        {
+                          "x": [
+                            "array/len",
+                            "@entity.doseSeries"
+                          ],
+                          "y": "@entity.dose"
+                        }
+                      ],
+                      "@config.historyLength"
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.narration",
+                    [
+                      "str/concat",
+                      "@config.quantityLabel",
+                      [
+                        "str/concat",
+                        " at ",
+                        [
+                          "str/concat",
+                          [
+                            "str/concat",
+                            "",
+                            [
+                              "math/round",
+                              "@entity.dose",
+                              2.0
+                            ]
+                          ],
+                          [
+                            "str/concat",
+                            " — ",
+                            [
+                              "str/concat",
+                              "@entity.bandLabel",
+                              [
+                                "if",
+                                "@entity.done",
+                                " — locked",
+                                [
+                                  "if",
+                                  "@entity.running",
+                                  " — auto-dosing",
+                                  " — ready"
+                                ]
+                              ]
+                            ]
+                          ]
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "if",
+                    "@config.showCanvas",
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              },
+                              {
+                                "backgroundColor": "@config.backgroundColor",
+                                "containers": "@entity.containers",
+                                "height": "@config.height",
+                                "readouts": "@entity.readouts",
+                                "traces": [
+                                  {
+                                    "series": [
+                                      {
+                                        "label": "@config.quantityLabel",
+                                        "samples": "@entity.doseSeries"
+                                      }
+                                    ],
+                                    "xLabel": "step",
+                                    "yLabel": "@config.quantityLabel"
+                                  }
+                                ],
+                                "type": "chemistry-canvas",
+                                "width": "@config.width"
+                              },
+                              {
+                                "content": "@entity.narration",
+                                "type": "typography",
+                                "variant": "body"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ],
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ]
+                  ],
+                  [
+                    "emit",
+                    "DOSE_ADDED",
+                    {
+                      "bandColor": "@entity.bandColor",
+                      "bandLabel": "@entity.bandLabel",
+                      "done": "@entity.done",
+                      "dose": "@entity.dose"
+                    }
+                  ]
+                ],
+                "event": "ADD_SMALL",
+                "eventId": "evt_01M0CGZ8SPACRAV5BKCG4WH64Y",
+                "from": "idle",
+                "guard": [
+                  "and",
+                  [
+                    "==",
+                    "@entity.active",
+                    true
+                  ],
+                  [
+                    "==",
+                    "@entity.done",
+                    false
+                  ]
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.dose",
+                    [
+                      "math/min",
+                      [
+                        "+",
+                        "@entity.dose",
+                        "@config.stepLarge"
+                      ],
+                      "@config.capacity"
+                    ]
+                  ],
+                  [
+                    "let",
+                    [
+                      [
+                        "matched",
+                        [
+                          "array/filter",
+                          "@config.bands",
+                          [
+                            "fn",
+                            "b",
+                            [
+                              "<=",
+                              "@entity.dose",
+                              [
+                                "object/get",
+                                "@b",
+                                "upperBound"
+                              ]
+                            ]
+                          ]
+                        ]
+                      ],
+                      [
+                        "band",
+                        [
+                          "if",
+                          [
+                            ">",
+                            [
+                              "array/len",
+                              "@matched"
+                            ],
+                            0.0
+                          ],
+                          [
+                            "array/first",
+                            "@matched"
+                          ],
+                          [
+                            "array/nth",
+                            "@config.bands",
+                            [
+                              "-",
+                              [
+                                "array/len",
+                                "@config.bands"
+                              ],
+                              1.0
+                            ]
+                          ]
+                        ]
+                      ]
+                    ],
+                    [
+                      "do",
+                      [
+                        "set",
+                        "@entity.bandLabel",
+                        [
+                          "object/get",
+                          "@band",
+                          "label"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.bandColor",
+                        [
+                          "object/get",
+                          "@band",
+                          "color"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.done",
+                        [
+                          "if",
+                          [
+                            "object/get",
+                            "@band",
+                            "terminal",
+                            false
+                          ],
+                          true,
+                          "@entity.done"
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.containers",
+                    [
+                      {
+                        "divider": "none",
+                        "height": [
+                          "*",
+                          "@config.height",
+                          0.6
+                        ],
+                        "label": "@config.reservoirLabel",
+                        "level": [
+                          "math/clamp",
+                          [
+                            "/",
+                            "@entity.dose",
+                            "@config.capacity"
+                          ],
+                          0.0,
+                          1.0
+                        ],
+                        "levelColor": "@entity.bandColor",
+                        "width": [
+                          "*",
+                          "@config.width",
+                          0.28
+                        ],
+                        "x": [
+                          "*",
+                          "@config.width",
+                          0.12
+                        ],
+                        "y": [
+                          "*",
+                          "@config.height",
+                          0.3
+                        ]
+                      },
+                      {
+                        "divider": "none",
+                        "height": [
+                          "*",
+                          "@config.height",
+                          0.55
+                        ],
+                        "label": "@config.sourceLabel",
+                        "level": [
+                          "math/clamp",
+                          [
+                            "/",
+                            [
+                              "-",
+                              "@config.capacity",
+                              "@entity.dose"
+                            ],
+                            "@config.capacity"
+                          ],
+                          0.0,
+                          1.0
+                        ],
+                        "levelColor": "@config.sourceColor",
+                        "width": [
+                          "*",
+                          "@config.width",
+                          0.06
+                        ],
+                        "x": [
+                          "*",
+                          "@config.width",
+                          0.58
+                        ],
+                        "y": [
+                          "*",
+                          "@config.height",
+                          0.05
+                        ]
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.readouts",
+                    [
+                      {
+                        "label": "@config.quantityLabel",
+                        "value": [
+                          "str/concat",
+                          "",
+                          [
+                            "math/round",
+                            "@entity.dose",
+                            2.0
+                          ]
+                        ]
+                      },
+                      {
+                        "label": "@config.zoneReadoutLabel",
+                        "value": "@entity.bandLabel"
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.doseSeries",
+                    [
+                      "array/takeLast",
+                      [
+                        "array/append",
+                        "@entity.doseSeries",
+                        {
+                          "x": [
+                            "array/len",
+                            "@entity.doseSeries"
+                          ],
+                          "y": "@entity.dose"
+                        }
+                      ],
+                      "@config.historyLength"
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.narration",
+                    [
+                      "str/concat",
+                      "@config.quantityLabel",
+                      [
+                        "str/concat",
+                        " at ",
+                        [
+                          "str/concat",
+                          [
+                            "str/concat",
+                            "",
+                            [
+                              "math/round",
+                              "@entity.dose",
+                              2.0
+                            ]
+                          ],
+                          [
+                            "str/concat",
+                            " — ",
+                            [
+                              "str/concat",
+                              "@entity.bandLabel",
+                              [
+                                "if",
+                                "@entity.done",
+                                " — locked",
+                                [
+                                  "if",
+                                  "@entity.running",
+                                  " — auto-dosing",
+                                  " — ready"
+                                ]
+                              ]
+                            ]
+                          ]
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "if",
+                    "@config.showCanvas",
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              },
+                              {
+                                "backgroundColor": "@config.backgroundColor",
+                                "containers": "@entity.containers",
+                                "height": "@config.height",
+                                "readouts": "@entity.readouts",
+                                "traces": [
+                                  {
+                                    "series": [
+                                      {
+                                        "label": "@config.quantityLabel",
+                                        "samples": "@entity.doseSeries"
+                                      }
+                                    ],
+                                    "xLabel": "step",
+                                    "yLabel": "@config.quantityLabel"
+                                  }
+                                ],
+                                "type": "chemistry-canvas",
+                                "width": "@config.width"
+                              },
+                              {
+                                "content": "@entity.narration",
+                                "type": "typography",
+                                "variant": "body"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ],
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ]
+                  ],
+                  [
+                    "emit",
+                    "DOSE_ADDED",
+                    {
+                      "bandColor": "@entity.bandColor",
+                      "bandLabel": "@entity.bandLabel",
+                      "done": "@entity.done",
+                      "dose": "@entity.dose"
+                    }
+                  ]
+                ],
+                "event": "ADD_LARGE",
+                "eventId": "evt_01M0CGZ8SP47VR9A9YFGEFRMH1",
+                "from": "idle",
+                "guard": [
+                  "and",
+                  [
+                    "==",
+                    "@entity.active",
+                    true
+                  ],
+                  [
+                    "==",
+                    "@entity.done",
+                    false
+                  ]
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.running",
+                    [
+                      "not",
+                      "@entity.running"
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.elapsedMs",
+                    0.0
+                  ],
+                  [
+                    "if",
+                    "@config.showCanvas",
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              },
+                              {
+                                "backgroundColor": "@config.backgroundColor",
+                                "containers": "@entity.containers",
+                                "height": "@config.height",
+                                "readouts": "@entity.readouts",
+                                "traces": [
+                                  {
+                                    "series": [
+                                      {
+                                        "label": "@config.quantityLabel",
+                                        "samples": "@entity.doseSeries"
+                                      }
+                                    ],
+                                    "xLabel": "step",
+                                    "yLabel": "@config.quantityLabel"
+                                  }
+                                ],
+                                "type": "chemistry-canvas",
+                                "width": "@config.width"
+                              },
+                              {
+                                "content": "@entity.narration",
+                                "type": "typography",
+                                "variant": "body"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ],
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ]
+                  ],
+                  [
+                    "emit",
+                    "DOSER_UPDATED",
+                    {
+                      "bandLabel": "@entity.bandLabel",
+                      "done": "@entity.done",
+                      "dose": "@entity.dose",
+                      "running": "@entity.running"
+                    }
+                  ]
+                ],
+                "event": "TOGGLE_DRIP",
+                "eventId": "evt_01M0CGZ8SP7AZV95SQDK8RN1ZT",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@entity.active",
+                  true
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.title",
+                    "@config.title"
+                  ],
+                  [
+                    "set",
+                    "@entity.dose",
+                    0.0
+                  ],
+                  [
+                    "set",
+                    "@entity.done",
+                    false
+                  ],
+                  [
+                    "set",
+                    "@entity.running",
+                    "@config.autoDrip"
+                  ],
+                  [
+                    "set",
+                    "@entity.elapsedMs",
+                    0.0
+                  ],
+                  [
+                    "let",
+                    [
+                      [
+                        "matched",
+                        [
+                          "array/filter",
+                          "@config.bands",
+                          [
+                            "fn",
+                            "b",
+                            [
+                              "<=",
+                              "@entity.dose",
+                              [
+                                "object/get",
+                                "@b",
+                                "upperBound"
+                              ]
+                            ]
+                          ]
+                        ]
+                      ],
+                      [
+                        "band",
+                        [
+                          "if",
+                          [
+                            ">",
+                            [
+                              "array/len",
+                              "@matched"
+                            ],
+                            0.0
+                          ],
+                          [
+                            "array/first",
+                            "@matched"
+                          ],
+                          [
+                            "array/nth",
+                            "@config.bands",
+                            [
+                              "-",
+                              [
+                                "array/len",
+                                "@config.bands"
+                              ],
+                              1.0
+                            ]
+                          ]
+                        ]
+                      ]
+                    ],
+                    [
+                      "do",
+                      [
+                        "set",
+                        "@entity.bandLabel",
+                        [
+                          "object/get",
+                          "@band",
+                          "label"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.bandColor",
+                        [
+                          "object/get",
+                          "@band",
+                          "color"
+                        ]
+                      ],
+                      [
+                        "set",
+                        "@entity.done",
+                        [
+                          "if",
+                          [
+                            "object/get",
+                            "@band",
+                            "terminal",
+                            false
+                          ],
+                          true,
+                          "@entity.done"
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.containers",
+                    [
+                      {
+                        "divider": "none",
+                        "height": [
+                          "*",
+                          "@config.height",
+                          0.6
+                        ],
+                        "label": "@config.reservoirLabel",
+                        "level": [
+                          "math/clamp",
+                          [
+                            "/",
+                            "@entity.dose",
+                            "@config.capacity"
+                          ],
+                          0.0,
+                          1.0
+                        ],
+                        "levelColor": "@entity.bandColor",
+                        "width": [
+                          "*",
+                          "@config.width",
+                          0.28
+                        ],
+                        "x": [
+                          "*",
+                          "@config.width",
+                          0.12
+                        ],
+                        "y": [
+                          "*",
+                          "@config.height",
+                          0.3
+                        ]
+                      },
+                      {
+                        "divider": "none",
+                        "height": [
+                          "*",
+                          "@config.height",
+                          0.55
+                        ],
+                        "label": "@config.sourceLabel",
+                        "level": [
+                          "math/clamp",
+                          [
+                            "/",
+                            [
+                              "-",
+                              "@config.capacity",
+                              "@entity.dose"
+                            ],
+                            "@config.capacity"
+                          ],
+                          0.0,
+                          1.0
+                        ],
+                        "levelColor": "@config.sourceColor",
+                        "width": [
+                          "*",
+                          "@config.width",
+                          0.06
+                        ],
+                        "x": [
+                          "*",
+                          "@config.width",
+                          0.58
+                        ],
+                        "y": [
+                          "*",
+                          "@config.height",
+                          0.05
+                        ]
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.readouts",
+                    [
+                      {
+                        "label": "@config.quantityLabel",
+                        "value": [
+                          "str/concat",
+                          "",
+                          [
+                            "math/round",
+                            "@entity.dose",
+                            2.0
+                          ]
+                        ]
+                      },
+                      {
+                        "label": "@config.zoneReadoutLabel",
+                        "value": "@entity.bandLabel"
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.doseSeries",
+                    [
+                      {
+                        "x": 0.0,
+                        "y": "@entity.dose"
+                      }
+                    ]
+                  ],
+                  [
+                    "set",
+                    "@entity.narration",
+                    [
+                      "str/concat",
+                      "@config.quantityLabel",
+                      [
+                        "str/concat",
+                        " at ",
+                        [
+                          "str/concat",
+                          [
+                            "str/concat",
+                            "",
+                            [
+                              "math/round",
+                              "@entity.dose",
+                              2.0
+                            ]
+                          ],
+                          [
+                            "str/concat",
+                            " — ",
+                            "@entity.bandLabel"
+                          ]
+                        ]
+                      ]
+                    ]
+                  ],
+                  [
+                    "if",
+                    "@config.showCanvas",
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              },
+                              {
+                                "backgroundColor": "@config.backgroundColor",
+                                "containers": "@entity.containers",
+                                "height": "@config.height",
+                                "readouts": "@entity.readouts",
+                                "traces": [
+                                  {
+                                    "series": [
+                                      {
+                                        "label": "@config.quantityLabel",
+                                        "samples": "@entity.doseSeries"
+                                      }
+                                    ],
+                                    "xLabel": "step",
+                                    "yLabel": "@config.quantityLabel"
+                                  }
+                                ],
+                                "type": "chemistry-canvas",
+                                "width": "@config.width"
+                              },
+                              {
+                                "content": "@entity.narration",
+                                "type": "typography",
+                                "variant": "body"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ],
+                    [
+                      "render-ui",
+                      "main",
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "content": "@entity.title",
+                                "type": "typography",
+                                "variant": "h4"
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "action": "ADD_SMALL",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepSmall"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "ADD_LARGE",
+                                    "label": [
+                                      "str/concat",
+                                      "+ ",
+                                      [
+                                        "str/concat",
+                                        [
+                                          "str/concat",
+                                          "",
+                                          "@config.stepLarge"
+                                        ],
+                                        [
+                                          "if",
+                                          [
+                                            "==",
+                                            "@config.unit",
+                                            ""
+                                          ],
+                                          "",
+                                          [
+                                            "str/concat",
+                                            " ",
+                                            "@config.unit"
+                                          ]
+                                        ]
+                                      ]
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_DRIP",
+                                    "label": [
+                                      "if",
+                                      "@entity.running",
+                                      "Pause",
+                                      "Auto-dose"
+                                    ],
+                                    "type": "button",
+                                    "variant": "secondary"
+                                  },
+                                  {
+                                    "action": "RESET",
+                                    "label": "Reset",
+                                    "type": "button",
+                                    "variant": "ghost"
+                                  }
+                                ],
+                                "direction": "horizontal",
+                                "gap": "sm",
+                                "type": "stack"
+                              }
+                            ],
+                            "direction": "vertical",
+                            "gap": "md",
+                            "type": "stack"
+                          }
+                        ],
+                        "padding": "md",
+                        "type": "box"
+                      }
+                    ]
+                  ],
+                  [
+                    "emit",
+                    "DOSE_RESET",
+                    {}
+                  ]
+                ],
+                "event": "RESET",
+                "eventId": "evt_01M0CGZ8SPYR8QYSEEQF1PQ6D8",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@entity.active",
+                  true
+                ],
+                "to": "idle"
+              }
+            ]
+          },
+          "ticks": [
+            {
+              "effects": [
+                [
+                  "set",
+                  "@entity.elapsedMs",
+                  [
+                    "+",
+                    "@entity.elapsedMs",
+                    32.0
+                  ]
+                ],
+                [
+                  "when",
+                  [
+                    ">=",
+                    "@entity.elapsedMs",
+                    "@config.dripIntervalMs"
+                  ],
+                  [
+                    "do",
+                    [
+                      "set",
+                      "@entity.elapsedMs",
+                      0.0
+                    ],
+                    [
+                      "emit",
+                      "ADD_SMALL",
+                      {}
+                    ]
+                  ]
+                ]
+              ],
+              "guard": [
+                "and",
+                [
+                  "==",
+                  "@entity.active",
+                  true
+                ],
+                [
+                  "and",
+                  [
+                    "==",
+                    "@entity.running",
+                    true
+                  ],
+                  [
+                    "==",
+                    "@entity.done",
+                    false
+                  ]
+                ]
+              ],
+              "interval": 32.0,
+              "name": "dripTick"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "schemaVersion": 1,
+  "version": "1.0.0"
+}