Companion Buttons 1.2.0: back to picking any buttons from any pages, without the header row

1.1.0 made each tile one page, so buttons picked on a second page never
showed, choosing ended on every settings change, and a tile could go blank
after a remount. This goes back to 1.0's model and keeps only the changes
asked for:

- Pick buttons from any pages; each gets a ring and its order number.
- No Page / Clear / Done row: Page is in the gear, the grid icon starts and
  ends choosing, a second click on a button takes it out.
- Choosing survives the remount a gear change causes, so switching Page
  carries straight on.
- A tile joining a stream its dashboard already has open (another tile with
  the same buttons, or itself after a settings change) asks GET /state for
  the snapshot instead of waiting blank.
- Gear: Captions and Page. The per-page ＋ entries are gone.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

test/companion-mock.js

@@ -8,10 +8,9 @@
  *
  * then point Companion Buttons at host 127.0.0.1, port 18000 in /admin.
  *
- * It serves the three subscriptions the module uses — pages.watch,
- * preview.graphics.controlId and controls.watchControl — over a hand-rolled
- * websocket (no deps), with three pages: a status page with a page-up
- * button, a camera page, and an unnamed page holding only navigation. Page 1's first button flips between green and red every two
+ * It serves the two subscriptions the module uses — pages.watch and
+ * preview.graphics.controlId — over a hand-rolled websocket (no deps), with
+ * three pages. Page 1's first button flips between green and red every two
  * seconds, like a status button; page 1's second button redraws the same
  * picture every 300 ms, like a button fed a variable that has not changed.
  * Every 30 s it sends PING and drops a client that does not answer PONG,
@@ -124,22 +123,9 @@ function readFrames(state, data, onText, onClose) {
 
 function startMock(port = 0, { renameAfter = 0, moveAfter = 0, log = () => {} } = {}) {
   const pages = {
-    p1: { id: 'p1', name: '1\\nStatus', controls: { 0: { 0: 'bank:flip', 1: 'bank:steady', 2: 'bank:blue' }, 1: { 0: 'bank:up1' } } },
+    p1: { id: 'p1', name: '1\\nStatus', controls: { 0: { 0: 'bank:flip', 1: 'bank:steady', 2: 'bank:blue' } } },
     p2: { id: 'p2', name: 'Cameras', controls: { 0: { 0: 'bank:cam1' }, 1: { 3: 'bank:cam2' } } },
-    p3: { id: 'p3', name: 'PAGE', controls: { 0: { 0: 'bank:up3' } } },
-  };
-  const layered = (value, isExpression = false) => ({
-    type: 'button-layered',
-    style: { layers: [{ id: 'canvas', type: 'canvas' }, { id: 'text0', type: 'text', text: { value, isExpression } }] },
-  });
-  const configs = {
-    'bank:flip': layered('FLIP'),
-    'bank:steady': layered('Steady'),
-    'bank:blue': layered('Blue'),
-    'bank:cam1': { type: 'button', style: { text: 'CAM 1' } },
-    'bank:cam2': layered('CAM 2'),
-    'bank:up1': { type: 'pageup', style: {} },
-    'bank:up3': { type: 'pageup', style: {} },
+    p3: { id: 'p3', name: 'PAGE', controls: {} },
   };
   const order = ['p1', 'p2', 'p3'];
   const looks = {
@@ -198,14 +184,6 @@ function startMock(port = 0, { renameAfter = 0, moveAfter = 0, log = () => {} }
     }
     if (msg.method !== 'subscription') return send(client, { id: msg.id, error: { message: 'mock: only subscriptions' } });
     const { path, input } = msg.params || {};
-    if (path === 'controls.watchControl') {
-      const cfg = configs[input && input.controlId];
-      if (!cfg) return send(client, { id: msg.id, error: { message: `Control ${input && input.controlId} not found` } });
-      stats.subscriptions += 1;
-      client.subs.set(msg.id, { path, input });
-      send(client, { id: msg.id, result: { type: 'started' } });
-      return send(client, { id: msg.id, result: { type: 'data', data: { type: 'init', config: cfg, runtime: {} } } });
-    }
     if (path !== 'pages.watch' && path !== 'preview.graphics.controlId') {
       return send(client, { id: msg.id, error: { message: `No procedure found on path "${path}"` } });
     }
@@ -298,7 +276,6 @@ function startMock(port = 0, { renameAfter = 0, moveAfter = 0, log = () => {} }
         redraw,
         looks,
         pages,
-        configs,
         /** Drop every client without a close frame, as a crash or a cable pull would. */
         dropAll() {
           for (const c of clients) c.socket.destroy();