Rebuild the editor as a Vue app: sidebar, pages side by side, tile settings in a drawer (0.2.74)

The page is now web/ (Vue 3 + Vite + TypeScript), built into screen_manager/app/static
with hashed file names; server.py serves index.html as built and /assets/. The Python
API, the data and the firmware are unchanged. Your screens sit in a sidebar, the pages
of a screen stand next to each other at the screen's own shape, the library sits on the
right, and a tile's settings slide in as a drawer while the mockup stays in view. New
screen, Firmware & USB, Alerts, Override YAML and Settings are pages of their own.
Fonts moved to web/src/assets; the tests read the source through tests/editor_sources.py.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

tests/test_alert_broadcast.py

@@ -182,14 +182,13 @@ class Broadcast(unittest.IsolatedAsyncioTestCase):
 
 class Page(unittest.TestCase):
     def test_cheatsheet_explains_the_event(self):
-        html = (STATIC / 'index.html').read_text()
-        cheatsheet = html.split('id="alerts-dialog"', 1)[1]
-        for marker in ('id="alerts-all"', 'data-jump="alerts-all"', 'id="alerts-all-example"', 'id="alerts-all-copy"',
+        import editor_sources
+        cheatsheet = editor_sources.component('AlertsView')
+        for marker in ('id="alerts-all"', '["alerts-all", "All screens"]', 'id="alerts-all-example"', 'id="alerts-all-copy"',
                        'esp_screens_show_alert', 'esp_screens_dismiss_alert', 'Settings → Claude'):
             self.assertIn(marker, cheatsheet, marker)
-        script = (STATIC / 'app.js').read_text()
-        for marker in ('function alertAllYaml', 'broadcast?.show', 'renderAlertBroadcast();', '#alerts-all-copy").onclick'):
-            self.assertIn(marker, script, marker)
+        for marker in ('const allYaml = computed', 'broadcast?.show', 'copyText(allYaml, undefined, \'YAML\')'):
+            self.assertIn(marker, cheatsheet, marker)
 
 
 if __name__ == '__main__':