Keep Authoring within its stack and theme, and cover its wiring

- Keep the documented 72px / flex-grow 1 action sizing and the 360px
  panel width; the larger type applies to the Authoring panel only, so
  CCTV and Street Level buttons are unchanged.
- Scope the primary and file-row styles to the panel so Cyber's shared
  button surface no longer overrides them.
- Shorten the scene PLAY in Spanish and Russian so it does not break
  mid-word, and fix two translation inconsistencies.
- Map the spoken name "authoring" to the panel.
- Clear the has-shots marker when the controls are destroyed.
- Test the idle button states through published changes, the PLAY
  translation context, and where the sharing row is placed.

src/ui/sceneControls.test.mjs

@@ -3,6 +3,8 @@ import assert from 'node:assert/strict';
 import { createStateChannel } from '../app/stateChannel.js';
 import { SceneControls } from './sceneControls.js';
 import { SceneDirector } from '../scenes/director.js';
+import { mountSceneSharing } from './sceneSharing.js';
+import { setLocale } from '../i18n/index.js';
 
 function fixture() {
   class Element extends EventTarget {
@@ -466,3 +468,142 @@ test('Scene controls consume current state, preserve rows on progress, and unsub
     f.restore();
   }
 });
+
+test('Authoring refreshes idle buttons from published changes', () => {
+  const f = fixture();
+  try {
+    f.owner.destroy();
+    const channel = createStateChannel(() => f.state);
+    const owner = new SceneControls({
+      read: () => f.state,
+      actions: f.actions,
+      elements: f.elements,
+      subscribe: (listener) => channel.subscribe(listener),
+    });
+    const disabled = (name) => f.elements[name].disabled;
+    assert.equal(disabled('start'), false);
+    assert.equal(f.elements.panel.classList.contains('has-shots'), true);
+
+    f.state.selectedShotId = null;
+    channel.publish({ type: 'selection-changed' });
+    assert.equal(disabled('update'), true);
+
+    f.state.scenes[0].shots = [];
+    channel.publish({ type: 'shot-deleted' });
+    assert.equal(disabled('start'), true);
+    assert.equal(disabled('next'), true);
+    assert.equal(f.elements.panel.classList.contains('has-shots'), false);
+
+    // A run that ends hands the buttons back with the idle rules applied.
+    f.state.running = true;
+    channel.publish({ type: 'buttons-changed' });
+    assert.equal(disabled('capture'), true);
+    assert.equal(disabled('stop'), false);
+    f.state.running = false;
+    channel.publish({ type: 'buttons-changed' });
+    assert.equal(disabled('capture'), false);
+    assert.equal(disabled('start'), true);
+
+    f.state.scenes = [];
+    f.state.selectedSceneId = null;
+    channel.publish({ type: 'scene-deleted' });
+    assert.equal(disabled('delete'), true);
+    assert.equal(disabled('capture'), true);
+    assert.equal(disabled('new'), false);
+
+    f.state.scenes = [{ id: 'scene-b', title: 'B', shots: [{ id: 's' }] }];
+    f.state.selectedSceneId = 'scene-b';
+    f.state.selectedShotId = 's';
+    channel.publish({ type: 'project-imported' });
+    assert.equal(disabled('start'), false);
+    assert.equal(f.elements.panel.classList.contains('has-shots'), true);
+
+    owner.destroy();
+    assert.equal(f.elements.panel.classList.contains('has-shots'), false);
+    channel.destroy();
+  } finally {
+    f.restore();
+  }
+});
+
+test('Authoring PLAY uses the scene context, not the radio PLAY', (context) => {
+  context.after(() => setLocale('en'));
+  setLocale('es');
+  const f = fixture();
+  try {
+    assert.equal(f.elements.start.textContent, 'REPROD.');
+  } finally {
+    f.restore();
+  }
+});
+
+test('The sharing row sits under SAVE & SHARE, after the file row', () => {
+  const saved = globalThis.document;
+  const node = (className = '') => {
+    const element = {
+      className,
+      children: [],
+      dataset: {},
+      parent: null,
+      addEventListener() {},
+      removeEventListener() {},
+      append(...items) {
+        for (const item of items) {
+          item.parent = element;
+          element.children.push(item);
+        }
+      },
+      appendChild(item) {
+        element.append(item);
+      },
+      after(item) {
+        const siblings = element.parent.children;
+        item.parent = element.parent;
+        siblings.splice(siblings.indexOf(element) + 1, 0, item);
+      },
+      remove() {
+        const siblings = element.parent?.children;
+        if (siblings) siblings.splice(siblings.indexOf(element), 1);
+      },
+      querySelector(selector) {
+        const name = selector.slice(1);
+        const walk = (at) => {
+          for (const child of at.children) {
+            if (child.className.split(' ').includes(name)) return child;
+            const found = walk(child);
+            if (found) return found;
+          }
+          return null;
+        };
+        return walk(element);
+      },
+    };
+    return element;
+  };
+  globalThis.document = { createElement: () => node() };
+  try {
+    const panel = node();
+    const inner = node('scene-panel-inner');
+    const fileRow = node('scene-controls scene-file-controls');
+    const status = node('scene-status');
+    panel.append(inner);
+    inner.append(fileRow, status);
+    const dispose = mountSceneSharing({ edit() {}, share() {} }, panel);
+    const bar = inner.children[1];
+    assert.equal(bar.className, 'scene-controls');
+    assert.equal(inner.children[2], status);
+    assert.ok(bar.children.every((button) => button.title));
+    dispose();
+    assert.deepEqual(inner.children, [fileRow, status]);
+
+    // Without the file row, the bar still lands inside the panel.
+    const plain = node();
+    const plainInner = node('scene-panel-inner');
+    plain.append(plainInner);
+    mountSceneSharing({ edit() {}, share() {} }, plain)();
+    mountSceneSharing({ edit() {}, share() {} }, plain);
+    assert.equal(plainInner.children.length, 1);
+  } finally {
+    globalThis.document = saved;
+  }
+});