@almadar/std 16.239.0 → 16.242.0

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

@@ -91,6 +91,24 @@
         "parent": "trt_01M075815GAMP7HHTXCBE7VS66",
         "renames": []
       },
+      "evt_01M41M1H3N21H25P8DJY3D9KWW": {
+        "bakedName": "TOGGLE_RUN",
+        "curName": "TOGGLE_RUN",
+        "id": "evt_01M41M1H3N21H25P8DJY3D9KWW",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M075815GAMP7HHTXCBE7VS66",
+        "renames": []
+      },
+      "evt_01M41M1H3NV148ESM3DRXKKF8X": {
+        "bakedName": "SPEED_SET",
+        "curName": "SPEED_SET",
+        "id": "evt_01M41M1H3NV148ESM3DRXKKF8X",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M075815GAMP7HHTXCBE7VS66",
+        "renames": []
+      },
       "orb_01M075815G44PKNH4ZV052M4GM": {
         "bakedName": "MeasureOrbital",
         "curName": "MeasureOrbital",
@@ -152,6 +170,11 @@
             "name": "running",
             "type": "boolean"
           },
+          {
+            "default": 1.0,
+            "name": "speed",
+            "type": "number"
+          },
           {
             "items": {
               "properties": {
@@ -302,7 +325,7 @@
               "type": "string"
             },
             "probeColor": {
-              "default": "#dc2626",
+              "default": "highlight",
               "label": "Probe Color",
               "tier": "presentation",
               "type": "string"
@@ -321,7 +344,7 @@
               "type": "number"
             },
             "signalColor": {
-              "default": "#94a3b8",
+              "default": "ink",
               "label": "Signal Color",
               "tier": "presentation",
               "type": "string"
@@ -334,6 +357,13 @@
               "tier": "domain",
               "type": "string"
             },
+            "summary": {
+              "default": "",
+              "description": "One line under the title saying what the learner is looking at (keep it under ~65 characters). Empty shows no line.",
+              "label": "Concept",
+              "tier": "presentation",
+              "type": "string"
+            },
             "taskText": {
               "default": "Run the signal, then press Probe to record measurements. Watch the running mean settle.",
               "description": "One-sentence statement of the measuring task.",
@@ -343,7 +373,7 @@
             },
             "title": {
               "default": "Measurement Lab",
-              "description": "Title shown above the experiment.",
+              "description": "The instrument's name, the header's one hero.",
               "label": "Title",
               "tier": "presentation",
               "type": "string"
@@ -418,6 +448,10 @@
               "kind": "set",
               "resource": "@entity.sampleCount"
             },
+            {
+              "kind": "set",
+              "resource": "@entity.speed"
+            },
             {
               "kind": "set",
               "resource": "@entity.t"
@@ -524,6 +558,7 @@
               "points",
               "running",
               "sampleCount",
+              "speed",
               "t",
               "title",
               "traceCurves",
@@ -561,6 +596,26 @@
                 ],
                 "tier": "domain"
               },
+              {
+                "description": "Learner pressed the Play/Pause toggle — starts or freezes the signal clock.",
+                "id": "evt_01M41M1H3N21H25P8DJY3D9KWW",
+                "key": "TOGGLE_RUN",
+                "name": "Toggle Run",
+                "tier": "domain"
+              },
+              {
+                "description": "The learner picked a playback speed; the signal clock advances that many times faster.",
+                "id": "evt_01M41M1H3NV148ESM3DRXKKF8X",
+                "key": "SPEED_SET",
+                "name": "Speed Set",
+                "payloadSchema": [
+                  {
+                    "name": "speed",
+                    "type": "number"
+                  }
+                ],
+                "tier": "presentation"
+              },
               {
                 "description": "Learner started (or resumed) the signal's evolution; the trace draws live until Pause or the configured duration.",
                 "id": "evt_01M075815MDMMK99BHXWM8HBNS",
@@ -718,79 +773,269 @@
                         {
                           "children": [
                             {
-                              "content": "@entity.title",
-                              "type": "typography",
-                              "variant": "h4"
-                            },
-                            {
-                              "content": "@config.taskText",
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
+                              "align": "start",
                               "children": [
                                 {
-                                  "action": "RUN",
-                                  "disabled": [
-                                    "if",
+                                  "children": [
+                                    {
+                                      "content": "@entity.title",
+                                      "type": "typography",
+                                      "variant": "h4"
+                                    },
                                     [
-                                      "and",
+                                      "if",
                                       [
                                         "==",
-                                        "@entity.running",
-                                        false
+                                        "@config.summary",
+                                        ""
                                       ],
-                                      [
-                                        "<",
-                                        "@entity.t",
-                                        "@config.duration"
-                                      ]
-                                    ],
-                                    false,
-                                    true
+                                      null,
+                                      {
+                                        "color": "muted",
+                                        "content": "@config.summary",
+                                        "type": "typography",
+                                        "variant": "body2"
+                                      }
+                                    ]
                                   ],
-                                  "label": "Run",
-                                  "type": "button",
-                                  "variant": "primary"
+                                  "direction": "vertical",
+                                  "gap": "xs",
+                                  "type": "stack"
                                 },
                                 {
-                                  "action": "PAUSE",
-                                  "disabled": [
+                                  "label": [
                                     "if",
-                                    "@entity.running",
-                                    false,
-                                    true
+                                    [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "Done",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "Measuring…",
+                                      "Paused"
+                                    ]
                                   ],
-                                  "label": "Pause",
-                                  "type": "button",
-                                  "variant": "secondary"
-                                },
-                                {
-                                  "action": "PROBE",
-                                  "disabled": [
+                                  "type": "badge",
+                                  "variant": [
                                     "if",
                                     [
-                                      ">",
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "success",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "primary",
+                                      "neutral"
+                                    ]
+                                  ]
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "justify": "between",
+                              "type": "stack"
+                            },
+                            {
+                              "align": "center",
+                              "children": [
+                                [
+                                  "if",
+                                  "@entity.running",
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "true",
+                                    "icon": "pause",
+                                    "label": "Pause",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "false",
+                                    "disabled": [
+                                      ">=",
                                       "@entity.t",
-                                      0.0
+                                      "@config.duration"
                                     ],
-                                    false,
-                                    true
+                                    "icon": "play",
+                                    "label": "Play",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  }
+                                ],
+                                {
+                                  "action": "PROBE",
+                                  "disabled": [
+                                    "<=",
+                                    "@entity.t",
+                                    0.0
                                   ],
+                                  "icon": "plus",
                                   "label": "@config.probeLabel",
                                   "type": "button",
-                                  "variant": "primary"
+                                  "variant": "secondary"
                                 },
                                 {
                                   "action": "RESET",
+                                  "icon": "rotate-ccw",
                                   "label": "Reset",
                                   "type": "button",
                                   "variant": "ghost"
+                                },
+                                {
+                                  "align": "center",
+                                  "aria-label": "Speed",
+                                  "children": [
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 0.5
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "0.5×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 1.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "1×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 2.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "2×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 4.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "4×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    }
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "xs",
+                                  "role": "group",
+                                  "type": "stack"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "t = ",
+                                    [
+                                      "math/round",
+                                      "@entity.t",
+                                      1.0
+                                    ],
+                                    " of ",
+                                    "@config.duration",
+                                    " s"
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
                                 }
                               ],
                               "direction": "horizontal",
                               "gap": "sm",
-                              "type": "stack"
+                              "type": "stack",
+                              "wrap": true
                             },
                             {
                               "animate": false,
@@ -798,6 +1043,11 @@
                               "gridStep": "@config.gridStep",
                               "height": "@config.height",
                               "interactive": false,
+                              "keyMap": {
+                                "Enter": "PROBE",
+                                "KeyR": "RESET",
+                                "Space": "TOGGLE_RUN"
+                              },
                               "points": "@entity.points",
                               "shapes": [],
                               "showAxes": true,
@@ -812,46 +1062,39 @@
                               "yMin": "@config.valueMin"
                             },
                             {
-                              "content": [
-                                "str/concat",
-                                "t = ",
-                                [
-                                  "math/round",
-                                  "@entity.t",
-                                  1.0
-                                ],
-                                "s · ",
-                                "@config.valueLabel",
-                                " = ",
-                                [
-                                  "math/round",
-                                  "@entity.value",
-                                  3.0
-                                ]
-                              ],
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
-                              "content": [
-                                "str/concat",
-                                "Samples recorded: ",
-                                [
-                                  "str/concat",
-                                  "",
-                                  "@entity.sampleCount"
-                                ],
-                                " · mean ",
-                                "@config.valueLabel",
-                                ": ",
-                                [
-                                  "math/round",
-                                  "@entity.meanValue",
-                                  3.0
-                                ]
+                              "children": [
+                                {
+                                  "content": "@config.taskText",
+                                  "type": "typography",
+                                  "variant": "body"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "@config.valueLabel",
+                                    " = ",
+                                    [
+                                      "math/round",
+                                      "@entity.value",
+                                      3.0
+                                    ],
+                                    " · ",
+                                    "@entity.sampleCount",
+                                    " recorded · mean ",
+                                    [
+                                      "math/round",
+                                      "@entity.meanValue",
+                                      3.0
+                                    ]
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
                               ],
-                              "type": "typography",
-                              "variant": "caption"
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "type": "stack"
                             }
                           ],
                           "direction": "vertical",
@@ -874,6 +1117,48 @@
                 ],
                 "to": "idle"
               },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.active",
+                    false
+                  ],
+                  [
+                    "set",
+                    "@entity.running",
+                    false
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    null
+                  ]
+                ],
+                "event": "MODE_SELECTED",
+                "eventId": "evt_01M075815MA03A5SSAB91E1VSJ",
+                "from": "idle",
+                "guard": [
+                  "and",
+                  [
+                    "not",
+                    [
+                      "==",
+                      "@config.matchMode",
+                      ""
+                    ]
+                  ],
+                  [
+                    "not",
+                    [
+                      "==",
+                      "@payload.mode",
+                      "@config.matchMode"
+                    ]
+                  ]
+                ],
+                "to": "idle"
+              },
               {
                 "effects": [
                   [
@@ -943,79 +1228,269 @@
                         {
                           "children": [
                             {
-                              "content": "@entity.title",
-                              "type": "typography",
-                              "variant": "h4"
-                            },
-                            {
-                              "content": "@config.taskText",
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
+                              "align": "start",
                               "children": [
                                 {
-                                  "action": "RUN",
-                                  "disabled": [
-                                    "if",
+                                  "children": [
+                                    {
+                                      "content": "@entity.title",
+                                      "type": "typography",
+                                      "variant": "h4"
+                                    },
                                     [
-                                      "and",
+                                      "if",
                                       [
                                         "==",
-                                        "@entity.running",
-                                        false
+                                        "@config.summary",
+                                        ""
                                       ],
-                                      [
-                                        "<",
-                                        "@entity.t",
-                                        "@config.duration"
-                                      ]
-                                    ],
-                                    false,
-                                    true
+                                      null,
+                                      {
+                                        "color": "muted",
+                                        "content": "@config.summary",
+                                        "type": "typography",
+                                        "variant": "body2"
+                                      }
+                                    ]
                                   ],
-                                  "label": "Run",
-                                  "type": "button",
-                                  "variant": "primary"
+                                  "direction": "vertical",
+                                  "gap": "xs",
+                                  "type": "stack"
                                 },
                                 {
-                                  "action": "PAUSE",
-                                  "disabled": [
+                                  "label": [
                                     "if",
-                                    "@entity.running",
-                                    false,
-                                    true
+                                    [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "Done",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "Measuring…",
+                                      "Paused"
+                                    ]
                                   ],
-                                  "label": "Pause",
-                                  "type": "button",
-                                  "variant": "secondary"
-                                },
-                                {
-                                  "action": "PROBE",
-                                  "disabled": [
+                                  "type": "badge",
+                                  "variant": [
                                     "if",
                                     [
-                                      ">",
+                                      ">=",
                                       "@entity.t",
-                                      0.0
+                                      "@config.duration"
                                     ],
-                                    false,
-                                    true
+                                    "success",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "primary",
+                                      "neutral"
+                                    ]
+                                  ]
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "justify": "between",
+                              "type": "stack"
+                            },
+                            {
+                              "align": "center",
+                              "children": [
+                                [
+                                  "if",
+                                  "@entity.running",
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "true",
+                                    "icon": "pause",
+                                    "label": "Pause",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "false",
+                                    "disabled": [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "icon": "play",
+                                    "label": "Play",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  }
+                                ],
+                                {
+                                  "action": "PROBE",
+                                  "disabled": [
+                                    "<=",
+                                    "@entity.t",
+                                    0.0
                                   ],
+                                  "icon": "plus",
                                   "label": "@config.probeLabel",
                                   "type": "button",
-                                  "variant": "primary"
+                                  "variant": "secondary"
                                 },
                                 {
                                   "action": "RESET",
+                                  "icon": "rotate-ccw",
                                   "label": "Reset",
                                   "type": "button",
                                   "variant": "ghost"
+                                },
+                                {
+                                  "align": "center",
+                                  "aria-label": "Speed",
+                                  "children": [
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 0.5
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "0.5×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 1.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "1×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 2.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "2×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 4.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "4×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    }
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "xs",
+                                  "role": "group",
+                                  "type": "stack"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "t = ",
+                                    [
+                                      "math/round",
+                                      "@entity.t",
+                                      1.0
+                                    ],
+                                    " of ",
+                                    "@config.duration",
+                                    " s"
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
                                 }
                               ],
                               "direction": "horizontal",
                               "gap": "sm",
-                              "type": "stack"
+                              "type": "stack",
+                              "wrap": true
                             },
                             {
                               "animate": false,
@@ -1023,6 +1498,11 @@
                               "gridStep": "@config.gridStep",
                               "height": "@config.height",
                               "interactive": false,
+                              "keyMap": {
+                                "Enter": "PROBE",
+                                "KeyR": "RESET",
+                                "Space": "TOGGLE_RUN"
+                              },
                               "points": "@entity.points",
                               "shapes": [],
                               "showAxes": true,
@@ -1037,46 +1517,39 @@
                               "yMin": "@config.valueMin"
                             },
                             {
-                              "content": [
-                                "str/concat",
-                                "t = ",
-                                [
-                                  "math/round",
-                                  "@entity.t",
-                                  1.0
-                                ],
-                                "s · ",
-                                "@config.valueLabel",
-                                " = ",
-                                [
-                                  "math/round",
-                                  "@entity.value",
-                                  3.0
-                                ]
-                              ],
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
-                              "content": [
-                                "str/concat",
-                                "Samples recorded: ",
-                                [
-                                  "str/concat",
-                                  "",
-                                  "@entity.sampleCount"
-                                ],
-                                " · mean ",
-                                "@config.valueLabel",
-                                ": ",
-                                [
-                                  "math/round",
-                                  "@entity.meanValue",
-                                  3.0
-                                ]
+                              "children": [
+                                {
+                                  "content": "@config.taskText",
+                                  "type": "typography",
+                                  "variant": "body"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "@config.valueLabel",
+                                    " = ",
+                                    [
+                                      "math/round",
+                                      "@entity.value",
+                                      3.0
+                                    ],
+                                    " · ",
+                                    "@entity.sampleCount",
+                                    " recorded · mean ",
+                                    [
+                                      "math/round",
+                                      "@entity.meanValue",
+                                      3.0
+                                    ]
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
                               ],
-                              "type": "typography",
-                              "variant": "caption"
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "type": "stack"
                             }
                           ],
                           "direction": "vertical",
@@ -1104,7 +1577,10 @@
                   [
                     "set",
                     "@entity.running",
-                    true
+                    [
+                      "not",
+                      "@entity.running"
+                    ]
                   ],
                   [
                     "render-ui",
@@ -1114,79 +1590,1010 @@
                         {
                           "children": [
                             {
-                              "content": "@entity.title",
-                              "type": "typography",
-                              "variant": "h4"
-                            },
-                            {
-                              "content": "@config.taskText",
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
+                              "align": "start",
                               "children": [
                                 {
-                                  "action": "RUN",
-                                  "disabled": [
-                                    "if",
+                                  "children": [
+                                    {
+                                      "content": "@entity.title",
+                                      "type": "typography",
+                                      "variant": "h4"
+                                    },
                                     [
-                                      "and",
+                                      "if",
                                       [
                                         "==",
-                                        "@entity.running",
-                                        false
+                                        "@config.summary",
+                                        ""
                                       ],
-                                      [
-                                        "<",
-                                        "@entity.t",
-                                        "@config.duration"
-                                      ]
-                                    ],
-                                    false,
-                                    true
+                                      null,
+                                      {
+                                        "color": "muted",
+                                        "content": "@config.summary",
+                                        "type": "typography",
+                                        "variant": "body2"
+                                      }
+                                    ]
                                   ],
-                                  "label": "Run",
-                                  "type": "button",
-                                  "variant": "primary"
+                                  "direction": "vertical",
+                                  "gap": "xs",
+                                  "type": "stack"
                                 },
                                 {
-                                  "action": "PAUSE",
-                                  "disabled": [
+                                  "label": [
                                     "if",
-                                    "@entity.running",
-                                    false,
-                                    true
+                                    [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "Done",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "Measuring…",
+                                      "Paused"
+                                    ]
                                   ],
-                                  "label": "Pause",
-                                  "type": "button",
-                                  "variant": "secondary"
-                                },
-                                {
-                                  "action": "PROBE",
-                                  "disabled": [
+                                  "type": "badge",
+                                  "variant": [
                                     "if",
                                     [
-                                      ">",
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "success",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "primary",
+                                      "neutral"
+                                    ]
+                                  ]
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "justify": "between",
+                              "type": "stack"
+                            },
+                            {
+                              "align": "center",
+                              "children": [
+                                [
+                                  "if",
+                                  "@entity.running",
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "true",
+                                    "icon": "pause",
+                                    "label": "Pause",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "false",
+                                    "disabled": [
+                                      ">=",
                                       "@entity.t",
-                                      0.0
+                                      "@config.duration"
                                     ],
-                                    false,
-                                    true
+                                    "icon": "play",
+                                    "label": "Play",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  }
+                                ],
+                                {
+                                  "action": "PROBE",
+                                  "disabled": [
+                                    "<=",
+                                    "@entity.t",
+                                    0.0
                                   ],
+                                  "icon": "plus",
                                   "label": "@config.probeLabel",
                                   "type": "button",
-                                  "variant": "primary"
+                                  "variant": "secondary"
                                 },
                                 {
                                   "action": "RESET",
+                                  "icon": "rotate-ccw",
                                   "label": "Reset",
                                   "type": "button",
                                   "variant": "ghost"
-                                }
-                              ],
-                              "direction": "horizontal",
+                                },
+                                {
+                                  "align": "center",
+                                  "aria-label": "Speed",
+                                  "children": [
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 0.5
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "0.5×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 1.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "1×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 2.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "2×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 4.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "4×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    }
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "xs",
+                                  "role": "group",
+                                  "type": "stack"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "t = ",
+                                    [
+                                      "math/round",
+                                      "@entity.t",
+                                      1.0
+                                    ],
+                                    " of ",
+                                    "@config.duration",
+                                    " s"
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "type": "stack",
+                              "wrap": true
+                            },
+                            {
+                              "animate": false,
+                              "curves": "@entity.traceCurves",
+                              "gridStep": "@config.gridStep",
+                              "height": "@config.height",
+                              "interactive": false,
+                              "keyMap": {
+                                "Enter": "PROBE",
+                                "KeyR": "RESET",
+                                "Space": "TOGGLE_RUN"
+                              },
+                              "points": "@entity.points",
+                              "shapes": [],
+                              "showAxes": true,
+                              "showGrid": true,
+                              "title": "",
+                              "type": "math-canvas",
+                              "vectors": [],
+                              "width": "@config.width",
+                              "xMax": "@config.duration",
+                              "xMin": 0.0,
+                              "yMax": "@config.valueMax",
+                              "yMin": "@config.valueMin"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "content": "@config.taskText",
+                                  "type": "typography",
+                                  "variant": "body"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "@config.valueLabel",
+                                    " = ",
+                                    [
+                                      "math/round",
+                                      "@entity.value",
+                                      3.0
+                                    ],
+                                    " · ",
+                                    "@entity.sampleCount",
+                                    " recorded · mean ",
+                                    [
+                                      "math/round",
+                                      "@entity.meanValue",
+                                      3.0
+                                    ]
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
+                              ],
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "type": "stack"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ],
+                  [
+                    "emit",
+                    "RUN_TOGGLED",
+                    {
+                      "running": "@entity.running"
+                    }
+                  ]
+                ],
+                "event": "TOGGLE_RUN",
+                "eventId": "evt_01M41M1H3N21H25P8DJY3D9KWW",
+                "from": "idle",
+                "guard": [
+                  "and",
+                  [
+                    "==",
+                    "@entity.active",
+                    true
+                  ],
+                  [
+                    "or",
+                    [
+                      "==",
+                      "@entity.running",
+                      true
+                    ],
+                    [
+                      "<",
+                      "@entity.t",
+                      "@config.duration"
+                    ]
+                  ]
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.speed",
+                    "@payload.speed"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "align": "start",
+                              "children": [
+                                {
+                                  "children": [
+                                    {
+                                      "content": "@entity.title",
+                                      "type": "typography",
+                                      "variant": "h4"
+                                    },
+                                    [
+                                      "if",
+                                      [
+                                        "==",
+                                        "@config.summary",
+                                        ""
+                                      ],
+                                      null,
+                                      {
+                                        "color": "muted",
+                                        "content": "@config.summary",
+                                        "type": "typography",
+                                        "variant": "body2"
+                                      }
+                                    ]
+                                  ],
+                                  "direction": "vertical",
+                                  "gap": "xs",
+                                  "type": "stack"
+                                },
+                                {
+                                  "label": [
+                                    "if",
+                                    [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "Done",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "Measuring…",
+                                      "Paused"
+                                    ]
+                                  ],
+                                  "type": "badge",
+                                  "variant": [
+                                    "if",
+                                    [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "success",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "primary",
+                                      "neutral"
+                                    ]
+                                  ]
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "justify": "between",
+                              "type": "stack"
+                            },
+                            {
+                              "align": "center",
+                              "children": [
+                                [
+                                  "if",
+                                  "@entity.running",
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "true",
+                                    "icon": "pause",
+                                    "label": "Pause",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "false",
+                                    "disabled": [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "icon": "play",
+                                    "label": "Play",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  }
+                                ],
+                                {
+                                  "action": "PROBE",
+                                  "disabled": [
+                                    "<=",
+                                    "@entity.t",
+                                    0.0
+                                  ],
+                                  "icon": "plus",
+                                  "label": "@config.probeLabel",
+                                  "type": "button",
+                                  "variant": "secondary"
+                                },
+                                {
+                                  "action": "RESET",
+                                  "icon": "rotate-ccw",
+                                  "label": "Reset",
+                                  "type": "button",
+                                  "variant": "ghost"
+                                },
+                                {
+                                  "align": "center",
+                                  "aria-label": "Speed",
+                                  "children": [
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 0.5
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "0.5×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 1.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "1×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 2.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "2×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 4.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "4×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    }
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "xs",
+                                  "role": "group",
+                                  "type": "stack"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "t = ",
+                                    [
+                                      "math/round",
+                                      "@entity.t",
+                                      1.0
+                                    ],
+                                    " of ",
+                                    "@config.duration",
+                                    " s"
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "type": "stack",
+                              "wrap": true
+                            },
+                            {
+                              "animate": false,
+                              "curves": "@entity.traceCurves",
+                              "gridStep": "@config.gridStep",
+                              "height": "@config.height",
+                              "interactive": false,
+                              "keyMap": {
+                                "Enter": "PROBE",
+                                "KeyR": "RESET",
+                                "Space": "TOGGLE_RUN"
+                              },
+                              "points": "@entity.points",
+                              "shapes": [],
+                              "showAxes": true,
+                              "showGrid": true,
+                              "title": "",
+                              "type": "math-canvas",
+                              "vectors": [],
+                              "width": "@config.width",
+                              "xMax": "@config.duration",
+                              "xMin": 0.0,
+                              "yMax": "@config.valueMax",
+                              "yMin": "@config.valueMin"
+                            },
+                            {
+                              "children": [
+                                {
+                                  "content": "@config.taskText",
+                                  "type": "typography",
+                                  "variant": "body"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "@config.valueLabel",
+                                    " = ",
+                                    [
+                                      "math/round",
+                                      "@entity.value",
+                                      3.0
+                                    ],
+                                    " · ",
+                                    "@entity.sampleCount",
+                                    " recorded · mean ",
+                                    [
+                                      "math/round",
+                                      "@entity.meanValue",
+                                      3.0
+                                    ]
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
+                              ],
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "type": "stack"
+                            }
+                          ],
+                          "direction": "vertical",
+                          "gap": "md",
+                          "type": "stack"
+                        }
+                      ],
+                      "padding": "md",
+                      "type": "box"
+                    }
+                  ]
+                ],
+                "event": "SPEED_SET",
+                "eventId": "evt_01M41M1H3NV148ESM3DRXKKF8X",
+                "from": "idle",
+                "guard": [
+                  "==",
+                  "@entity.active",
+                  true
+                ],
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "set",
+                    "@entity.running",
+                    true
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "align": "start",
+                              "children": [
+                                {
+                                  "children": [
+                                    {
+                                      "content": "@entity.title",
+                                      "type": "typography",
+                                      "variant": "h4"
+                                    },
+                                    [
+                                      "if",
+                                      [
+                                        "==",
+                                        "@config.summary",
+                                        ""
+                                      ],
+                                      null,
+                                      {
+                                        "color": "muted",
+                                        "content": "@config.summary",
+                                        "type": "typography",
+                                        "variant": "body2"
+                                      }
+                                    ]
+                                  ],
+                                  "direction": "vertical",
+                                  "gap": "xs",
+                                  "type": "stack"
+                                },
+                                {
+                                  "label": [
+                                    "if",
+                                    [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "Done",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "Measuring…",
+                                      "Paused"
+                                    ]
+                                  ],
+                                  "type": "badge",
+                                  "variant": [
+                                    "if",
+                                    [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "success",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "primary",
+                                      "neutral"
+                                    ]
+                                  ]
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "justify": "between",
+                              "type": "stack"
+                            },
+                            {
+                              "align": "center",
+                              "children": [
+                                [
+                                  "if",
+                                  "@entity.running",
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "true",
+                                    "icon": "pause",
+                                    "label": "Pause",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "false",
+                                    "disabled": [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "icon": "play",
+                                    "label": "Play",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  }
+                                ],
+                                {
+                                  "action": "PROBE",
+                                  "disabled": [
+                                    "<=",
+                                    "@entity.t",
+                                    0.0
+                                  ],
+                                  "icon": "plus",
+                                  "label": "@config.probeLabel",
+                                  "type": "button",
+                                  "variant": "secondary"
+                                },
+                                {
+                                  "action": "RESET",
+                                  "icon": "rotate-ccw",
+                                  "label": "Reset",
+                                  "type": "button",
+                                  "variant": "ghost"
+                                },
+                                {
+                                  "align": "center",
+                                  "aria-label": "Speed",
+                                  "children": [
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 0.5
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "0.5×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 1.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "1×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 2.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "2×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 4.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "4×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    }
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "xs",
+                                  "role": "group",
+                                  "type": "stack"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "t = ",
+                                    [
+                                      "math/round",
+                                      "@entity.t",
+                                      1.0
+                                    ],
+                                    " of ",
+                                    "@config.duration",
+                                    " s"
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
+                              ],
+                              "direction": "horizontal",
                               "gap": "sm",
-                              "type": "stack"
+                              "type": "stack",
+                              "wrap": true
                             },
                             {
                               "animate": false,
@@ -1194,6 +2601,11 @@
                               "gridStep": "@config.gridStep",
                               "height": "@config.height",
                               "interactive": false,
+                              "keyMap": {
+                                "Enter": "PROBE",
+                                "KeyR": "RESET",
+                                "Space": "TOGGLE_RUN"
+                              },
                               "points": "@entity.points",
                               "shapes": [],
                               "showAxes": true,
@@ -1208,46 +2620,39 @@
                               "yMin": "@config.valueMin"
                             },
                             {
-                              "content": [
-                                "str/concat",
-                                "t = ",
-                                [
-                                  "math/round",
-                                  "@entity.t",
-                                  1.0
-                                ],
-                                "s · ",
-                                "@config.valueLabel",
-                                " = ",
-                                [
-                                  "math/round",
-                                  "@entity.value",
-                                  3.0
-                                ]
-                              ],
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
-                              "content": [
-                                "str/concat",
-                                "Samples recorded: ",
-                                [
-                                  "str/concat",
-                                  "",
-                                  "@entity.sampleCount"
-                                ],
-                                " · mean ",
-                                "@config.valueLabel",
-                                ": ",
-                                [
-                                  "math/round",
-                                  "@entity.meanValue",
-                                  3.0
-                                ]
+                              "children": [
+                                {
+                                  "content": "@config.taskText",
+                                  "type": "typography",
+                                  "variant": "body"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "@config.valueLabel",
+                                    " = ",
+                                    [
+                                      "math/round",
+                                      "@entity.value",
+                                      3.0
+                                    ],
+                                    " · ",
+                                    "@entity.sampleCount",
+                                    " recorded · mean ",
+                                    [
+                                      "math/round",
+                                      "@entity.meanValue",
+                                      3.0
+                                    ]
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
                               ],
-                              "type": "typography",
-                              "variant": "caption"
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "type": "stack"
                             }
                           ],
                           "direction": "vertical",
@@ -1308,79 +2713,269 @@
                         {
                           "children": [
                             {
-                              "content": "@entity.title",
-                              "type": "typography",
-                              "variant": "h4"
-                            },
-                            {
-                              "content": "@config.taskText",
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
+                              "align": "start",
                               "children": [
                                 {
-                                  "action": "RUN",
-                                  "disabled": [
-                                    "if",
+                                  "children": [
+                                    {
+                                      "content": "@entity.title",
+                                      "type": "typography",
+                                      "variant": "h4"
+                                    },
                                     [
-                                      "and",
+                                      "if",
                                       [
                                         "==",
-                                        "@entity.running",
-                                        false
+                                        "@config.summary",
+                                        ""
                                       ],
-                                      [
-                                        "<",
-                                        "@entity.t",
-                                        "@config.duration"
-                                      ]
-                                    ],
-                                    false,
-                                    true
+                                      null,
+                                      {
+                                        "color": "muted",
+                                        "content": "@config.summary",
+                                        "type": "typography",
+                                        "variant": "body2"
+                                      }
+                                    ]
                                   ],
-                                  "label": "Run",
-                                  "type": "button",
-                                  "variant": "primary"
+                                  "direction": "vertical",
+                                  "gap": "xs",
+                                  "type": "stack"
                                 },
                                 {
-                                  "action": "PAUSE",
-                                  "disabled": [
+                                  "label": [
                                     "if",
-                                    "@entity.running",
-                                    false,
-                                    true
+                                    [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "Done",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "Measuring…",
+                                      "Paused"
+                                    ]
                                   ],
-                                  "label": "Pause",
-                                  "type": "button",
-                                  "variant": "secondary"
-                                },
-                                {
-                                  "action": "PROBE",
-                                  "disabled": [
+                                  "type": "badge",
+                                  "variant": [
                                     "if",
                                     [
-                                      ">",
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "success",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "primary",
+                                      "neutral"
+                                    ]
+                                  ]
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "justify": "between",
+                              "type": "stack"
+                            },
+                            {
+                              "align": "center",
+                              "children": [
+                                [
+                                  "if",
+                                  "@entity.running",
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "true",
+                                    "icon": "pause",
+                                    "label": "Pause",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "false",
+                                    "disabled": [
+                                      ">=",
                                       "@entity.t",
-                                      0.0
+                                      "@config.duration"
                                     ],
-                                    false,
-                                    true
+                                    "icon": "play",
+                                    "label": "Play",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  }
+                                ],
+                                {
+                                  "action": "PROBE",
+                                  "disabled": [
+                                    "<=",
+                                    "@entity.t",
+                                    0.0
                                   ],
+                                  "icon": "plus",
                                   "label": "@config.probeLabel",
                                   "type": "button",
-                                  "variant": "primary"
+                                  "variant": "secondary"
                                 },
                                 {
                                   "action": "RESET",
+                                  "icon": "rotate-ccw",
                                   "label": "Reset",
                                   "type": "button",
                                   "variant": "ghost"
+                                },
+                                {
+                                  "align": "center",
+                                  "aria-label": "Speed",
+                                  "children": [
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 0.5
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "0.5×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 1.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "1×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 2.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "2×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 4.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "4×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    }
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "xs",
+                                  "role": "group",
+                                  "type": "stack"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "t = ",
+                                    [
+                                      "math/round",
+                                      "@entity.t",
+                                      1.0
+                                    ],
+                                    " of ",
+                                    "@config.duration",
+                                    " s"
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
                                 }
                               ],
                               "direction": "horizontal",
                               "gap": "sm",
-                              "type": "stack"
+                              "type": "stack",
+                              "wrap": true
                             },
                             {
                               "animate": false,
@@ -1388,6 +2983,11 @@
                               "gridStep": "@config.gridStep",
                               "height": "@config.height",
                               "interactive": false,
+                              "keyMap": {
+                                "Enter": "PROBE",
+                                "KeyR": "RESET",
+                                "Space": "TOGGLE_RUN"
+                              },
                               "points": "@entity.points",
                               "shapes": [],
                               "showAxes": true,
@@ -1402,46 +3002,39 @@
                               "yMin": "@config.valueMin"
                             },
                             {
-                              "content": [
-                                "str/concat",
-                                "t = ",
-                                [
-                                  "math/round",
-                                  "@entity.t",
-                                  1.0
-                                ],
-                                "s · ",
-                                "@config.valueLabel",
-                                " = ",
-                                [
-                                  "math/round",
-                                  "@entity.value",
-                                  3.0
-                                ]
-                              ],
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
-                              "content": [
-                                "str/concat",
-                                "Samples recorded: ",
-                                [
-                                  "str/concat",
-                                  "",
-                                  "@entity.sampleCount"
-                                ],
-                                " · mean ",
-                                "@config.valueLabel",
-                                ": ",
-                                [
-                                  "math/round",
-                                  "@entity.meanValue",
-                                  3.0
-                                ]
+                              "children": [
+                                {
+                                  "content": "@config.taskText",
+                                  "type": "typography",
+                                  "variant": "body"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "@config.valueLabel",
+                                    " = ",
+                                    [
+                                      "math/round",
+                                      "@entity.value",
+                                      3.0
+                                    ],
+                                    " · ",
+                                    "@entity.sampleCount",
+                                    " recorded · mean ",
+                                    [
+                                      "math/round",
+                                      "@entity.meanValue",
+                                      3.0
+                                    ]
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
                               ],
-                              "type": "typography",
-                              "variant": "caption"
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "type": "stack"
                             }
                           ],
                           "direction": "vertical",
@@ -1530,79 +3123,269 @@
                         {
                           "children": [
                             {
-                              "content": "@entity.title",
-                              "type": "typography",
-                              "variant": "h4"
-                            },
-                            {
-                              "content": "@config.taskText",
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
+                              "align": "start",
                               "children": [
                                 {
-                                  "action": "RUN",
-                                  "disabled": [
-                                    "if",
+                                  "children": [
+                                    {
+                                      "content": "@entity.title",
+                                      "type": "typography",
+                                      "variant": "h4"
+                                    },
                                     [
-                                      "and",
+                                      "if",
                                       [
                                         "==",
-                                        "@entity.running",
-                                        false
+                                        "@config.summary",
+                                        ""
                                       ],
-                                      [
-                                        "<",
-                                        "@entity.t",
-                                        "@config.duration"
-                                      ]
-                                    ],
-                                    false,
-                                    true
+                                      null,
+                                      {
+                                        "color": "muted",
+                                        "content": "@config.summary",
+                                        "type": "typography",
+                                        "variant": "body2"
+                                      }
+                                    ]
                                   ],
-                                  "label": "Run",
-                                  "type": "button",
-                                  "variant": "primary"
+                                  "direction": "vertical",
+                                  "gap": "xs",
+                                  "type": "stack"
                                 },
                                 {
-                                  "action": "PAUSE",
-                                  "disabled": [
+                                  "label": [
                                     "if",
-                                    "@entity.running",
-                                    false,
-                                    true
+                                    [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "Done",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "Measuring…",
+                                      "Paused"
+                                    ]
                                   ],
-                                  "label": "Pause",
-                                  "type": "button",
-                                  "variant": "secondary"
-                                },
-                                {
-                                  "action": "PROBE",
-                                  "disabled": [
+                                  "type": "badge",
+                                  "variant": [
                                     "if",
                                     [
-                                      ">",
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "success",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "primary",
+                                      "neutral"
+                                    ]
+                                  ]
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "justify": "between",
+                              "type": "stack"
+                            },
+                            {
+                              "align": "center",
+                              "children": [
+                                [
+                                  "if",
+                                  "@entity.running",
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "true",
+                                    "icon": "pause",
+                                    "label": "Pause",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "false",
+                                    "disabled": [
+                                      ">=",
                                       "@entity.t",
-                                      0.0
+                                      "@config.duration"
                                     ],
-                                    false,
-                                    true
+                                    "icon": "play",
+                                    "label": "Play",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  }
+                                ],
+                                {
+                                  "action": "PROBE",
+                                  "disabled": [
+                                    "<=",
+                                    "@entity.t",
+                                    0.0
                                   ],
+                                  "icon": "plus",
                                   "label": "@config.probeLabel",
                                   "type": "button",
-                                  "variant": "primary"
+                                  "variant": "secondary"
                                 },
                                 {
                                   "action": "RESET",
+                                  "icon": "rotate-ccw",
                                   "label": "Reset",
                                   "type": "button",
                                   "variant": "ghost"
+                                },
+                                {
+                                  "align": "center",
+                                  "aria-label": "Speed",
+                                  "children": [
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 0.5
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "0.5×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 1.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "1×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 2.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "2×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 4.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "4×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    }
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "xs",
+                                  "role": "group",
+                                  "type": "stack"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "t = ",
+                                    [
+                                      "math/round",
+                                      "@entity.t",
+                                      1.0
+                                    ],
+                                    " of ",
+                                    "@config.duration",
+                                    " s"
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
                                 }
                               ],
                               "direction": "horizontal",
                               "gap": "sm",
-                              "type": "stack"
+                              "type": "stack",
+                              "wrap": true
                             },
                             {
                               "animate": false,
@@ -1610,6 +3393,11 @@
                               "gridStep": "@config.gridStep",
                               "height": "@config.height",
                               "interactive": false,
+                              "keyMap": {
+                                "Enter": "PROBE",
+                                "KeyR": "RESET",
+                                "Space": "TOGGLE_RUN"
+                              },
                               "points": "@entity.points",
                               "shapes": [],
                               "showAxes": true,
@@ -1624,46 +3412,39 @@
                               "yMin": "@config.valueMin"
                             },
                             {
-                              "content": [
-                                "str/concat",
-                                "t = ",
-                                [
-                                  "math/round",
-                                  "@entity.t",
-                                  1.0
-                                ],
-                                "s · ",
-                                "@config.valueLabel",
-                                " = ",
-                                [
-                                  "math/round",
-                                  "@entity.value",
-                                  3.0
-                                ]
-                              ],
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
-                              "content": [
-                                "str/concat",
-                                "Samples recorded: ",
-                                [
-                                  "str/concat",
-                                  "",
-                                  "@entity.sampleCount"
-                                ],
-                                " · mean ",
-                                "@config.valueLabel",
-                                ": ",
-                                [
-                                  "math/round",
-                                  "@entity.meanValue",
-                                  3.0
-                                ]
+                              "children": [
+                                {
+                                  "content": "@config.taskText",
+                                  "type": "typography",
+                                  "variant": "body"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "@config.valueLabel",
+                                    " = ",
+                                    [
+                                      "math/round",
+                                      "@entity.value",
+                                      3.0
+                                    ],
+                                    " · ",
+                                    "@entity.sampleCount",
+                                    " recorded · mean ",
+                                    [
+                                      "math/round",
+                                      "@entity.meanValue",
+                                      3.0
+                                    ]
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
                               ],
-                              "type": "typography",
-                              "variant": "caption"
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "type": "stack"
                             }
                           ],
                           "direction": "vertical",
@@ -1763,79 +3544,269 @@
                         {
                           "children": [
                             {
-                              "content": "@entity.title",
-                              "type": "typography",
-                              "variant": "h4"
-                            },
-                            {
-                              "content": "@config.taskText",
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
+                              "align": "start",
                               "children": [
                                 {
-                                  "action": "RUN",
-                                  "disabled": [
-                                    "if",
+                                  "children": [
+                                    {
+                                      "content": "@entity.title",
+                                      "type": "typography",
+                                      "variant": "h4"
+                                    },
                                     [
-                                      "and",
+                                      "if",
                                       [
                                         "==",
-                                        "@entity.running",
-                                        false
+                                        "@config.summary",
+                                        ""
                                       ],
-                                      [
-                                        "<",
-                                        "@entity.t",
-                                        "@config.duration"
-                                      ]
-                                    ],
-                                    false,
-                                    true
+                                      null,
+                                      {
+                                        "color": "muted",
+                                        "content": "@config.summary",
+                                        "type": "typography",
+                                        "variant": "body2"
+                                      }
+                                    ]
                                   ],
-                                  "label": "Run",
-                                  "type": "button",
-                                  "variant": "primary"
+                                  "direction": "vertical",
+                                  "gap": "xs",
+                                  "type": "stack"
                                 },
                                 {
-                                  "action": "PAUSE",
-                                  "disabled": [
+                                  "label": [
                                     "if",
-                                    "@entity.running",
-                                    false,
-                                    true
+                                    [
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "Done",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "Measuring…",
+                                      "Paused"
+                                    ]
                                   ],
-                                  "label": "Pause",
-                                  "type": "button",
-                                  "variant": "secondary"
-                                },
-                                {
-                                  "action": "PROBE",
-                                  "disabled": [
+                                  "type": "badge",
+                                  "variant": [
                                     "if",
                                     [
-                                      ">",
+                                      ">=",
+                                      "@entity.t",
+                                      "@config.duration"
+                                    ],
+                                    "success",
+                                    [
+                                      "if",
+                                      "@entity.running",
+                                      "primary",
+                                      "neutral"
+                                    ]
+                                  ]
+                                }
+                              ],
+                              "direction": "horizontal",
+                              "gap": "md",
+                              "justify": "between",
+                              "type": "stack"
+                            },
+                            {
+                              "align": "center",
+                              "children": [
+                                [
+                                  "if",
+                                  "@entity.running",
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "true",
+                                    "icon": "pause",
+                                    "label": "Pause",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  },
+                                  {
+                                    "action": "TOGGLE_RUN",
+                                    "aria-pressed": "false",
+                                    "disabled": [
+                                      ">=",
                                       "@entity.t",
-                                      0.0
+                                      "@config.duration"
                                     ],
-                                    false,
-                                    true
+                                    "icon": "play",
+                                    "label": "Play",
+                                    "type": "button",
+                                    "variant": "primary"
+                                  }
+                                ],
+                                {
+                                  "action": "PROBE",
+                                  "disabled": [
+                                    "<=",
+                                    "@entity.t",
+                                    0.0
                                   ],
+                                  "icon": "plus",
                                   "label": "@config.probeLabel",
                                   "type": "button",
-                                  "variant": "primary"
+                                  "variant": "secondary"
                                 },
                                 {
                                   "action": "RESET",
+                                  "icon": "rotate-ccw",
                                   "label": "Reset",
                                   "type": "button",
                                   "variant": "ghost"
+                                },
+                                {
+                                  "align": "center",
+                                  "aria-label": "Speed",
+                                  "children": [
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 0.5
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "0.5×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          0.5
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 1.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "1×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          1.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 2.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "2×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          2.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    },
+                                    {
+                                      "action": "SPEED_SET",
+                                      "actionPayload": {
+                                        "speed": 4.0
+                                      },
+                                      "aria-pressed": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "true",
+                                        "false"
+                                      ],
+                                      "label": "4×",
+                                      "size": "sm",
+                                      "type": "button",
+                                      "variant": [
+                                        "if",
+                                        [
+                                          "==",
+                                          "@entity.speed",
+                                          4.0
+                                        ],
+                                        "secondary",
+                                        "ghost"
+                                      ]
+                                    }
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "xs",
+                                  "role": "group",
+                                  "type": "stack"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "t = ",
+                                    [
+                                      "math/round",
+                                      "@entity.t",
+                                      1.0
+                                    ],
+                                    " of ",
+                                    "@config.duration",
+                                    " s"
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
                                 }
                               ],
                               "direction": "horizontal",
                               "gap": "sm",
-                              "type": "stack"
+                              "type": "stack",
+                              "wrap": true
                             },
                             {
                               "animate": false,
@@ -1843,6 +3814,11 @@
                               "gridStep": "@config.gridStep",
                               "height": "@config.height",
                               "interactive": false,
+                              "keyMap": {
+                                "Enter": "PROBE",
+                                "KeyR": "RESET",
+                                "Space": "TOGGLE_RUN"
+                              },
                               "points": "@entity.points",
                               "shapes": [],
                               "showAxes": true,
@@ -1857,46 +3833,39 @@
                               "yMin": "@config.valueMin"
                             },
                             {
-                              "content": [
-                                "str/concat",
-                                "t = ",
-                                [
-                                  "math/round",
-                                  "@entity.t",
-                                  1.0
-                                ],
-                                "s · ",
-                                "@config.valueLabel",
-                                " = ",
-                                [
-                                  "math/round",
-                                  "@entity.value",
-                                  3.0
-                                ]
-                              ],
-                              "type": "typography",
-                              "variant": "body"
-                            },
-                            {
-                              "content": [
-                                "str/concat",
-                                "Samples recorded: ",
-                                [
-                                  "str/concat",
-                                  "",
-                                  "@entity.sampleCount"
-                                ],
-                                " · mean ",
-                                "@config.valueLabel",
-                                ": ",
-                                [
-                                  "math/round",
-                                  "@entity.meanValue",
-                                  3.0
-                                ]
+                              "children": [
+                                {
+                                  "content": "@config.taskText",
+                                  "type": "typography",
+                                  "variant": "body"
+                                },
+                                {
+                                  "color": "muted",
+                                  "content": [
+                                    "str/concat",
+                                    "@config.valueLabel",
+                                    " = ",
+                                    [
+                                      "math/round",
+                                      "@entity.value",
+                                      3.0
+                                    ],
+                                    " · ",
+                                    "@entity.sampleCount",
+                                    " recorded · mean ",
+                                    [
+                                      "math/round",
+                                      "@entity.meanValue",
+                                      3.0
+                                    ]
+                                  ],
+                                  "type": "typography",
+                                  "variant": "caption"
+                                }
                               ],
-                              "type": "typography",
-                              "variant": "caption"
+                              "direction": "vertical",
+                              "gap": "xs",
+                              "type": "stack"
                             }
                           ],
                           "direction": "vertical",
@@ -1940,7 +3909,11 @@
                     [
                       "+",
                       "@entity.t",
-                      0.1
+                      [
+                        "*",
+                        0.1,
+                        "@entity.speed"
+                      ]
                     ]
                   ]
                 ],