A buttons widget: a grid of presses on one message

Several stateless instructions where a single button is one — six presets are
otherwise six tiles to place, six titles to read, and the message they share
repeated six times. Nothing is read back, as for a single button: what these
send is an instruction, and the last one sent is not a state to draw.

Auto-fit columns rather than a configured count: a tile is resized in the
editor and scaled again to whatever panel it hangs on, so how many fit is not
something the document can know.

The editor reads `cfg.buttons` raw rather than through `buttonsOf`, which
drops the blanks — a row being typed into is blank until the first keystroke.

Also carried along by the hooks: the generated SDK was stale (it had no
`RunsReadMetricNames`) and one pre-existing block in `test_panels.py` was
unformatted.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016bm2HwnRsTDpeWjSPNJxQd

frontend/src/components/Dashboard/dashboard.css

@@ -101,3 +101,21 @@
   border-right-color: var(--muted-foreground);
   border-bottom-color: var(--muted-foreground);
 }
+
+/*
+ * A grid of presses, inside one tile.
+ *
+ * Auto-fit rather than a configured column count: the tile is resized in the
+ * editor and scaled again to whatever panel it hangs on, so the number of
+ * columns that fits is not something the document can know. `1fr` rows so the
+ * presses share the tile's height however many rows they wrap into — a target
+ * on a wall panel is pressed without looking at it.
+ */
+.widget-buttons {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
+  grid-auto-rows: 1fr;
+  height: 100%;
+  min-height: 0;
+}