commit 3a0bb1cd3701ae4c2c3b6dd20c0bc455fe2f7354
Author: bramval <bramva@hotmail.com>
Date:   Thu Feb 12 10:50:49 2026 +0100

    Initial commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b52adc3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,21 @@
+.venv/
+node_modules/
+__pycache__/
+*.pyc
+
+# Logs
+logs/
+*.log
+
+# Local database
+syncplayer.db
+*.db
+
+# Media (keep only the default idle image)
+media/*
+!media/idle_image.png
+
+# OS / IDE
+.DS_Store
+Thumbs.db
+.vscode/
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..2a4830c
--- /dev/null
+++ b/README.md
@@ -0,0 +1,169 @@
+# SyncPlayer (LAN Synchronized Video Playback)
+
+Flask + Flask-SocketIO system for near frame-level synchronized playback across many browser-capable SoC displays on a local LAN.
+
+## Key synchronization mechanism
+
+### 1) Custom NTP-style time sync (client does **not** use its wall clock)
+
+Client keeps a high-resolution monotonic clock using:
+
+```js
+client_ms = performance.timeOrigin + performance.now()
+```
+
+Every 10s the client sends `t1_ms` and the server replies with `{t1_ms, t2_ms}` where `t2_ms` is server time in ms.
+
+Client receives the reply at `t3_ms` and calculates:
+
+```text
+rtt = t3 - t1
+offset = t2 - (t1 + t3)/2
+server_time ~= client_time + offset
+```
+
+Offset is smoothed to reduce jitter.
+
+### 2) Scheduled absolute start
+
+When an event triggers, the server schedules a future start time:
+
+```text
+start_time_ms = server_time_ms() + EVENT_LEAD_TIME_MS (default 5000)
+```
+
+Server sends each participating display:
+
+- `video_url`
+- `start_time_ms`
+- `event_id`
+
+Client preloads, pauses at 0, then uses a `setTimeout` + `requestAnimationFrame` loop to call `video.play()` *as close as possible* to `start_time_ms` using the corrected server clock.
+
+### 3) Drift correction during playback
+
+Every 2s client computes:
+
+```text
+expected = (serverNowMs - start_time_ms)/1000
+drift = video.currentTime - expected
+```
+
+- if `|drift| > 15ms`: adjust `playbackRate` slightly (0.99 / 1.01)
+- if `|drift| > 100ms`: hard seek to expected
+
+This keeps the group synchronized on low-latency LANs.
+
+## Project structure
+
+```
+/app
+/templates
+/static
+/media
+models.py
+routes.py
+sockets.py
+udp_listener.py
+sync.py
+config.py
+run.py
+requirements.txt
+```
+
+## Setup
+
+### 1) Create venv + install deps
+
+Windows (cmd):
+
+```bat
+python -m venv .venv
+.venv\Scripts\activate
+pip install -r requirements.txt
+```
+
+### 2) Initialize database
+
+```bat
+python run.py init-db
+```
+
+### 3) Run server
+
+```bat
+python run.py --host 0.0.0.0 --port 5000
+```
+
+Notes:
+- On Windows / Python 3.14+, this runs in `threading` async mode by default (good enough for LAN testing). For highest scale/throughput, run on Linux and install `eventlet` or `gevent`.
+- You can force an async mode with: `set ASYNC_MODE=threading` (Windows) or `export ASYNC_MODE=eventlet|gevent|threading` (Linux).
+
+Open admin UI:
+
+- `http://<server-ip>:5000/admin/`
+
+Open display pages:
+
+- `http://<server-ip>:5000/display/<public_id>`
+
+## UDP trigger
+
+Configure UDP Port + UDP Payload on an Event in the admin UI. The UDP listener binds ports automatically (refreshes config every 5s).
+
+Send a UDP packet (example PowerShell):
+
+```powershell
+$udp = new-Object System.Net.Sockets.UdpClient
+$bytes = [Text.Encoding]::UTF8.GetBytes("SHOW_START")
+$udp.Send($bytes, $bytes.Length, "192.168.1.10", 7777) | Out-Null
+$udp.Close()
+```
+
+### Firewall notes
+
+- Allow TCP port (default 5000) for HTTP/WebSocket.
+- Allow the configured UDP ports for triggers.
+
+## HTTP URL trigger (LAN)
+
+You can also trigger an event by opening a URL (useful for simple controllers without UDP):
+
+- By id: `http://<server-ip>:5000/trigger/<event_id>`
+- By name: `http://<server-ip>:5000/trigger_by_name/<event_name>`
+
+Cooldown:
+- Cooldown is enforced by default.
+- To bypass cooldown (LAN only), add `?force=1`.
+
+Example:
+
+```
+http://192.168.1.10:5000/trigger/1?force=1
+```
+
+## Idle image (no active event)
+
+You can upload an **Idle Image** in the admin UI:
+
+- `http://<server-ip>:5000/admin/idle-image`
+
+When no triggered event is active, displays show this image fullscreen.
+
+## Debug overlay
+
+On display page:
+
+- Press **F2** or **Ctrl+Shift+D**, or
+- **Double click** anywhere
+
+to toggle a small overlay showing Socket.IO connection state, offset/RTT, event id, drift and playbackRate.
+
+## Display video cache warming
+
+When a display page loads, it will fetch `/api/videos` and perform **background cache warming**:
+
+- Default strategy: request the first **1MB** of each video via HTTP `Range` (`bytes=0-1048575`).
+- Purpose: get the container + initial moov atoms into cache to reduce startup stutter.
+- It is **best-effort**: browsers may evict cache under pressure, and some platforms ignore caching for large media.
+- Cache warming automatically pauses once an event starts to avoid competing bandwidth during synchronized start.
diff --git a/app/__init__.py b/app/__init__.py
new file mode 100644
index 0000000..e267923
--- /dev/null
+++ b/app/__init__.py
@@ -0,0 +1,66 @@
+from __future__ import annotations
+
+import logging
+import os
+from logging.handlers import RotatingFileHandler
+
+from flask import Flask
+from flask_compress import Compress
+from flask_cors import CORS
+
+from config import Config
+from models import db
+from routes import admin_bp, bp
+from sockets import socketio
+
+
+def create_app() -> Flask:
+    app = Flask(__name__, template_folder=os.path.join(os.path.dirname(__file__), "..", "templates"), static_folder=os.path.join(os.path.dirname(__file__), "..", "static"))
+    app.config.from_object(Config)
+
+    os.makedirs(app.config["MEDIA_DIR"], exist_ok=True)
+
+    # Extensions
+    db.init_app(app)
+    CORS(app, resources={r"/*": {"origins": app.config.get("CORS_ORIGINS", "*")}})
+    Compress(app)
+
+    # SocketIO tuning from config
+    socketio.init_app(
+        app,
+        cors_allowed_origins=app.config.get("CORS_ORIGINS", "*"),
+        ping_interval=app.config["SOCKETIO_PING_INTERVAL"],
+        ping_timeout=app.config["SOCKETIO_PING_TIMEOUT"],
+    )
+
+    # Blueprints
+    app.register_blueprint(bp)
+    app.register_blueprint(admin_bp)
+
+    # Logging
+    _configure_logging(app)
+
+    @app.after_request
+    def _lan_headers(resp):
+        # Keep headers permissive for embedded Chromium/Tizen/WebOS.
+        resp.headers.pop("Content-Security-Policy", None)
+        resp.headers.pop("Cross-Origin-Opener-Policy", None)
+        resp.headers.pop("Cross-Origin-Embedder-Policy", None)
+        # Disable caching for HTML/JS (but media route sets its own cache-control)
+        if resp.mimetype in ("text/html", "application/javascript"):
+            resp.headers["Cache-Control"] = "no-store"
+        return resp
+
+    return app
+
+
+def _configure_logging(app: Flask) -> None:
+    os.makedirs(os.path.join(app.root_path, "..", "logs"), exist_ok=True)
+    log_path = os.path.abspath(os.path.join(app.root_path, "..", "logs", "system.log"))
+    handler = RotatingFileHandler(log_path, maxBytes=2_000_000, backupCount=3)
+    fmt = logging.Formatter("%(asctime)s %(levelname)s %(name)s: %(message)s")
+    handler.setFormatter(fmt)
+    handler.setLevel(logging.INFO)
+    app.logger.addHandler(handler)
+    logging.getLogger().addHandler(handler)
+    logging.getLogger().setLevel(logging.INFO)
diff --git a/config.py b/config.py
new file mode 100644
index 0000000..2cfb87b
--- /dev/null
+++ b/config.py
@@ -0,0 +1,31 @@
+import os
+
+
+class Config:
+    # LAN / kiosk deployments typically don't need strong cookie security.
+    SECRET_KEY = os.environ.get("SECRET_KEY", "dev-secret-key-change-me")
+
+    BASE_DIR = os.path.abspath(os.path.dirname(__file__))
+    DB_PATH = os.path.join(BASE_DIR, "syncplayer.db")
+    SQLALCHEMY_DATABASE_URI = os.environ.get("DATABASE_URL", f"sqlite:///{DB_PATH}")
+    SQLALCHEMY_TRACK_MODIFICATIONS = False
+
+    MEDIA_DIR = os.environ.get("MEDIA_DIR", os.path.join(BASE_DIR, "media"))
+    MAX_CONTENT_LENGTH = int(os.environ.get("MAX_CONTENT_LENGTH", str(2 * 1024 * 1024 * 1024)))  # 2GB
+
+    # Socket.IO tuning for LAN
+    SOCKETIO_PING_INTERVAL = float(os.environ.get("SOCKETIO_PING_INTERVAL", "5"))
+    SOCKETIO_PING_TIMEOUT = float(os.environ.get("SOCKETIO_PING_TIMEOUT", "10"))
+
+    # Client drift correction thresholds (ms)
+    DRIFT_SOFT_MS = float(os.environ.get("DRIFT_SOFT_MS", "15"))
+    DRIFT_HARD_MS = float(os.environ.get("DRIFT_HARD_MS", "100"))
+
+    # When an event triggers we schedule playback this many ms into the future.
+    EVENT_LEAD_TIME_MS = int(os.environ.get("EVENT_LEAD_TIME_MS", "5000"))
+
+    # If video duration isn't known, keep event state alive for this many seconds.
+    EVENT_FALLBACK_TTL_SECONDS = int(os.environ.get("EVENT_FALLBACK_TTL_SECONDS", "3600"))
+
+    # CORS: allow everything within LAN. Tighten if needed.
+    CORS_ORIGINS = os.environ.get("CORS_ORIGINS", "*")
diff --git a/event_manager.py b/event_manager.py
new file mode 100644
index 0000000..ad38943
--- /dev/null
+++ b/event_manager.py
@@ -0,0 +1,63 @@
+from __future__ import annotations
+
+import logging
+from typing import Dict, Optional
+
+from flask import url_for
+
+from models import Display, EventDisplayMap, Video, db
+from sync import ActiveEventState, server_time_ms, set_trigger_event
+
+
+logger = logging.getLogger(__name__)
+
+
+def _build_assignments(event_id: int) -> Dict[str, str]:
+    maps = (
+        db.session.query(EventDisplayMap)
+        .filter_by(event_id=event_id)
+        .join(Display, EventDisplayMap.display_id == Display.id)
+        .join(Video, EventDisplayMap.video_id == Video.id)
+        .all()
+    )
+    assignments: Dict[str, str] = {}
+    for m in maps:
+        assignments[m.display.public_id] = url_for("main.media", filename=m.video.filename)
+    return assignments
+
+
+def broadcast_trigger_state(state: ActiveEventState) -> None:
+    # Lazy import to avoid circular import (sockets -> event_manager -> sockets)
+    from sockets import socketio
+
+    for public_id, video_url in state.assignments.items():
+        socketio.emit(
+            "event_start",
+            {
+                "event_id": state.event_id,
+                "event_name": state.name,
+                "video_url": video_url,
+                "start_time_ms": state.start_time_ms,
+                "server_time_ms": server_time_ms(),
+            },
+            room=f"display:{public_id}",
+        )
+
+
+def activate_trigger_event(event_id: int, start_ms: float, end_ms: float, name: str) -> Optional[ActiveEventState]:
+    """Activate a triggered event, store it in-memory, and broadcast it to displays."""
+    assignments = _build_assignments(event_id)
+    if not assignments:
+        return None
+
+    state = ActiveEventState(
+        event_id=event_id,
+        name=name,
+        start_time_ms=start_ms,
+        end_time_ms=end_ms,
+        assignments=assignments,
+    )
+    set_trigger_event(state)
+    broadcast_trigger_state(state)
+    logger.info("Activated trigger event %s (%s)", event_id, name)
+    return state
diff --git a/media/idle_image.png b/media/idle_image.png
new file mode 100644
index 0000000..9b9105c
Binary files /dev/null and b/media/idle_image.png differ
diff --git a/models.py b/models.py
new file mode 100644
index 0000000..5d6684f
--- /dev/null
+++ b/models.py
@@ -0,0 +1,87 @@
+from __future__ import annotations
+
+from datetime import datetime
+
+from flask_sqlalchemy import SQLAlchemy
+from sqlalchemy import UniqueConstraint
+
+
+db = SQLAlchemy()
+
+
+class Display(db.Model):
+    __tablename__ = "displays"
+
+    id = db.Column(db.Integer, primary_key=True)
+    name = db.Column(db.String(120), nullable=False)
+    public_id = db.Column(db.String(64), nullable=False, unique=True, index=True)
+    last_seen = db.Column(db.DateTime, nullable=True)
+    is_online = db.Column(db.Boolean, nullable=False, default=False)
+
+    def __repr__(self) -> str:
+        return f"<Display {self.public_id} online={self.is_online}>"
+
+
+class Video(db.Model):
+    __tablename__ = "videos"
+
+    id = db.Column(db.Integer, primary_key=True)
+    filename = db.Column(db.String(255), nullable=False, unique=True)
+    duration = db.Column(db.Float, nullable=True)  # seconds
+    uploaded_at = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)
+
+    def __repr__(self) -> str:
+        return f"<Video {self.filename}>"
+
+
+class Event(db.Model):
+    __tablename__ = "events"
+
+    id = db.Column(db.Integer, primary_key=True)
+    name = db.Column(db.String(120), nullable=False)
+    udp_port = db.Column(db.Integer, nullable=True)
+    udp_payload = db.Column(db.String(255), nullable=True)
+    cooldown_seconds = db.Column(db.Integer, nullable=False, default=2)
+    last_triggered = db.Column(db.DateTime, nullable=True)
+
+    # Optional scheduled time could be added later (left out of DB intentionally unless required).
+
+    maps = db.relationship("EventDisplayMap", backref="event", cascade="all, delete-orphan")
+
+    def __repr__(self) -> str:
+        return f"<Event {self.name}>"
+
+
+class EventDisplayMap(db.Model):
+    __tablename__ = "event_display_maps"
+    __table_args__ = (
+        UniqueConstraint("event_id", "display_id", name="uq_event_display"),
+    )
+
+    id = db.Column(db.Integer, primary_key=True)
+    event_id = db.Column(db.Integer, db.ForeignKey("events.id"), nullable=False)
+    display_id = db.Column(db.Integer, db.ForeignKey("displays.id"), nullable=False)
+    video_id = db.Column(db.Integer, db.ForeignKey("videos.id"), nullable=False)
+
+    display = db.relationship("Display")
+    video = db.relationship("Video")
+
+
+class EventLog(db.Model):
+    __tablename__ = "event_logs"
+
+    id = db.Column(db.Integer, primary_key=True)
+    event_id = db.Column(db.Integer, db.ForeignKey("events.id"), nullable=False)
+    triggered_at = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)
+    trigger_source = db.Column(db.String(32), nullable=False)  # manual|udp
+    source_ip = db.Column(db.String(64), nullable=True)
+
+    event = db.relationship("Event")
+
+
+class AppSetting(db.Model):
+    __tablename__ = "app_settings"
+
+    # Small key/value store for global settings (SQLite-friendly)
+    key = db.Column(db.String(64), primary_key=True)
+    value = db.Column(db.String(255), nullable=False)
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..36ba1fd
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,141 @@
+{
+  "name": "syncplayer",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "syncplayer",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "socket.io-client": "4.7.5"
+      }
+    },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
+      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io-client": {
+      "version": "6.5.4",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.5.4.tgz",
+      "integrity": "sha512-GeZeeRjpD2qf49cZQ0Wvh/8NJNfeXkXXcoGh+F77oEAgo9gUHwT1fCRxSNU+YEEaysOJTnsFHmM5oAcPy4ntvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.17.1",
+        "xmlhttprequest-ssl": "~2.0.0"
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
+      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/socket.io-client": {
+      "version": "4.7.5",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.7.5.tgz",
+      "integrity": "sha512-sJ/tqHOCe7Z50JCBCXrsY3I2k03iOiUe+tj1OmKeD2lXPiGH/RUCdTZFoqVyN7l1MnpIzPrGtLcijffmeouNlQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.2",
+        "engine.io-client": "~6.5.2",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.5.tgz",
+      "integrity": "sha512-bPMmpy/5WWKHea5Y/jYAP6k74A+hvmRCQaJuJB6I/ML5JZq/KfNieUVo/3Mh7SAqn7TyFdIo6wqYHInG1MU1bQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.4.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-parser/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xmlhttprequest-ssl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.0.0.tgz",
+      "integrity": "sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..d2a216b
--- /dev/null
+++ b/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "syncplayer",
+  "version": "1.0.0",
+  "description": "Flask + Flask-SocketIO system for near frame-level synchronized playback across many browser-capable SoC displays on a local LAN.",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "commonjs",
+  "dependencies": {
+    "socket.io-client": "4.7.5"
+  }
+}
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..f11af54
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,12 @@
+Flask==3.0.2
+Flask-SocketIO==5.3.6
+# Async backends (optional). On Windows/Python 3.14+ these often have no wheels / compatibility issues.
+eventlet==0.35.2; platform_system != "Windows" and python_version < "3.14"
+gevent==24.2.1; platform_system != "Windows" and python_version < "3.14"
+gevent-websocket==0.10.1; platform_system != "Windows" and python_version < "3.14"
+Flask-SQLAlchemy==3.1.1
+# SQLAlchemy 2.0.27 breaks on Python 3.14 due to typing changes; require a newer 2.0.x.
+SQLAlchemy>=2.0.38
+Flask-Cors==4.0.0
+Flask-Compress==1.14
+python-dotenv==1.0.1
diff --git a/routes.py b/routes.py
new file mode 100644
index 0000000..c94adbf
--- /dev/null
+++ b/routes.py
@@ -0,0 +1,498 @@
+from __future__ import annotations
+
+import logging
+import os
+import subprocess
+from datetime import datetime, timedelta
+from typing import Dict, List, Optional
+
+from flask import (
+    Blueprint,
+    Response,
+    current_app,
+    flash,
+    redirect,
+    render_template,
+    request,
+    send_from_directory,
+    url_for,
+)
+
+from models import AppSetting, Display, Event, EventDisplayMap, EventLog, Video, db
+from sockets import socketio
+from event_manager import activate_trigger_event
+from sync import get_current_event, server_time_ms
+
+
+logger = logging.getLogger(__name__)
+
+
+bp = Blueprint("main", __name__)
+admin_bp = Blueprint("admin", __name__, url_prefix="/admin")
+
+
+def _get_setting(key: str) -> Optional[str]:
+    row = db.session.get(AppSetting, key)
+    return row.value if row else None
+
+
+def _set_setting(key: str, value: str) -> None:
+    row = db.session.get(AppSetting, key)
+    if row is None:
+        row = AppSetting(key=key, value=value)
+    else:
+        row.value = value
+    db.session.add(row)
+    db.session.commit()
+
+
+def _media_dir() -> str:
+    return current_app.config["MEDIA_DIR"]
+
+
+@bp.get("/")
+def index():
+    return redirect(url_for("admin.dashboard"))
+
+
+@bp.get("/display/<public_id>")
+def display_page(public_id: str):
+    # Minimal player page.
+    idle_image = _get_setting("idle_image")
+    idle_image_url = url_for("main.media", filename=idle_image) if idle_image else None
+    return render_template("display.html", public_id=public_id, idle_image_url=idle_image_url)
+
+
+@bp.get("/media/<path:filename>")
+def media(filename: str):
+    # Efficient static serving (still recommend nginx for very large deployments).
+    resp = send_from_directory(_media_dir(), filename, conditional=True)
+    # Kiosk players often struggle with overly strict headers.
+    resp.headers.pop("Content-Security-Policy", None)
+    resp.headers["Cache-Control"] = "public, max-age=3600"
+    return resp
+
+
+def _probe_duration_seconds(path: str) -> Optional[float]:
+    """Try to get media duration via ffprobe if available. Returns None on failure."""
+    try:
+        # Requires ffprobe in PATH.
+        cmd = [
+            "ffprobe",
+            "-v",
+            "error",
+            "-show_entries",
+            "format=duration",
+            "-of",
+            "default=noprint_wrappers=1:nokey=1",
+            path,
+        ]
+        out = subprocess.check_output(cmd, stderr=subprocess.STDOUT, text=True, timeout=5).strip()
+        if not out:
+            return None
+        return float(out)
+    except Exception:
+        return None
+
+
+def trigger_event(
+    event_id: int,
+    trigger_source: str,
+    source_ip: Optional[str] = None,
+    *,
+    force: bool = False,
+) -> bool:
+    """Trigger an event.
+
+    Cooldown is enforced unless force=True.
+    Returns True if triggered.
+    """
+    ev = db.session.get(Event, event_id)
+    if not ev:
+        return False
+
+    now = datetime.utcnow()
+    if (not force) and ev.last_triggered and ev.cooldown_seconds:
+        if now < ev.last_triggered + timedelta(seconds=ev.cooldown_seconds):
+            return False
+
+    maps = (
+        db.session.query(EventDisplayMap)
+        .filter_by(event_id=ev.id)
+        .join(Display, EventDisplayMap.display_id == Display.id)
+        .join(Video, EventDisplayMap.video_id == Video.id)
+        .all()
+    )
+    if not maps:
+        return False
+
+    lead_ms = int(current_app.config["EVENT_LEAD_TIME_MS"])
+    start_ms = server_time_ms() + float(lead_ms)
+
+    assignments: Dict[str, str] = {}
+    max_duration = 0.0
+    for m in maps:
+        assignments[m.display.public_id] = url_for("main.media", filename=m.video.filename)
+        if m.video.duration and m.video.duration > max_duration:
+            max_duration = float(m.video.duration)
+
+    ttl_s = current_app.config["EVENT_FALLBACK_TTL_SECONDS"]
+    end_ms = start_ms + (max_duration * 1000.0 if max_duration > 0 else ttl_s * 1000.0)
+
+    activate_trigger_event(event_id=ev.id, start_ms=start_ms, end_ms=end_ms, name=ev.name)
+
+    ev.last_triggered = now
+    db.session.add(
+        EventLog(event_id=ev.id, trigger_source=trigger_source, source_ip=source_ip)
+    )
+    db.session.commit()
+    logger.info("Triggered event %s (%s) via %s", ev.id, ev.name, trigger_source)
+    socketio.emit("admin_event_triggered", {"event_id": ev.id, "event_name": ev.name, "start_time_ms": start_ms}, room="admin")
+    return True
+
+
+@admin_bp.get("/")
+def dashboard():
+    displays = db.session.query(Display).order_by(Display.id.asc()).all()
+    events = db.session.query(Event).order_by(Event.id.desc()).all()
+    active = get_current_event()
+    return render_template("admin/dashboard.html", displays=displays, events=events, active=active)
+
+
+@admin_bp.get("/displays")
+def displays_list():
+    displays = db.session.query(Display).order_by(Display.id.asc()).all()
+    return render_template("admin/displays.html", displays=displays)
+
+
+@admin_bp.route("/displays/new", methods=["GET", "POST"])
+def display_new():
+    if request.method == "POST":
+        name = request.form.get("name", "").strip()
+        public_id = request.form.get("public_id", "").strip()
+        if not name or not public_id:
+            flash("Name and public_id are required", "danger")
+            return render_template("admin/display_form.html", display=None)
+        if db.session.query(Display).filter_by(public_id=public_id).first():
+            flash("public_id already exists", "danger")
+            return render_template("admin/display_form.html", display=None)
+        d = Display(name=name, public_id=public_id, is_online=False)
+        db.session.add(d)
+        db.session.commit()
+        return redirect(url_for("admin.displays_list"))
+    return render_template("admin/display_form.html", display=None)
+
+
+@admin_bp.route("/displays/<int:display_id>/edit", methods=["GET", "POST"])
+def display_edit(display_id: int):
+    d = db.session.get(Display, display_id)
+    if not d:
+        return redirect(url_for("admin.displays_list"))
+    if request.method == "POST":
+        d.name = request.form.get("name", d.name).strip()
+        public_id = request.form.get("public_id", d.public_id).strip()
+        if public_id != d.public_id and db.session.query(Display).filter_by(public_id=public_id).first():
+            flash("public_id already exists", "danger")
+            return render_template("admin/display_form.html", display=d)
+        d.public_id = public_id
+        db.session.commit()
+        return redirect(url_for("admin.displays_list"))
+    return render_template("admin/display_form.html", display=d)
+
+
+@admin_bp.post("/displays/<int:display_id>/delete")
+def display_delete(display_id: int):
+    d = db.session.get(Display, display_id)
+    if d:
+        db.session.delete(d)
+        db.session.commit()
+    return redirect(url_for("admin.displays_list"))
+
+
+@admin_bp.get("/videos")
+def videos_list():
+    videos = db.session.query(Video).order_by(Video.uploaded_at.desc()).all()
+    return render_template("admin/videos.html", videos=videos)
+
+
+@admin_bp.route("/videos/upload", methods=["GET", "POST"])
+def videos_upload():
+    if request.method == "POST":
+        f = request.files.get("file")
+        if not f or not f.filename:
+            flash("No file selected", "danger")
+            return redirect(url_for("admin.videos_upload"))
+        filename = os.path.basename(f.filename)
+        # Basic format check
+        if not (filename.lower().endswith(".mp4") or filename.lower().endswith(".webm")):
+            flash("Only MP4/WebM supported", "danger")
+            return redirect(url_for("admin.videos_upload"))
+
+        os.makedirs(_media_dir(), exist_ok=True)
+        dst = os.path.join(_media_dir(), filename)
+        if os.path.exists(dst):
+            flash("A file with that name already exists", "danger")
+            return redirect(url_for("admin.videos_upload"))
+        f.save(dst)
+
+        dur = _probe_duration_seconds(dst)
+        v = Video(filename=filename, duration=dur)
+        db.session.add(v)
+        db.session.commit()
+        flash(f"Uploaded {filename}", "success")
+        return redirect(url_for("admin.videos_list"))
+
+    return render_template("admin/videos_upload.html")
+
+
+@admin_bp.get("/idle-image")
+def idle_image_page():
+    current = _get_setting("idle_image")
+    current_url = url_for("main.media", filename=current) if current else None
+    return render_template("admin/idle_image.html", current=current, current_url=current_url)
+
+
+@admin_bp.post("/idle-image/upload")
+def idle_image_upload():
+    f = request.files.get("file")
+    if not f or not f.filename:
+        flash("No file selected", "danger")
+        return redirect(url_for("admin.idle_image_page"))
+
+    filename = os.path.basename(f.filename)
+    ext = os.path.splitext(filename)[1].lower()
+    if ext not in (".png", ".jpg", ".jpeg", ".webp"):
+        flash("Only PNG/JPG/WebP supported", "danger")
+        return redirect(url_for("admin.idle_image_page"))
+
+    os.makedirs(_media_dir(), exist_ok=True)
+    # Store as a stable name to avoid needing more DB fields.
+    dst_name = f"idle_image{ext}"
+
+    # If we're changing extension, clean up the old file.
+    prev = _get_setting("idle_image")
+    if prev and prev != dst_name:
+        try:
+            os.remove(os.path.join(_media_dir(), prev))
+        except OSError:
+            pass
+
+    dst = os.path.join(_media_dir(), dst_name)
+    try:
+        f.save(dst)
+    except Exception:
+        flash("Failed to save file", "danger")
+        return redirect(url_for("admin.idle_image_page"))
+
+    _set_setting("idle_image", dst_name)
+    flash(f"Uploaded idle image ({dst_name})", "success")
+    return redirect(url_for("admin.idle_image_page"))
+
+
+@admin_bp.post("/idle-image/clear")
+def idle_image_clear():
+    cur = _get_setting("idle_image")
+    if cur:
+        # Delete DB setting
+        row = db.session.get(AppSetting, "idle_image")
+        if row:
+            db.session.delete(row)
+            db.session.commit()
+        # Best-effort delete file
+        try:
+            os.remove(os.path.join(_media_dir(), cur))
+        except OSError:
+            pass
+
+    flash("Idle image cleared", "success")
+    return redirect(url_for("admin.idle_image_page"))
+
+
+@admin_bp.post("/videos/<int:video_id>/delete")
+def videos_delete(video_id: int):
+    v = db.session.get(Video, video_id)
+    if v:
+        try:
+            os.remove(os.path.join(_media_dir(), v.filename))
+        except OSError:
+            pass
+        db.session.delete(v)
+        db.session.commit()
+    return redirect(url_for("admin.videos_list"))
+
+
+@admin_bp.get("/events")
+def events_list():
+    events = db.session.query(Event).order_by(Event.id.desc()).all()
+    return render_template("admin/events.html", events=events)
+
+
+@admin_bp.route("/events/new", methods=["GET", "POST"])
+def event_new():
+    displays = db.session.query(Display).order_by(Display.id.asc()).all()
+    videos = db.session.query(Video).order_by(Video.filename.asc()).all()
+    if request.method == "POST":
+        name = request.form.get("name", "").strip()
+        udp_port = request.form.get("udp_port", "").strip() or None
+        udp_payload = request.form.get("udp_payload", "").strip() or None
+        cooldown = int(request.form.get("cooldown_seconds", "2") or 2)
+        if not name:
+            flash("Name required", "danger")
+            return render_template("admin/event_form.html", event=None, displays=displays, videos=videos)
+
+        ev = Event(
+            name=name,
+            udp_port=int(udp_port) if udp_port else None,
+            udp_payload=udp_payload,
+            cooldown_seconds=cooldown,
+        )
+        db.session.add(ev)
+        db.session.flush()
+
+        # Mappings: form fields map_<display_id>
+        for d in displays:
+            vid = request.form.get(f"map_{d.id}")
+            if not vid:
+                continue
+            db.session.add(EventDisplayMap(event_id=ev.id, display_id=d.id, video_id=int(vid)))
+        db.session.commit()
+        return redirect(url_for("admin.events_list"))
+
+    return render_template("admin/event_form.html", event=None, displays=displays, videos=videos)
+
+
+@admin_bp.route("/events/<int:event_id>/edit", methods=["GET", "POST"])
+def event_edit(event_id: int):
+    ev = db.session.get(Event, event_id)
+    if not ev:
+        return redirect(url_for("admin.events_list"))
+    displays = db.session.query(Display).order_by(Display.id.asc()).all()
+    videos = db.session.query(Video).order_by(Video.filename.asc()).all()
+    existing = {m.display_id: m.video_id for m in db.session.query(EventDisplayMap).filter_by(event_id=ev.id).all()}
+
+    if request.method == "POST":
+        ev.name = request.form.get("name", ev.name).strip()
+        udp_port = request.form.get("udp_port", "").strip() or None
+        ev.udp_port = int(udp_port) if udp_port else None
+        ev.udp_payload = request.form.get("udp_payload", "").strip() or None
+        ev.cooldown_seconds = int(request.form.get("cooldown_seconds", str(ev.cooldown_seconds)) or ev.cooldown_seconds)
+
+        # Replace mappings
+        db.session.query(EventDisplayMap).filter_by(event_id=ev.id).delete()
+        for d in displays:
+            vid = request.form.get(f"map_{d.id}")
+            if not vid:
+                continue
+            db.session.add(EventDisplayMap(event_id=ev.id, display_id=d.id, video_id=int(vid)))
+        db.session.commit()
+        return redirect(url_for("admin.events_list"))
+
+    return render_template(
+        "admin/event_form.html",
+        event=ev,
+        displays=displays,
+        videos=videos,
+        existing=existing,
+    )
+
+
+@admin_bp.post("/events/<int:event_id>/delete")
+def event_delete(event_id: int):
+    ev = db.session.get(Event, event_id)
+    if ev:
+        db.session.delete(ev)
+        db.session.commit()
+    return redirect(url_for("admin.events_list"))
+
+
+@admin_bp.post("/events/<int:event_id>/trigger")
+def event_trigger(event_id: int):
+    ok = trigger_event(event_id=event_id, trigger_source="manual", source_ip=request.remote_addr)
+    if not ok:
+        flash("Event not triggered (cooldown or missing mappings)", "warning")
+    else:
+        flash("Event triggered", "success")
+    return redirect(url_for("admin.dashboard"))
+
+
+@bp.get("/trigger/<int:event_id>")
+def http_trigger(event_id: int):
+    """Simple URL trigger endpoint for LAN integrations.
+
+    Example:
+      http://server:5000/trigger/1
+
+    If you want a tiny bit more safety, run behind a LAN firewall or add a shared secret.
+    """
+    force = request.args.get("force") in ("1", "true", "yes")
+
+    ev = db.session.get(Event, event_id)
+    if not ev:
+        return {"ok": False, "event_id": event_id, "reason": "not_found", "server_time_ms": server_time_ms()}, 404
+
+    # Provide a useful reason if not triggered.
+    if (not force) and ev.last_triggered and ev.cooldown_seconds:
+        next_allowed = ev.last_triggered + timedelta(seconds=ev.cooldown_seconds)
+        if datetime.utcnow() < next_allowed:
+            return {
+                "ok": False,
+                "event_id": event_id,
+                "reason": "cooldown",
+                "cooldown_seconds": ev.cooldown_seconds,
+                "server_time_ms": server_time_ms(),
+            }
+
+    ok = trigger_event(event_id=event_id, trigger_source="manual", source_ip=request.remote_addr, force=force)
+    return {
+        "ok": bool(ok),
+        "event_id": event_id,
+        "forced": bool(force),
+        "server_time_ms": server_time_ms(),
+    }
+
+
+@bp.get("/trigger_by_name/<name>")
+def http_trigger_by_name(name: str):
+    """Trigger an event by its name. Intended for very simple LAN automation."""
+    force = request.args.get("force") in ("1", "true", "yes")
+    ev = db.session.query(Event).filter(Event.name == name).one_or_none()
+    if not ev:
+        return {"ok": False, "reason": "not_found", "name": name, "server_time_ms": server_time_ms()}, 404
+    ok = trigger_event(event_id=ev.id, trigger_source="manual", source_ip=request.remote_addr, force=force)
+    return {"ok": bool(ok), "event_id": ev.id, "name": ev.name, "forced": bool(force), "server_time_ms": server_time_ms()}
+
+
+@bp.get("/api/videos")
+def api_videos():
+    """List all videos for display-side pre-caching."""
+    vids = db.session.query(Video).order_by(Video.filename.asc()).all()
+    return {
+        "videos": [
+            {
+                "id": v.id,
+                "filename": v.filename,
+                "url": url_for("main.media", filename=v.filename),
+                "duration": v.duration,
+            }
+            for v in vids
+        ]
+    }
+
+
+@admin_bp.get("/logs/events")
+def event_logs():
+    logs = db.session.query(EventLog).order_by(EventLog.triggered_at.desc()).limit(200).all()
+    return render_template("admin/event_logs.html", logs=logs)
+
+
+@admin_bp.get("/logs/system")
+def system_logs():
+    # Simple log viewer for logs/system.log
+    log_path = os.path.abspath(os.path.join(current_app.root_path, "..", "logs", "system.log"))
+    lines: List[str] = []
+    try:
+        with open(log_path, "r", encoding="utf-8", errors="replace") as f:
+            lines = f.readlines()[-400:]
+    except OSError:
+        lines = ["(no logs yet)"]
+    return render_template("admin/system_logs.html", log_path=log_path, lines=lines)
diff --git a/run.py b/run.py
new file mode 100644
index 0000000..01c07b5
--- /dev/null
+++ b/run.py
@@ -0,0 +1,68 @@
+from __future__ import annotations
+
+import argparse
+import os
+
+from app import create_app
+from models import db
+from sockets import socketio, start_event_monitor
+from udp_listener import start_udp_listener
+
+
+def _ensure_sqlite_schema(app) -> None:
+    """Very small schema migration helper for SQLite dev deployments."""
+    uri: str = app.config.get("SQLALCHEMY_DATABASE_URI", "")
+    if not uri.startswith("sqlite:"):
+        return
+    import sqlite3
+
+    path = uri.split("///", 1)[-1]
+    try:
+        conn = sqlite3.connect(path)
+        # Global settings table (used for e.g. idle fallback image)
+        conn.execute(
+            "CREATE TABLE IF NOT EXISTS app_settings ("
+            "key VARCHAR(64) PRIMARY KEY, "
+            "value VARCHAR(255) NOT NULL"
+            ")"
+        )
+        conn.commit()
+    finally:
+        try:
+            conn.close()
+        except Exception:
+            pass
+
+
+def main() -> None:
+    parser = argparse.ArgumentParser(description="SyncPlayer server")
+    parser.add_argument("command", nargs="?", default="run", choices=["run", "init-db"], help="Command")
+    parser.add_argument("--host", default=os.environ.get("HOST", "0.0.0.0"))
+    parser.add_argument("--port", type=int, default=int(os.environ.get("PORT", "5000")))
+    args = parser.parse_args()
+
+    app = create_app()
+
+    with app.app_context():
+        db.create_all()
+        _ensure_sqlite_schema(app)
+
+    if args.command == "init-db":
+        with app.app_context():
+            db.create_all()
+            _ensure_sqlite_schema(app)
+        print("Database initialized")
+        return
+
+    # Start UDP listener in background
+    start_udp_listener(app)
+
+    # Monitor trigger expiry (clears in-memory state when end_time passes)
+    start_event_monitor(app)
+
+    # Prefer gevent on Windows/Python 3.14+. (eventlet is not compatible there)
+    socketio.run(app, host=args.host, port=args.port)
+
+
+if __name__ == "__main__":
+    main()
diff --git a/sockets.py b/sockets.py
new file mode 100644
index 0000000..bb68e9d
--- /dev/null
+++ b/sockets.py
@@ -0,0 +1,205 @@
+from __future__ import annotations
+
+import logging
+import os
+import sys
+from datetime import datetime
+from typing import Any, Dict, Optional
+
+from flask import request
+from flask_socketio import SocketIO, emit, join_room
+
+from models import Display, db
+from sync import get_current_event, get_trigger_event, mark_trigger_display_ended, server_time_ms
+
+
+logger = logging.getLogger(__name__)
+
+
+_env_async_mode = os.environ.get("ASYNC_MODE")  # e.g. gevent | eventlet | threading | None(auto)
+
+# IMPORTANT:
+# - On Windows + Python 3.14+, eventlet is currently incompatible and may crash if auto-selected.
+# - If ASYNC_MODE is not provided, default to 'threading' on Windows/Py3.14+.
+if _env_async_mode:
+    _async_mode = _env_async_mode
+else:
+    if os.name == "nt" or sys.version_info >= (3, 14):
+        _async_mode = "threading"
+    else:
+        _async_mode = None  # let Socket.IO auto-select (eventlet/gevent if installed)
+
+socketio = SocketIO(
+    async_mode=_async_mode or None,
+    cors_allowed_origins="*",
+    logger=False,
+    engineio_logger=False,
+    ping_interval=5,
+    ping_timeout=10,
+)
+
+
+_monitor_started = False
+
+
+def start_event_monitor(app) -> None:
+    """Background task that detects when a trigger event expires by time."""
+    global _monitor_started
+    if _monitor_started:
+        return
+    _monitor_started = True
+
+    def _run():
+        while True:
+            try:
+                with app.app_context():
+                    trig = get_trigger_event()
+            except Exception:
+                logger.exception("event monitor failed")
+            socketio.sleep(0.5)
+
+    socketio.start_background_task(_run)
+
+
+# In-memory live stats (for admin dashboard). Keyed by display public_id.
+_live: Dict[str, Dict[str, Any]] = {}
+
+
+def _set_live(public_id: str, **kwargs: Any) -> None:
+    d = _live.setdefault(public_id, {})
+    d.update(kwargs)
+
+
+def get_live_snapshot() -> Dict[str, Dict[str, Any]]:
+    return {k: dict(v) for k, v in _live.items()}
+
+
+@socketio.on("connect")
+def on_connect():
+    # Client will send hello with public_id
+    emit("connected", {"server_time_ms": server_time_ms()})
+
+
+@socketio.on("hello")
+def on_hello(data: Dict[str, Any]):
+    public_id = (data or {}).get("public_id")
+    if not public_id:
+        emit("error", {"error": "missing public_id"})
+        return
+
+    join_room(f"display:{public_id}")
+
+    disp = db.session.query(Display).filter_by(public_id=public_id).one_or_none()
+    if disp is None:
+        # Auto-create to be resilient on LAN; admin can rename later.
+        disp = Display(name=f"Display {public_id}", public_id=public_id)
+        db.session.add(disp)
+
+    disp.is_online = True
+    disp.last_seen = datetime.utcnow()
+    db.session.commit()
+
+    _set_live(public_id, sid=request.sid, user_agent=request.headers.get("User-Agent", ""), last_seen=disp.last_seen.isoformat())
+    emit("hello_ack", {"server_time_ms": server_time_ms()})
+    socketio.emit("admin_display_update", {"public_id": public_id, "is_online": True, "last_seen": disp.last_seen.isoformat()}, room="admin")
+
+
+@socketio.on("heartbeat")
+def on_heartbeat(data: Dict[str, Any]):
+    public_id = (data or {}).get("public_id")
+    if not public_id:
+        return
+    latency_ms = (data or {}).get("latency_ms")
+    offset_ms = (data or {}).get("offset_ms")
+    ready = bool((data or {}).get("ready"))
+    _set_live(public_id, latency_ms=latency_ms, offset_ms=offset_ms, ready=ready, last_seen=datetime.utcnow().isoformat())
+
+    disp = db.session.query(Display).filter_by(public_id=public_id).one_or_none()
+    if disp:
+        disp.last_seen = datetime.utcnow()
+        disp.is_online = True
+        db.session.commit()
+
+
+@socketio.on("time_sync")
+def on_time_sync(data: Dict[str, Any]):
+    # NTP-style time sync:
+    # - client sends t1 (client send time)
+    # - server records t2 (server receive time)
+    # - server replies with t1, t2, t3 (server send time)
+    # Client will record t4 on receive.
+    t1 = float((data or {}).get("t1_ms", 0.0))
+    t2 = server_time_ms()
+    # Keep a distinct send timestamp (avoid t2==t3 due to same clock read).
+    t3 = server_time_ms()
+    emit("time_sync", {"t1_ms": t1, "t2_ms": t2, "t3_ms": t3})
+
+
+@socketio.on("request_state")
+def on_request_state(data: Dict[str, Any]):
+    public_id = (data or {}).get("public_id")
+    if not public_id:
+        return
+    st = get_current_event()
+    if not st:
+        emit("event_state", {"active": False, "server_time_ms": server_time_ms()})
+        return
+    video_url = st.assignments.get(public_id)
+    if not video_url:
+        emit("event_state", {"active": False, "server_time_ms": server_time_ms()})
+        return
+    emit(
+        "event_state",
+        {
+            "active": True,
+            "event_id": st.event_id,
+            "event_name": st.name,
+            "video_url": video_url,
+            "start_time_ms": st.start_time_ms,
+            "server_time_ms": server_time_ms(),
+        },
+    )
+
+
+@socketio.on("playback_ended")
+def on_playback_ended(data: Dict[str, Any]):
+    public_id = (data or {}).get("public_id")
+    event_id = (data or {}).get("event_id")
+    if not public_id or not event_id:
+        return
+    try:
+        ended_all = mark_trigger_display_ended(int(event_id), str(public_id))
+    except Exception:
+        return
+    if ended_all:
+        # Trigger event fully ended; displays will fall back to idle image.
+        return
+
+
+@socketio.on("admin_join")
+def on_admin_join():
+    join_room("admin")
+    emit("admin_snapshot", {"server_time_ms": server_time_ms(), "live": get_live_snapshot()})
+
+
+@socketio.on("disconnect")
+def on_disconnect():
+    # We don't know which display disconnected unless tracked in _live
+    sid = request.sid
+    public_id: Optional[str] = None
+    for pid, info in list(_live.items()):
+        if info.get("sid") == sid:
+            public_id = pid
+            break
+    if not public_id:
+        return
+    try:
+        disp = db.session.query(Display).filter_by(public_id=public_id).one_or_none()
+        if disp:
+            disp.is_online = False
+            disp.last_seen = datetime.utcnow()
+            db.session.commit()
+    except Exception:
+        logger.exception("Failed to mark display offline")
+    _set_live(public_id, is_online=False)
+    socketio.emit("admin_display_update", {"public_id": public_id, "is_online": False, "last_seen": datetime.utcnow().isoformat()}, room="admin")
diff --git a/static/admin.js b/static/admin.js
new file mode 100644
index 0000000..14685d1
--- /dev/null
+++ b/static/admin.js
@@ -0,0 +1,33 @@
+(() => {
+  // Optional live updates on dashboard
+  if (!document.getElementById('tbl-displays')) return;
+
+  const socket = io({ transports: ['websocket'], upgrade: false });
+  socket.on('connect', () => {
+    socket.emit('admin_join');
+  });
+
+  function updateRow(publicId, patch) {
+    const row = document.querySelector(`tr[data-public-id="${publicId}"]`);
+    if (!row) return;
+    if (patch.is_online !== undefined) row.querySelector('.st').textContent = patch.is_online ? 'online' : 'offline';
+    if (patch.last_seen) row.querySelector('.ls').textContent = patch.last_seen;
+    if (patch.latency_ms !== undefined) row.querySelector('.lat').textContent = patch.latency_ms ? `${patch.latency_ms.toFixed(1)}ms` : '';
+    if (patch.offset_ms !== undefined) row.querySelector('.off').textContent = patch.offset_ms ? `${patch.offset_ms.toFixed(1)}ms` : '';
+  }
+
+  socket.on('admin_snapshot', (msg) => {
+    const live = msg.live || {};
+    Object.keys(live).forEach(pid => updateRow(pid, { ...live[pid], is_online: true }));
+  });
+
+  socket.on('admin_display_update', (msg) => {
+    updateRow(msg.public_id, msg);
+  });
+
+  socket.on('admin_event_triggered', (msg) => {
+    const el = document.getElementById('active-event');
+    if (!el) return;
+    el.innerHTML = `<div><strong>${msg.event_name}</strong> (#${msg.event_id})</div><div>Start: <code>${msg.start_time_ms.toFixed(3)}</code></div>`;
+  });
+})();
diff --git a/static/display.js b/static/display.js
new file mode 100644
index 0000000..55000f7
--- /dev/null
+++ b/static/display.js
@@ -0,0 +1,536 @@
+(() => {
+  const cfgEl = document.getElementById('syncplayer-config');
+  const cfg = cfgEl ? JSON.parse(cfgEl.textContent) : {};
+  const publicId = cfg.public_id;
+  const video = document.getElementById('v');
+  const dbg = document.getElementById('dbg');
+  const idleImg = document.getElementById('idle');
+  const idleUrl = cfg.idle_image_url;
+
+  let socket;
+  let offsetMs = 0; // server_time = client_time + offsetMs
+  let lastRttMs = 0;
+  let bestRttMs = Infinity;
+  let bestOffsetMs = 0;
+  let syncBurstInProgress = false;
+  let debugVisible = false;
+  let lastSocketState = 'init';
+  let lastError = '';
+  let lastEventStart = null;
+  let caching = {
+    enabled: cfg.cache_enabled !== false,
+    mode: cfg.cache_mode || 'range', // 'head' | 'range'
+    rangeBytes: (typeof cfg.cache_range_bytes === 'number') ? cfg.cache_range_bytes : 1048576,
+    maxConcurrent: 2,
+    active: 0,
+    queue: [],
+    paused: false,
+    started: false,
+    done: 0,
+    total: 0,
+    lastCacheErr: '',
+  };
+
+  if (!publicId) {
+    lastError = 'missing public_id (check /display/<public_id> URL)';
+  }
+
+  window.addEventListener('error', (e) => {
+    // Capture JS errors that would otherwise halt connect() and leave the overlay stuck.
+    const msg = (e && e.message) ? e.message : String(e || 'window_error');
+    lastError = `js_error: ${msg}`;
+  });
+
+  window.addEventListener('unhandledrejection', (e) => {
+    const msg = (e && e.reason && e.reason.message) ? e.reason.message : String((e && e.reason) || 'unhandledrejection');
+    lastError = `promise_rejection: ${msg}`;
+  });
+
+  // Active event state on client
+  let active = {
+    eventId: null,
+    startTimeMs: null,
+    videoUrl: null,
+    isReady: false,
+    hasStarted: false,
+  };
+
+  function clearActive() {
+    active.eventId = null;
+    active.startTimeMs = null;
+    active.videoUrl = null;
+    active.isReady = false;
+    active.hasStarted = false;
+  }
+
+  function showIdleImage(show) {
+    if (!idleImg) return;
+    if (!idleUrl) {
+      // If not configured, keep it hidden.
+      idleImg.style.display = 'none';
+      return;
+    }
+    if (!idleImg.src) idleImg.src = idleUrl;
+    idleImg.style.display = show ? 'block' : 'none';
+    // When idle is visible, keep video element visually hidden (some platforms show last frame otherwise)
+    if (video) video.style.visibility = show ? 'hidden' : 'visible';
+  }
+
+  function isVideoActivelyPlaying() {
+    if (!video) return false;
+    if (video.readyState < 2) return false;
+    if (video.ended) return false;
+    if (video.paused) return false;
+    return true;
+  }
+
+  function nowMs() {
+    // performance.timeOrigin + performance.now gives a monotonic, high-res clock
+    const origin = (typeof performance.timeOrigin === 'number') ? performance.timeOrigin : (Date.now() - performance.now());
+    return origin + performance.now();
+  }
+
+  function serverNowMs() {
+    return nowMs() + offsetMs;
+  }
+
+  function setOffsetSample(newOffset, rtt) {
+    // Prefer the lowest-RTT sample (least asymmetric delay).
+    // Also apply a bit of smoothing to avoid wild jumps.
+    // rtt can briefly be negative due to clock resolution or scheduling jitter; ignore those.
+    if (isFinite(rtt) && rtt > 0 && rtt < bestRttMs) {
+      bestRttMs = rtt;
+      bestOffsetMs = newOffset;
+    }
+
+    // During a sync burst (connect/event), snap quickly to best sample.
+    // Otherwise, slowly converge.
+    const alpha = syncBurstInProgress ? 0.65 : 0.15;
+    offsetMs = offsetMs * (1 - alpha) + bestOffsetMs * alpha;
+    lastRttMs = rtt;
+  }
+
+  function setDebug(text) {
+    if (!debugVisible) return;
+    dbg.textContent = text;
+  }
+
+  function updateDebugOverlay() {
+    if (!debugVisible) return;
+
+    const conn = socket && socket.connected;
+    const now = serverNowMs();
+    const ev = lastEventStart;
+    const readyState = video ? video.readyState : -1;
+    const paused = video ? video.paused : true;
+    const ct = video ? video.currentTime : 0;
+
+    setDebug(
+      `id=${publicId}\n` +
+      `socket=${conn ? 'connected' : 'disconnected'} state=${lastSocketState}\n` +
+      `offsetMs=${offsetMs.toFixed(2)} rttMs=${lastRttMs.toFixed(2)} bestRttMs=${isFinite(bestRttMs) ? bestRttMs.toFixed(2) : 'inf'}\n` +
+      `serverNowMs=${now.toFixed(1)}\n` +
+      `video: readyState=${readyState} paused=${paused} ct=${ct.toFixed(3)} rate=${(video.playbackRate||1).toFixed(3)}\n` +
+      (ev ? `eventId=${ev.event_id} start=${ev.start_time_ms.toFixed(1)}\nurl=${ev.video_url}\n` : 'eventId=(none)\n') +
+      (caching.enabled ? `cache: ${caching.done}/${caching.total} active=${caching.active} paused=${caching.paused}\n` : '') +
+      (caching.lastCacheErr ? `cacheErr=${caching.lastCacheErr}\n` : '') +
+      (lastError ? `err=${lastError}\n` : '')
+    );
+  }
+
+  async function fetchJson(url) {
+    const res = await fetch(url, { cache: 'no-store' });
+    if (!res.ok) throw new Error(`http ${res.status}`);
+    return await res.json();
+  }
+
+  async function warmOne(url) {
+    // Best-effort cache warming. Range requests are widely supported and cheap.
+    try {
+      let headers = {};
+      let method = 'GET';
+      if (caching.mode === 'head') {
+        method = 'HEAD';
+      } else {
+        headers['Range'] = `bytes=0-${Math.max(0, caching.rangeBytes - 1)}`;
+      }
+      const res = await fetch(url, { method, headers, cache: 'force-cache' });
+
+      // If the server ignores Range and returns 200, do NOT download the full video.
+      // Treat it as "warmed enough" (the request itself may prime TCP + DNS).
+      if (method === 'GET') {
+        if (res.status === 206) {
+          try { await res.arrayBuffer(); } catch (e) {}
+        }
+      }
+
+      if (!res.ok && res.status !== 206 && res.status !== 200) {
+        throw new Error(`warm status=${res.status}`);
+      }
+    } catch (e) {
+      caching.lastCacheErr = String(e && e.message ? e.message : e);
+    }
+  }
+
+  function cachePump() {
+    if (!caching.enabled || caching.paused) return;
+    while (caching.active < caching.maxConcurrent && caching.queue.length) {
+      const url = caching.queue.shift();
+      caching.active++;
+      warmOne(url).finally(() => {
+        caching.active--;
+        caching.done++;
+        cachePump();
+      });
+    }
+  }
+
+  async function startCacheWarmup() {
+    if (!caching.enabled || caching.started) return;
+    caching.started = true;
+    try {
+      const data = await fetchJson('/api/videos');
+      const vids = (data && data.videos) ? data.videos : [];
+      caching.queue = vids.map(v => v.url);
+      caching.total = caching.queue.length;
+      cachePump();
+    } catch (e) {
+      caching.lastCacheErr = String(e && e.message ? e.message : e);
+    }
+  }
+
+  function connect() {
+    if (typeof io !== 'function') {
+      lastSocketState = 'no_io';
+      lastError = 'Socket.IO client not loaded (check /socket.io/socket.io.js)';
+      return;
+    }
+
+    // Prefer websocket, but allow polling fallback (important for some environments / server async modes).
+    socket = io({ transports: ['websocket', 'polling'], upgrade: true, reconnection: true, reconnectionDelayMax: 1000 });
+
+    socket.on('connect_error', (err) => {
+      lastSocketState = 'connect_error';
+      lastError = (err && err.message) ? err.message : String(err || 'connect_error');
+      console.warn('socket connect_error', err);
+    });
+
+    socket.on('error', (err) => {
+      lastSocketState = 'socket_error';
+      lastError = (err && err.error) ? err.error : String(err || 'socket_error');
+      console.warn('socket error', err);
+    });
+
+    socket.on('connect', () => {
+      lastSocketState = 'connected';
+      lastError = '';
+      socket.emit('hello', { public_id: publicId });
+      startTimeSyncLoop();
+      startHeartbeatLoop();
+      // Quickly converge on a good offset right after connecting.
+      // This reduces the chance we schedule the next event using a bad clock estimate.
+      timeSyncBurst(8, 120);
+      socket.emit('request_state', { public_id: publicId });
+    });
+
+    socket.on('hello_ack', () => {
+      lastSocketState = 'hello_ack';
+    });
+
+    socket.on('disconnect', () => {
+      lastSocketState = 'disconnected';
+      active.isReady = false;
+      // If we lose state, prefer showing idle image over a black frame.
+      showIdleImage(true);
+    });
+
+    socket.on('time_sync', (msg) => {
+      // msg: {t1_ms, t2_ms, t3_ms}; we receive at t4
+      // NTP formulas:
+      //   rtt = (t4 - t1) - (t3 - t2)
+      //   offset = ((t2 - t1) + (t3 - t4)) / 2
+      const t4 = nowMs();
+      const t1 = msg.t1_ms;
+      const t2 = msg.t2_ms;
+      const t3 = msg.t3_ms;
+
+      if (!isFinite(t1) || !isFinite(t2) || !isFinite(t3)) return;
+      const rtt = (t4 - t1) - (t3 - t2);
+      const newOffset = ((t2 - t1) + (t3 - t4)) / 2.0;
+
+      setOffsetSample(newOffset, rtt);
+    });
+
+    socket.on('event_start', async (msg) => {
+      caching.paused = true; // don't contend bandwidth at synchronized start
+      lastEventStart = msg;
+      // msg: {event_id, video_url, start_time_ms}
+      active.eventId = msg.event_id;
+      active.startTimeMs = msg.start_time_ms;
+      active.videoUrl = msg.video_url;
+      active.isReady = false;
+      active.hasStarted = false;
+
+       // Any incoming event means something will play; hide idle image.
+       showIdleImage(false);
+
+      // A trigger may arrive while our offset is still converging.
+      // Do a quick burst to get a good offset before scheduling playback.
+      await timeSyncBurst(8, 120);
+      await prepareVideo(msg.video_url);
+      scheduleStart();
+    });
+
+    socket.on('event_state', async (msg) => {
+      if (!msg.active) return;
+      caching.paused = true;
+      lastEventStart = msg;
+      active.eventId = msg.event_id;
+      active.startTimeMs = msg.start_time_ms;
+      active.videoUrl = msg.video_url;
+      active.isReady = false;
+      active.hasStarted = false;
+
+       showIdleImage(false);
+      await prepareVideo(msg.video_url);
+
+      // Late join: seek to expected position then play.
+      const expectedSec = Math.max(0, (serverNowMs() - active.startTimeMs) / 1000.0);
+      try { video.currentTime = expectedSec; } catch (e) {}
+      // Start immediately (but still apply drift correction)
+      try { await video.play(); } catch (e) {}
+      active.hasStarted = true;
+    });
+  }
+
+  async function prepareVideo(url) {
+    return new Promise((resolve) => {
+      // Force new load
+      video.pause();
+      video.playbackRate = 1.0;
+      video.src = url;
+      video.load();
+
+      // We expect video to start soon; make sure it's visible
+      if (video) video.style.visibility = 'visible';
+
+      video.onerror = () => {
+        const err = video.error;
+        lastError = err ? `media_error code=${err.code}` : 'media_error';
+        console.warn('video error', err);
+      };
+
+      const cleanup = () => {
+        video.removeEventListener('canplaythrough', onReady);
+        video.removeEventListener('canplay', onReady);
+        video.removeEventListener('loadeddata', onReady);
+      };
+
+      const onReady = () => {
+        cleanup();
+        // Pre-roll: ensure at t=0 and paused
+        try { video.currentTime = 0; } catch (e) {}
+        video.pause();
+        active.isReady = true;
+        resolve();
+      };
+
+      // Some embedded browsers never fire canplaythrough reliably. Accept earlier readiness signals.
+      video.addEventListener('canplaythrough', onReady);
+      video.addEventListener('canplay', onReady);
+      video.addEventListener('loadeddata', onReady);
+
+      // Safety timeout
+      setTimeout(() => {
+        if (!active.isReady) onReady();
+      }, 2000);
+    });
+  }
+
+  function scheduleStart() {
+    if (!active.startTimeMs || !active.isReady || active.hasStarted) return;
+
+    const tick = async () => {
+      const delta = active.startTimeMs - serverNowMs();
+      if (delta <= 0) {
+        try {
+          // Always align to the expected timeline position before starting.
+          // This avoids the “starts at 0 then fixes later” effect.
+          let expectedSec = Math.max(0, (serverNowMs() - active.startTimeMs) / 1000.0);
+          try { video.currentTime = expectedSec; } catch (e) {}
+
+          await video.play();
+          active.hasStarted = true;
+        } catch (e) {
+          // autoplay policies: should work because muted
+          // retry quickly
+          setTimeout(tick, 50);
+          return;
+        }
+        return;
+      }
+
+      // Use rAF for sub-frame precision as we approach start
+      if (delta < 50) {
+        requestAnimationFrame(tick);
+      } else {
+        setTimeout(tick, Math.min(250, delta - 25));
+      }
+    };
+    tick();
+  }
+
+  function startTimeSyncLoop() {
+    // perform sync every 10 seconds
+    const doSync = () => {
+      if (!socket || !socket.connected) return;
+      const t1 = nowMs();
+      socket.emit('time_sync', { t1_ms: t1 });
+    };
+    doSync();
+    setInterval(doSync, 10000);
+  }
+
+  async function timeSyncBurst(samples = 6, spacingMs = 120) {
+    if (!socket || !socket.connected) return;
+    if (syncBurstInProgress) return;
+
+    syncBurstInProgress = true;
+    bestRttMs = Infinity;
+
+    // Fire a small burst of NTP-like pings and use the best RTT sample.
+    for (let i = 0; i < samples; i++) {
+      const t1 = nowMs();
+      socket.emit('time_sync', { t1_ms: t1 });
+      // eslint-disable-next-line no-await-in-loop
+      await new Promise(r => setTimeout(r, spacingMs));
+    }
+
+    // Let the last replies land.
+    await new Promise(r => setTimeout(r, spacingMs));
+    syncBurstInProgress = false;
+  }
+
+  function startHeartbeatLoop() {
+    setInterval(() => {
+      if (!socket || !socket.connected) return;
+      socket.emit('heartbeat', {
+        public_id: publicId,
+        // NTP RTT estimate (ms)
+        latency_ms: lastRttMs,
+        offset_ms: offsetMs,
+        ready: !!active.isReady,
+      });
+    }, 2000);
+  }
+
+  function startDriftCorrection() {
+    setInterval(() => {
+      if (!active.hasStarted || !active.startTimeMs) return;
+      if (video.readyState < 2) return;
+      if (video.paused) return;
+
+      let expectedSec = (serverNowMs() - active.startTimeMs) / 1000.0;
+      const actualSec = video.currentTime;
+      const driftSec = actualSec - expectedSec; // + means video ahead
+      const driftMs = driftSec * 1000.0;
+
+      // Apply correction
+      if (Math.abs(driftMs) > 100) {
+        // Hard correction
+        try { video.currentTime = Math.max(0, expectedSec); } catch (e) {}
+        video.playbackRate = 1.0;
+      } else if (Math.abs(driftMs) > 15) {
+        // Soft correction via playbackRate
+        if (driftMs > 0) {
+          // ahead -> slow down
+          video.playbackRate = 0.99;
+        } else {
+          // behind -> speed up
+          video.playbackRate = 1.01;
+        }
+      } else {
+        // close enough
+        video.playbackRate = 1.0;
+      }
+
+      setDebug(
+        `id=${publicId}\n` +
+        `serverNowMs=${serverNowMs().toFixed(3)}\n` +
+        `offsetMs=${offsetMs.toFixed(3)} rttMs=${lastRttMs.toFixed(3)}\n` +
+        `eventId=${active.eventId} start=${active.startTimeMs}\n` +
+        `expected=${expectedSec.toFixed(3)} actual=${actualSec.toFixed(3)} driftMs=${driftMs.toFixed(2)}\n` +
+        `rate=${video.playbackRate.toFixed(3)} state=${video.readyState}`
+      );
+    }, 1000);
+  }
+
+  video.addEventListener('ended', () => {
+    if (socket && socket.connected && active.eventId) {
+      socket.emit('playback_ended', { public_id: publicId, event_id: active.eventId });
+    }
+
+    // After a trigger ends, show idle until we receive a new event.
+    clearActive();
+    showIdleImage(true);
+  });
+
+  // If we ever have no active playback, show idle image.
+  video.addEventListener('pause', () => {
+    // If video isn't actively playing and we don't expect immediate play, show idle.
+    // Don't show idle during pre-roll scheduling (active.videoUrl set but not started yet).
+    if (!isVideoActivelyPlaying() && !active.hasStarted) return;
+    if (!isVideoActivelyPlaying()) showIdleImage(true);
+  });
+
+  video.addEventListener('playing', () => {
+    showIdleImage(false);
+  });
+
+  video.addEventListener('error', () => {
+    // Show idle on fatal errors to avoid black screen.
+    showIdleImage(true);
+  });
+
+  // Debug overlay toggle: Ctrl+D
+  function toggleDebug() {
+    debugVisible = !debugVisible;
+    dbg.style.display = debugVisible ? 'block' : 'none';
+    if (debugVisible) {
+      setDebug(`id=${publicId}\n(debug enabled)\nconnecting...`);
+    }
+  }
+
+  setInterval(updateDebugOverlay, 500);
+
+  // Many Chromium-based browsers reserve Ctrl+D (bookmark). Use F2 or Ctrl+Shift+D.
+  window.addEventListener('keydown', (e) => {
+    if (e.key === 'F2') {
+      e.preventDefault();
+      toggleDebug();
+      return;
+    }
+    if (e.ctrlKey && e.shiftKey && (e.key === 'd' || e.key === 'D')) {
+      e.preventDefault();
+      toggleDebug();
+      return;
+    }
+  });
+
+  // Fallback for kiosk remotes: double click anywhere toggles.
+  window.addEventListener('dblclick', (e) => {
+    e.preventDefault();
+    toggleDebug();
+  });
+
+  // Prevent context menu / accidental UI
+  window.addEventListener('contextmenu', (e) => e.preventDefault());
+
+  connect();
+  startDriftCorrection();
+  // Start cache warming shortly after page load.
+  setTimeout(startCacheWarmup, 500);
+
+  // Initial state: show idle image until we get an event_state/event_start.
+  showIdleImage(true);
+})();
diff --git a/static/vendor/socket.io.min.js b/static/vendor/socket.io.min.js
new file mode 100644
index 0000000..d6b2d60
--- /dev/null
+++ b/static/vendor/socket.io.min.js
@@ -0,0 +1,7 @@
+/*!
+ * Socket.IO v4.7.5
+ * (c) 2014-2024 Guillermo Rauch
+ * Released under the MIT License.
+ */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).io=t()}(this,(function(){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,(i=r.key,o=void 0,"symbol"==typeof(o=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(i,"string"))?o:String(o)),r)}var i,o}function r(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function c(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function u(e,t,n){return u=c()?Reflect.construct.bind():function(e,t,n){var r=[null];r.push.apply(r,t);var i=new(Function.bind.apply(e,r));return n&&a(i,n.prototype),i},u.apply(null,arguments)}function h(e){var t="function"==typeof Map?new Map:void 0;return h=function(e){if(null===e||(n=e,-1===Function.toString.call(n).indexOf("[native code]")))return e;var n;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return u(e,arguments,s(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),a(r,e)},h(e)}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e){var t=c();return function(){var n,r=s(e);if(t){var i=s(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return f(e)}(this,n)}}function p(){return p="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=s(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},p.apply(this,arguments)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return s=e.done,e},e:function(e){a=!0,o=e},f:function(){try{s||null==n.return||n.return()}finally{if(a)throw o}}}}var v=Object.create(null);v.open="0",v.close="1",v.ping="2",v.pong="3",v.message="4",v.upgrade="5",v.noop="6";var g=Object.create(null);Object.keys(v).forEach((function(e){g[v[e]]=e}));var m,b={type:"error",data:"parser error"},k="function"==typeof Blob||"undefined"!=typeof Blob&&"[object BlobConstructor]"===Object.prototype.toString.call(Blob),w="function"==typeof ArrayBuffer,_=function(e){return"function"==typeof ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer instanceof ArrayBuffer},E=function(e,t,n){var r=e.type,i=e.data;return k&&i instanceof Blob?t?n(i):A(i,n):w&&(i instanceof ArrayBuffer||_(i))?t?n(i):A(new Blob([i]),n):n(v[r]+(i||""))},A=function(e,t){var n=new FileReader;return n.onload=function(){var e=n.result.split(",")[1];t("b"+(e||""))},n.readAsDataURL(e)};function O(e){return e instanceof Uint8Array?e:e instanceof ArrayBuffer?new Uint8Array(e):new Uint8Array(e.buffer,e.byteOffset,e.byteLength)}for(var T="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",R="undefined"==typeof Uint8Array?[]:new Uint8Array(256),C=0;C<64;C++)R[T.charCodeAt(C)]=C;var B,S="function"==typeof ArrayBuffer,N=function(e,t){if("string"!=typeof e)return{type:"message",data:x(e,t)};var n=e.charAt(0);return"b"===n?{type:"message",data:L(e.substring(1),t)}:g[n]?e.length>1?{type:g[n],data:e.substring(1)}:{type:g[n]}:b},L=function(e,t){if(S){var n=function(e){var t,n,r,i,o,s=.75*e.length,a=e.length,c=0;"="===e[e.length-1]&&(s--,"="===e[e.length-2]&&s--);var u=new ArrayBuffer(s),h=new Uint8Array(u);for(t=0;t<a;t+=4)n=R[e.charCodeAt(t)],r=R[e.charCodeAt(t+1)],i=R[e.charCodeAt(t+2)],o=R[e.charCodeAt(t+3)],h[c++]=n<<2|r>>4,h[c++]=(15&r)<<4|i>>2,h[c++]=(3&i)<<6|63&o;return u}(e);return x(n,t)}return{base64:!0,data:e}},x=function(e,t){return"blob"===t?e instanceof Blob?e:new Blob([e]):e instanceof ArrayBuffer?e:e.buffer},P=String.fromCharCode(30);function j(){return new TransformStream({transform:function(e,t){!function(e,t){k&&e.data instanceof Blob?e.data.arrayBuffer().then(O).then(t):w&&(e.data instanceof ArrayBuffer||_(e.data))?t(O(e.data)):E(e,!1,(function(e){m||(m=new TextEncoder),t(m.encode(e))}))}(e,(function(n){var r,i=n.length;if(i<126)r=new Uint8Array(1),new DataView(r.buffer).setUint8(0,i);else if(i<65536){r=new Uint8Array(3);var o=new DataView(r.buffer);o.setUint8(0,126),o.setUint16(1,i)}else{r=new Uint8Array(9);var s=new DataView(r.buffer);s.setUint8(0,127),s.setBigUint64(1,BigInt(i))}e.data&&"string"!=typeof e.data&&(r[0]|=128),t.enqueue(r),t.enqueue(n)}))}})}function q(e){return e.reduce((function(e,t){return e+t.length}),0)}function D(e,t){if(e[0].length===t)return e.shift();for(var n=new Uint8Array(t),r=0,i=0;i<t;i++)n[i]=e[0][r++],r===e[0].length&&(e.shift(),r=0);return e.length&&r<e[0].length&&(e[0]=e[0].slice(r)),n}function U(e){if(e)return function(e){for(var t in U.prototype)e[t]=U.prototype[t];return e}(e)}U.prototype.on=U.prototype.addEventListener=function(e,t){return this._callbacks=this._callbacks||{},(this._callbacks["$"+e]=this._callbacks["$"+e]||[]).push(t),this},U.prototype.once=function(e,t){function n(){this.off(e,n),t.apply(this,arguments)}return n.fn=t,this.on(e,n),this},U.prototype.off=U.prototype.removeListener=U.prototype.removeAllListeners=U.prototype.removeEventListener=function(e,t){if(this._callbacks=this._callbacks||{},0==arguments.length)return this._callbacks={},this;var n,r=this._callbacks["$"+e];if(!r)return this;if(1==arguments.length)return delete this._callbacks["$"+e],this;for(var i=0;i<r.length;i++)if((n=r[i])===t||n.fn===t){r.splice(i,1);break}return 0===r.length&&delete this._callbacks["$"+e],this},U.prototype.emit=function(e){this._callbacks=this._callbacks||{};for(var t=new Array(arguments.length-1),n=this._callbacks["$"+e],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(n){r=0;for(var i=(n=n.slice(0)).length;r<i;++r)n[r].apply(this,t)}return this},U.prototype.emitReserved=U.prototype.emit,U.prototype.listeners=function(e){return this._callbacks=this._callbacks||{},this._callbacks["$"+e]||[]},U.prototype.hasListeners=function(e){return!!this.listeners(e).length};var I="undefined"!=typeof self?self:"undefined"!=typeof window?window:Function("return this")();function F(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return n.reduce((function(t,n){return e.hasOwnProperty(n)&&(t[n]=e[n]),t}),{})}var M=I.setTimeout,V=I.clearTimeout;function H(e,t){t.useNativeTimers?(e.setTimeoutFn=M.bind(I),e.clearTimeoutFn=V.bind(I)):(e.setTimeoutFn=I.setTimeout.bind(I),e.clearTimeoutFn=I.clearTimeout.bind(I))}var K,Y=function(e){o(i,e);var n=l(i);function i(e,r,o){var s;return t(this,i),(s=n.call(this,e)).description=r,s.context=o,s.type="TransportError",s}return r(i)}(h(Error)),W=function(e){o(i,e);var n=l(i);function i(e){var r;return t(this,i),(r=n.call(this)).writable=!1,H(f(r),e),r.opts=e,r.query=e.query,r.socket=e.socket,r}return r(i,[{key:"onError",value:function(e,t,n){return p(s(i.prototype),"emitReserved",this).call(this,"error",new Y(e,t,n)),this}},{key:"open",value:function(){return this.readyState="opening",this.doOpen(),this}},{key:"close",value:function(){return"opening"!==this.readyState&&"open"!==this.readyState||(this.doClose(),this.onClose()),this}},{key:"send",value:function(e){"open"===this.readyState&&this.write(e)}},{key:"onOpen",value:function(){this.readyState="open",this.writable=!0,p(s(i.prototype),"emitReserved",this).call(this,"open")}},{key:"onData",value:function(e){var t=N(e,this.socket.binaryType);this.onPacket(t)}},{key:"onPacket",value:function(e){p(s(i.prototype),"emitReserved",this).call(this,"packet",e)}},{key:"onClose",value:function(e){this.readyState="closed",p(s(i.prototype),"emitReserved",this).call(this,"close",e)}},{key:"pause",value:function(e){}},{key:"createUri",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e+"://"+this._hostname()+this._port()+this.opts.path+this._query(t)}},{key:"_hostname",value:function(){var e=this.opts.hostname;return-1===e.indexOf(":")?e:"["+e+"]"}},{key:"_port",value:function(){return this.opts.port&&(this.opts.secure&&Number(443!==this.opts.port)||!this.opts.secure&&80!==Number(this.opts.port))?":"+this.opts.port:""}},{key:"_query",value:function(e){var t=function(e){var t="";for(var n in e)e.hasOwnProperty(n)&&(t.length&&(t+="&"),t+=encodeURIComponent(n)+"="+encodeURIComponent(e[n]));return t}(e);return t.length?"?"+t:""}}]),i}(U),z="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_".split(""),J=64,$={},Q=0,X=0;function G(e){var t="";do{t=z[e%J]+t,e=Math.floor(e/J)}while(e>0);return t}function Z(){var e=G(+new Date);return e!==K?(Q=0,K=e):e+"."+G(Q++)}for(;X<J;X++)$[z[X]]=X;var ee=!1;try{ee="undefined"!=typeof XMLHttpRequest&&"withCredentials"in new XMLHttpRequest}catch(e){}var te=ee;function ne(e){var t=e.xdomain;try{if("undefined"!=typeof XMLHttpRequest&&(!t||te))return new XMLHttpRequest}catch(e){}if(!t)try{return new(I[["Active"].concat("Object").join("X")])("Microsoft.XMLHTTP")}catch(e){}}function re(){}var ie=null!=new ne({xdomain:!1}).responseType,oe=function(e){o(s,e);var n=l(s);function s(e){var r;if(t(this,s),(r=n.call(this,e)).polling=!1,"undefined"!=typeof location){var i="https:"===location.protocol,o=location.port;o||(o=i?"443":"80"),r.xd="undefined"!=typeof location&&e.hostname!==location.hostname||o!==e.port}var a=e&&e.forceBase64;return r.supportsBinary=ie&&!a,r.opts.withCredentials&&(r.cookieJar=void 0),r}return r(s,[{key:"name",get:function(){return"polling"}},{key:"doOpen",value:function(){this.poll()}},{key:"pause",value:function(e){var t=this;this.readyState="pausing";var n=function(){t.readyState="paused",e()};if(this.polling||!this.writable){var r=0;this.polling&&(r++,this.once("pollComplete",(function(){--r||n()}))),this.writable||(r++,this.once("drain",(function(){--r||n()})))}else n()}},{key:"poll",value:function(){this.polling=!0,this.doPoll(),this.emitReserved("poll")}},{key:"onData",value:function(e){var t=this;(function(e,t){for(var n=e.split(P),r=[],i=0;i<n.length;i++){var o=N(n[i],t);if(r.push(o),"error"===o.type)break}return r})(e,this.socket.binaryType).forEach((function(e){if("opening"===t.readyState&&"open"===e.type&&t.onOpen(),"close"===e.type)return t.onClose({description:"transport closed by the server"}),!1;t.onPacket(e)})),"closed"!==this.readyState&&(this.polling=!1,this.emitReserved("pollComplete"),"open"===this.readyState&&this.poll())}},{key:"doClose",value:function(){var e=this,t=function(){e.write([{type:"close"}])};"open"===this.readyState?t():this.once("open",t)}},{key:"write",value:function(e){var t=this;this.writable=!1,function(e,t){var n=e.length,r=new Array(n),i=0;e.forEach((function(e,o){E(e,!1,(function(e){r[o]=e,++i===n&&t(r.join(P))}))}))}(e,(function(e){t.doWrite(e,(function(){t.writable=!0,t.emitReserved("drain")}))}))}},{key:"uri",value:function(){var e=this.opts.secure?"https":"http",t=this.query||{};return!1!==this.opts.timestampRequests&&(t[this.opts.timestampParam]=Z()),this.supportsBinary||t.sid||(t.b64=1),this.createUri(e,t)}},{key:"request",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return i(e,{xd:this.xd,cookieJar:this.cookieJar},this.opts),new se(this.uri(),e)}},{key:"doWrite",value:function(e,t){var n=this,r=this.request({method:"POST",data:e});r.on("success",t),r.on("error",(function(e,t){n.onError("xhr post error",e,t)}))}},{key:"doPoll",value:function(){var e=this,t=this.request();t.on("data",this.onData.bind(this)),t.on("error",(function(t,n){e.onError("xhr poll error",t,n)})),this.pollXhr=t}}]),s}(W),se=function(e){o(i,e);var n=l(i);function i(e,r){var o;return t(this,i),H(f(o=n.call(this)),r),o.opts=r,o.method=r.method||"GET",o.uri=e,o.data=void 0!==r.data?r.data:null,o.create(),o}return r(i,[{key:"create",value:function(){var e,t=this,n=F(this.opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");n.xdomain=!!this.opts.xd;var r=this.xhr=new ne(n);try{r.open(this.method,this.uri,!0);try{if(this.opts.extraHeaders)for(var o in r.setDisableHeaderCheck&&r.setDisableHeaderCheck(!0),this.opts.extraHeaders)this.opts.extraHeaders.hasOwnProperty(o)&&r.setRequestHeader(o,this.opts.extraHeaders[o])}catch(e){}if("POST"===this.method)try{r.setRequestHeader("Content-type","text/plain;charset=UTF-8")}catch(e){}try{r.setRequestHeader("Accept","*/*")}catch(e){}null===(e=this.opts.cookieJar)||void 0===e||e.addCookies(r),"withCredentials"in r&&(r.withCredentials=this.opts.withCredentials),this.opts.requestTimeout&&(r.timeout=this.opts.requestTimeout),r.onreadystatechange=function(){var e;3===r.readyState&&(null===(e=t.opts.cookieJar)||void 0===e||e.parseCookies(r)),4===r.readyState&&(200===r.status||1223===r.status?t.onLoad():t.setTimeoutFn((function(){t.onError("number"==typeof r.status?r.status:0)}),0))},r.send(this.data)}catch(e){return void this.setTimeoutFn((function(){t.onError(e)}),0)}"undefined"!=typeof document&&(this.index=i.requestsCount++,i.requests[this.index]=this)}},{key:"onError",value:function(e){this.emitReserved("error",e,this.xhr),this.cleanup(!0)}},{key:"cleanup",value:function(e){if(void 0!==this.xhr&&null!==this.xhr){if(this.xhr.onreadystatechange=re,e)try{this.xhr.abort()}catch(e){}"undefined"!=typeof document&&delete i.requests[this.index],this.xhr=null}}},{key:"onLoad",value:function(){var e=this.xhr.responseText;null!==e&&(this.emitReserved("data",e),this.emitReserved("success"),this.cleanup())}},{key:"abort",value:function(){this.cleanup()}}]),i}(U);if(se.requestsCount=0,se.requests={},"undefined"!=typeof document)if("function"==typeof attachEvent)attachEvent("onunload",ae);else if("function"==typeof addEventListener){addEventListener("onpagehide"in I?"pagehide":"unload",ae,!1)}function ae(){for(var e in se.requests)se.requests.hasOwnProperty(e)&&se.requests[e].abort()}var ce="function"==typeof Promise&&"function"==typeof Promise.resolve?function(e){return Promise.resolve().then(e)}:function(e,t){return t(e,0)},ue=I.WebSocket||I.MozWebSocket,he="undefined"!=typeof navigator&&"string"==typeof navigator.product&&"reactnative"===navigator.product.toLowerCase(),fe=function(e){o(i,e);var n=l(i);function i(e){var r;return t(this,i),(r=n.call(this,e)).supportsBinary=!e.forceBase64,r}return r(i,[{key:"name",get:function(){return"websocket"}},{key:"doOpen",value:function(){if(this.check()){var e=this.uri(),t=this.opts.protocols,n=he?{}:F(this.opts,"agent","perMessageDeflate","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","localAddress","protocolVersion","origin","maxPayload","family","checkServerIdentity");this.opts.extraHeaders&&(n.headers=this.opts.extraHeaders);try{this.ws=he?new ue(e,t,n):t?new ue(e,t):new ue(e)}catch(e){return this.emitReserved("error",e)}this.ws.binaryType=this.socket.binaryType,this.addEventListeners()}}},{key:"addEventListeners",value:function(){var e=this;this.ws.onopen=function(){e.opts.autoUnref&&e.ws._socket.unref(),e.onOpen()},this.ws.onclose=function(t){return e.onClose({description:"websocket connection closed",context:t})},this.ws.onmessage=function(t){return e.onData(t.data)},this.ws.onerror=function(t){return e.onError("websocket error",t)}}},{key:"write",value:function(e){var t=this;this.writable=!1;for(var n=function(){var n=e[r],i=r===e.length-1;E(n,t.supportsBinary,(function(e){try{t.ws.send(e)}catch(e){}i&&ce((function(){t.writable=!0,t.emitReserved("drain")}),t.setTimeoutFn)}))},r=0;r<e.length;r++)n()}},{key:"doClose",value:function(){void 0!==this.ws&&(this.ws.close(),this.ws=null)}},{key:"uri",value:function(){var e=this.opts.secure?"wss":"ws",t=this.query||{};return this.opts.timestampRequests&&(t[this.opts.timestampParam]=Z()),this.supportsBinary||(t.b64=1),this.createUri(e,t)}},{key:"check",value:function(){return!!ue}}]),i}(W),le=function(e){o(i,e);var n=l(i);function i(){return t(this,i),n.apply(this,arguments)}return r(i,[{key:"name",get:function(){return"webtransport"}},{key:"doOpen",value:function(){var e=this;"function"==typeof WebTransport&&(this.transport=new WebTransport(this.createUri("https"),this.opts.transportOptions[this.name]),this.transport.closed.then((function(){e.onClose()})).catch((function(t){e.onError("webtransport error",t)})),this.transport.ready.then((function(){e.transport.createBidirectionalStream().then((function(t){var n=function(e,t){B||(B=new TextDecoder);var n=[],r=0,i=-1,o=!1;return new TransformStream({transform:function(s,a){for(n.push(s);;){if(0===r){if(q(n)<1)break;var c=D(n,1);o=128==(128&c[0]),i=127&c[0],r=i<126?3:126===i?1:2}else if(1===r){if(q(n)<2)break;var u=D(n,2);i=new DataView(u.buffer,u.byteOffset,u.length).getUint16(0),r=3}else if(2===r){if(q(n)<8)break;var h=D(n,8),f=new DataView(h.buffer,h.byteOffset,h.length),l=f.getUint32(0);if(l>Math.pow(2,21)-1){a.enqueue(b);break}i=l*Math.pow(2,32)+f.getUint32(4),r=3}else{if(q(n)<i)break;var p=D(n,i);a.enqueue(N(o?p:B.decode(p),t)),r=0}if(0===i||i>e){a.enqueue(b);break}}}})}(Number.MAX_SAFE_INTEGER,e.socket.binaryType),r=t.readable.pipeThrough(n).getReader(),i=j();i.readable.pipeTo(t.writable),e.writer=i.writable.getWriter();!function t(){r.read().then((function(n){var r=n.done,i=n.value;r||(e.onPacket(i),t())})).catch((function(e){}))}();var o={type:"open"};e.query.sid&&(o.data='{"sid":"'.concat(e.query.sid,'"}')),e.writer.write(o).then((function(){return e.onOpen()}))}))})))}},{key:"write",value:function(e){var t=this;this.writable=!1;for(var n=function(){var n=e[r],i=r===e.length-1;t.writer.write(n).then((function(){i&&ce((function(){t.writable=!0,t.emitReserved("drain")}),t.setTimeoutFn)}))},r=0;r<e.length;r++)n()}},{key:"doClose",value:function(){var e;null===(e=this.transport)||void 0===e||e.close()}}]),i}(W),pe={websocket:fe,webtransport:le,polling:oe},de=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,ye=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"];function ve(e){var t=e,n=e.indexOf("["),r=e.indexOf("]");-1!=n&&-1!=r&&(e=e.substring(0,n)+e.substring(n,r).replace(/:/g,";")+e.substring(r,e.length));for(var i,o,s=de.exec(e||""),a={},c=14;c--;)a[ye[c]]=s[c]||"";return-1!=n&&-1!=r&&(a.source=t,a.host=a.host.substring(1,a.host.length-1).replace(/;/g,":"),a.authority=a.authority.replace("[","").replace("]","").replace(/;/g,":"),a.ipv6uri=!0),a.pathNames=function(e,t){var n=/\/{2,9}/g,r=t.replace(n,"/").split("/");"/"!=t.slice(0,1)&&0!==t.length||r.splice(0,1);"/"==t.slice(-1)&&r.splice(r.length-1,1);return r}(0,a.path),a.queryKey=(i=a.query,o={},i.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,(function(e,t,n){t&&(o[t]=n)})),o),a}var ge=function(n){o(a,n);var s=l(a);function a(n){var r,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t(this,a),(r=s.call(this)).binaryType="arraybuffer",r.writeBuffer=[],n&&"object"===e(n)&&(o=n,n=null),n?(n=ve(n),o.hostname=n.host,o.secure="https"===n.protocol||"wss"===n.protocol,o.port=n.port,n.query&&(o.query=n.query)):o.host&&(o.hostname=ve(o.host).host),H(f(r),o),r.secure=null!=o.secure?o.secure:"undefined"!=typeof location&&"https:"===location.protocol,o.hostname&&!o.port&&(o.port=r.secure?"443":"80"),r.hostname=o.hostname||("undefined"!=typeof location?location.hostname:"localhost"),r.port=o.port||("undefined"!=typeof location&&location.port?location.port:r.secure?"443":"80"),r.transports=o.transports||["polling","websocket","webtransport"],r.writeBuffer=[],r.prevBufferLen=0,r.opts=i({path:"/engine.io",agent:!1,withCredentials:!1,upgrade:!0,timestampParam:"t",rememberUpgrade:!1,addTrailingSlash:!0,rejectUnauthorized:!0,perMessageDeflate:{threshold:1024},transportOptions:{},closeOnBeforeunload:!1},o),r.opts.path=r.opts.path.replace(/\/$/,"")+(r.opts.addTrailingSlash?"/":""),"string"==typeof r.opts.query&&(r.opts.query=function(e){for(var t={},n=e.split("&"),r=0,i=n.length;r<i;r++){var o=n[r].split("=");t[decodeURIComponent(o[0])]=decodeURIComponent(o[1])}return t}(r.opts.query)),r.id=null,r.upgrades=null,r.pingInterval=null,r.pingTimeout=null,r.pingTimeoutTimer=null,"function"==typeof addEventListener&&(r.opts.closeOnBeforeunload&&(r.beforeunloadEventListener=function(){r.transport&&(r.transport.removeAllListeners(),r.transport.close())},addEventListener("beforeunload",r.beforeunloadEventListener,!1)),"localhost"!==r.hostname&&(r.offlineEventListener=function(){r.onClose("transport close",{description:"network connection lost"})},addEventListener("offline",r.offlineEventListener,!1))),r.open(),r}return r(a,[{key:"createTransport",value:function(e){var t=i({},this.opts.query);t.EIO=4,t.transport=e,this.id&&(t.sid=this.id);var n=i({},this.opts,{query:t,socket:this,hostname:this.hostname,secure:this.secure,port:this.port},this.opts.transportOptions[e]);return new pe[e](n)}},{key:"open",value:function(){var e,t=this;if(this.opts.rememberUpgrade&&a.priorWebsocketSuccess&&-1!==this.transports.indexOf("websocket"))e="websocket";else{if(0===this.transports.length)return void this.setTimeoutFn((function(){t.emitReserved("error","No transports available")}),0);e=this.transports[0]}this.readyState="opening";try{e=this.createTransport(e)}catch(e){return this.transports.shift(),void this.open()}e.open(),this.setTransport(e)}},{key:"setTransport",value:function(e){var t=this;this.transport&&this.transport.removeAllListeners(),this.transport=e,e.on("drain",this.onDrain.bind(this)).on("packet",this.onPacket.bind(this)).on("error",this.onError.bind(this)).on("close",(function(e){return t.onClose("transport close",e)}))}},{key:"probe",value:function(e){var t=this,n=this.createTransport(e),r=!1;a.priorWebsocketSuccess=!1;var i=function(){r||(n.send([{type:"ping",data:"probe"}]),n.once("packet",(function(e){if(!r)if("pong"===e.type&&"probe"===e.data){if(t.upgrading=!0,t.emitReserved("upgrading",n),!n)return;a.priorWebsocketSuccess="websocket"===n.name,t.transport.pause((function(){r||"closed"!==t.readyState&&(f(),t.setTransport(n),n.send([{type:"upgrade"}]),t.emitReserved("upgrade",n),n=null,t.upgrading=!1,t.flush())}))}else{var i=new Error("probe error");i.transport=n.name,t.emitReserved("upgradeError",i)}})))};function o(){r||(r=!0,f(),n.close(),n=null)}var s=function(e){var r=new Error("probe error: "+e);r.transport=n.name,o(),t.emitReserved("upgradeError",r)};function c(){s("transport closed")}function u(){s("socket closed")}function h(e){n&&e.name!==n.name&&o()}var f=function(){n.removeListener("open",i),n.removeListener("error",s),n.removeListener("close",c),t.off("close",u),t.off("upgrading",h)};n.once("open",i),n.once("error",s),n.once("close",c),this.once("close",u),this.once("upgrading",h),-1!==this.upgrades.indexOf("webtransport")&&"webtransport"!==e?this.setTimeoutFn((function(){r||n.open()}),200):n.open()}},{key:"onOpen",value:function(){if(this.readyState="open",a.priorWebsocketSuccess="websocket"===this.transport.name,this.emitReserved("open"),this.flush(),"open"===this.readyState&&this.opts.upgrade)for(var e=0,t=this.upgrades.length;e<t;e++)this.probe(this.upgrades[e])}},{key:"onPacket",value:function(e){if("opening"===this.readyState||"open"===this.readyState||"closing"===this.readyState)switch(this.emitReserved("packet",e),this.emitReserved("heartbeat"),this.resetPingTimeout(),e.type){case"open":this.onHandshake(JSON.parse(e.data));break;case"ping":this.sendPacket("pong"),this.emitReserved("ping"),this.emitReserved("pong");break;case"error":var t=new Error("server error");t.code=e.data,this.onError(t);break;case"message":this.emitReserved("data",e.data),this.emitReserved("message",e.data)}}},{key:"onHandshake",value:function(e){this.emitReserved("handshake",e),this.id=e.sid,this.transport.query.sid=e.sid,this.upgrades=this.filterUpgrades(e.upgrades),this.pingInterval=e.pingInterval,this.pingTimeout=e.pingTimeout,this.maxPayload=e.maxPayload,this.onOpen(),"closed"!==this.readyState&&this.resetPingTimeout()}},{key:"resetPingTimeout",value:function(){var e=this;this.clearTimeoutFn(this.pingTimeoutTimer),this.pingTimeoutTimer=this.setTimeoutFn((function(){e.onClose("ping timeout")}),this.pingInterval+this.pingTimeout),this.opts.autoUnref&&this.pingTimeoutTimer.unref()}},{key:"onDrain",value:function(){this.writeBuffer.splice(0,this.prevBufferLen),this.prevBufferLen=0,0===this.writeBuffer.length?this.emitReserved("drain"):this.flush()}},{key:"flush",value:function(){if("closed"!==this.readyState&&this.transport.writable&&!this.upgrading&&this.writeBuffer.length){var e=this.getWritablePackets();this.transport.send(e),this.prevBufferLen=e.length,this.emitReserved("flush")}}},{key:"getWritablePackets",value:function(){if(!(this.maxPayload&&"polling"===this.transport.name&&this.writeBuffer.length>1))return this.writeBuffer;for(var e,t=1,n=0;n<this.writeBuffer.length;n++){var r=this.writeBuffer[n].data;if(r&&(t+="string"==typeof(e=r)?function(e){for(var t=0,n=0,r=0,i=e.length;r<i;r++)(t=e.charCodeAt(r))<128?n+=1:t<2048?n+=2:t<55296||t>=57344?n+=3:(r++,n+=4);return n}(e):Math.ceil(1.33*(e.byteLength||e.size))),n>0&&t>this.maxPayload)return this.writeBuffer.slice(0,n);t+=2}return this.writeBuffer}},{key:"write",value:function(e,t,n){return this.sendPacket("message",e,t,n),this}},{key:"send",value:function(e,t,n){return this.sendPacket("message",e,t,n),this}},{key:"sendPacket",value:function(e,t,n,r){if("function"==typeof t&&(r=t,t=void 0),"function"==typeof n&&(r=n,n=null),"closing"!==this.readyState&&"closed"!==this.readyState){(n=n||{}).compress=!1!==n.compress;var i={type:e,data:t,options:n};this.emitReserved("packetCreate",i),this.writeBuffer.push(i),r&&this.once("flush",r),this.flush()}}},{key:"close",value:function(){var e=this,t=function(){e.onClose("forced close"),e.transport.close()},n=function n(){e.off("upgrade",n),e.off("upgradeError",n),t()},r=function(){e.once("upgrade",n),e.once("upgradeError",n)};return"opening"!==this.readyState&&"open"!==this.readyState||(this.readyState="closing",this.writeBuffer.length?this.once("drain",(function(){e.upgrading?r():t()})):this.upgrading?r():t()),this}},{key:"onError",value:function(e){a.priorWebsocketSuccess=!1,this.emitReserved("error",e),this.onClose("transport error",e)}},{key:"onClose",value:function(e,t){"opening"!==this.readyState&&"open"!==this.readyState&&"closing"!==this.readyState||(this.clearTimeoutFn(this.pingTimeoutTimer),this.transport.removeAllListeners("close"),this.transport.close(),this.transport.removeAllListeners(),"function"==typeof removeEventListener&&(removeEventListener("beforeunload",this.beforeunloadEventListener,!1),removeEventListener("offline",this.offlineEventListener,!1)),this.readyState="closed",this.id=null,this.emitReserved("close",e,t),this.writeBuffer=[],this.prevBufferLen=0)}},{key:"filterUpgrades",value:function(e){for(var t=[],n=0,r=e.length;n<r;n++)~this.transports.indexOf(e[n])&&t.push(e[n]);return t}}]),a}(U);ge.protocol=4,ge.protocol;var me="function"==typeof ArrayBuffer,be=function(e){return"function"==typeof ArrayBuffer.isView?ArrayBuffer.isView(e):e.buffer instanceof ArrayBuffer},ke=Object.prototype.toString,we="function"==typeof Blob||"undefined"!=typeof Blob&&"[object BlobConstructor]"===ke.call(Blob),_e="function"==typeof File||"undefined"!=typeof File&&"[object FileConstructor]"===ke.call(File);function Ee(e){return me&&(e instanceof ArrayBuffer||be(e))||we&&e instanceof Blob||_e&&e instanceof File}function Ae(t,n){if(!t||"object"!==e(t))return!1;if(Array.isArray(t)){for(var r=0,i=t.length;r<i;r++)if(Ae(t[r]))return!0;return!1}if(Ee(t))return!0;if(t.toJSON&&"function"==typeof t.toJSON&&1===arguments.length)return Ae(t.toJSON(),!0);for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o)&&Ae(t[o]))return!0;return!1}function Oe(e){var t=[],n=e.data,r=e;return r.data=Te(n,t),r.attachments=t.length,{packet:r,buffers:t}}function Te(t,n){if(!t)return t;if(Ee(t)){var r={_placeholder:!0,num:n.length};return n.push(t),r}if(Array.isArray(t)){for(var i=new Array(t.length),o=0;o<t.length;o++)i[o]=Te(t[o],n);return i}if("object"===e(t)&&!(t instanceof Date)){var s={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(s[a]=Te(t[a],n));return s}return t}function Re(e,t){return e.data=Ce(e.data,t),delete e.attachments,e}function Ce(t,n){if(!t)return t;if(t&&!0===t._placeholder){if("number"==typeof t.num&&t.num>=0&&t.num<n.length)return n[t.num];throw new Error("illegal attachments")}if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]=Ce(t[r],n);else if("object"===e(t))for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(t[i]=Ce(t[i],n));return t}var Be,Se=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"];!function(e){e[e.CONNECT=0]="CONNECT",e[e.DISCONNECT=1]="DISCONNECT",e[e.EVENT=2]="EVENT",e[e.ACK=3]="ACK",e[e.CONNECT_ERROR=4]="CONNECT_ERROR",e[e.BINARY_EVENT=5]="BINARY_EVENT",e[e.BINARY_ACK=6]="BINARY_ACK"}(Be||(Be={}));var Ne=function(){function e(n){t(this,e),this.replacer=n}return r(e,[{key:"encode",value:function(e){return e.type!==Be.EVENT&&e.type!==Be.ACK||!Ae(e)?[this.encodeAsString(e)]:this.encodeAsBinary({type:e.type===Be.EVENT?Be.BINARY_EVENT:Be.BINARY_ACK,nsp:e.nsp,data:e.data,id:e.id})}},{key:"encodeAsString",value:function(e){var t=""+e.type;return e.type!==Be.BINARY_EVENT&&e.type!==Be.BINARY_ACK||(t+=e.attachments+"-"),e.nsp&&"/"!==e.nsp&&(t+=e.nsp+","),null!=e.id&&(t+=e.id),null!=e.data&&(t+=JSON.stringify(e.data,this.replacer)),t}},{key:"encodeAsBinary",value:function(e){var t=Oe(e),n=this.encodeAsString(t.packet),r=t.buffers;return r.unshift(n),r}}]),e}();function Le(e){return"[object Object]"===Object.prototype.toString.call(e)}var xe=function(e){o(i,e);var n=l(i);function i(e){var r;return t(this,i),(r=n.call(this)).reviver=e,r}return r(i,[{key:"add",value:function(e){var t;if("string"==typeof e){if(this.reconstructor)throw new Error("got plaintext data when reconstructing a packet");var n=(t=this.decodeString(e)).type===Be.BINARY_EVENT;n||t.type===Be.BINARY_ACK?(t.type=n?Be.EVENT:Be.ACK,this.reconstructor=new Pe(t),0===t.attachments&&p(s(i.prototype),"emitReserved",this).call(this,"decoded",t)):p(s(i.prototype),"emitReserved",this).call(this,"decoded",t)}else{if(!Ee(e)&&!e.base64)throw new Error("Unknown type: "+e);if(!this.reconstructor)throw new Error("got binary data when not reconstructing a packet");(t=this.reconstructor.takeBinaryData(e))&&(this.reconstructor=null,p(s(i.prototype),"emitReserved",this).call(this,"decoded",t))}}},{key:"decodeString",value:function(e){var t=0,n={type:Number(e.charAt(0))};if(void 0===Be[n.type])throw new Error("unknown packet type "+n.type);if(n.type===Be.BINARY_EVENT||n.type===Be.BINARY_ACK){for(var r=t+1;"-"!==e.charAt(++t)&&t!=e.length;);var o=e.substring(r,t);if(o!=Number(o)||"-"!==e.charAt(t))throw new Error("Illegal attachments");n.attachments=Number(o)}if("/"===e.charAt(t+1)){for(var s=t+1;++t;){if(","===e.charAt(t))break;if(t===e.length)break}n.nsp=e.substring(s,t)}else n.nsp="/";var a=e.charAt(t+1);if(""!==a&&Number(a)==a){for(var c=t+1;++t;){var u=e.charAt(t);if(null==u||Number(u)!=u){--t;break}if(t===e.length)break}n.id=Number(e.substring(c,t+1))}if(e.charAt(++t)){var h=this.tryParse(e.substr(t));if(!i.isPayloadValid(n.type,h))throw new Error("invalid payload");n.data=h}return n}},{key:"tryParse",value:function(e){try{return JSON.parse(e,this.reviver)}catch(e){return!1}}},{key:"destroy",value:function(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)}}],[{key:"isPayloadValid",value:function(e,t){switch(e){case Be.CONNECT:return Le(t);case Be.DISCONNECT:return void 0===t;case Be.CONNECT_ERROR:return"string"==typeof t||Le(t);case Be.EVENT:case Be.BINARY_EVENT:return Array.isArray(t)&&("number"==typeof t[0]||"string"==typeof t[0]&&-1===Se.indexOf(t[0]));case Be.ACK:case Be.BINARY_ACK:return Array.isArray(t)}}}]),i}(U),Pe=function(){function e(n){t(this,e),this.packet=n,this.buffers=[],this.reconPack=n}return r(e,[{key:"takeBinaryData",value:function(e){if(this.buffers.push(e),this.buffers.length===this.reconPack.attachments){var t=Re(this.reconPack,this.buffers);return this.finishedReconstruction(),t}return null}},{key:"finishedReconstruction",value:function(){this.reconPack=null,this.buffers=[]}}]),e}(),je=Object.freeze({__proto__:null,protocol:5,get PacketType(){return Be},Encoder:Ne,Decoder:xe});function qe(e,t,n){return e.on(t,n),function(){e.off(t,n)}}var De=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),Ue=function(e){o(a,e);var n=l(a);function a(e,r,o){var s;return t(this,a),(s=n.call(this)).connected=!1,s.recovered=!1,s.receiveBuffer=[],s.sendBuffer=[],s._queue=[],s._queueSeq=0,s.ids=0,s.acks={},s.flags={},s.io=e,s.nsp=r,o&&o.auth&&(s.auth=o.auth),s._opts=i({},o),s.io._autoConnect&&s.open(),s}return r(a,[{key:"disconnected",get:function(){return!this.connected}},{key:"subEvents",value:function(){if(!this.subs){var e=this.io;this.subs=[qe(e,"open",this.onopen.bind(this)),qe(e,"packet",this.onpacket.bind(this)),qe(e,"error",this.onerror.bind(this)),qe(e,"close",this.onclose.bind(this))]}}},{key:"active",get:function(){return!!this.subs}},{key:"connect",value:function(){return this.connected||(this.subEvents(),this.io._reconnecting||this.io.open(),"open"===this.io._readyState&&this.onopen()),this}},{key:"open",value:function(){return this.connect()}},{key:"send",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.unshift("message"),this.emit.apply(this,t),this}},{key:"emit",value:function(e){if(De.hasOwnProperty(e))throw new Error('"'+e.toString()+'" is a reserved event name');for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];if(n.unshift(e),this._opts.retries&&!this.flags.fromQueue&&!this.flags.volatile)return this._addToQueue(n),this;var i={type:Be.EVENT,data:n,options:{}};if(i.options.compress=!1!==this.flags.compress,"function"==typeof n[n.length-1]){var o=this.ids++,s=n.pop();this._registerAckCallback(o,s),i.id=o}var a=this.io.engine&&this.io.engine.transport&&this.io.engine.transport.writable;return this.flags.volatile&&(!a||!this.connected)||(this.connected?(this.notifyOutgoingListeners(i),this.packet(i)):this.sendBuffer.push(i)),this.flags={},this}},{key:"_registerAckCallback",value:function(e,t){var n,r=this,i=null!==(n=this.flags.timeout)&&void 0!==n?n:this._opts.ackTimeout;if(void 0!==i){var o=this.io.setTimeoutFn((function(){delete r.acks[e];for(var n=0;n<r.sendBuffer.length;n++)r.sendBuffer[n].id===e&&r.sendBuffer.splice(n,1);t.call(r,new Error("operation has timed out"))}),i),s=function(){r.io.clearTimeoutFn(o);for(var e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];t.apply(r,n)};s.withError=!0,this.acks[e]=s}else this.acks[e]=t}},{key:"emitWithAck",value:function(e){for(var t=this,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];return new Promise((function(n,i){var o=function(e,t){return e?i(e):n(t)};o.withError=!0,r.push(o),t.emit.apply(t,[e].concat(r))}))}},{key:"_addToQueue",value:function(e){var t,n=this;"function"==typeof e[e.length-1]&&(t=e.pop());var r={id:this._queueSeq++,tryCount:0,pending:!1,args:e,flags:i({fromQueue:!0},this.flags)};e.push((function(e){if(r===n._queue[0]){if(null!==e)r.tryCount>n._opts.retries&&(n._queue.shift(),t&&t(e));else if(n._queue.shift(),t){for(var i=arguments.length,o=new Array(i>1?i-1:0),s=1;s<i;s++)o[s-1]=arguments[s];t.apply(void 0,[null].concat(o))}return r.pending=!1,n._drainQueue()}})),this._queue.push(r),this._drainQueue()}},{key:"_drainQueue",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(this.connected&&0!==this._queue.length){var t=this._queue[0];t.pending&&!e||(t.pending=!0,t.tryCount++,this.flags=t.flags,this.emit.apply(this,t.args))}}},{key:"packet",value:function(e){e.nsp=this.nsp,this.io._packet(e)}},{key:"onopen",value:function(){var e=this;"function"==typeof this.auth?this.auth((function(t){e._sendConnectPacket(t)})):this._sendConnectPacket(this.auth)}},{key:"_sendConnectPacket",value:function(e){this.packet({type:Be.CONNECT,data:this._pid?i({pid:this._pid,offset:this._lastOffset},e):e})}},{key:"onerror",value:function(e){this.connected||this.emitReserved("connect_error",e)}},{key:"onclose",value:function(e,t){this.connected=!1,delete this.id,this.emitReserved("disconnect",e,t),this._clearAcks()}},{key:"_clearAcks",value:function(){var e=this;Object.keys(this.acks).forEach((function(t){if(!e.sendBuffer.some((function(e){return String(e.id)===t}))){var n=e.acks[t];delete e.acks[t],n.withError&&n.call(e,new Error("socket has been disconnected"))}}))}},{key:"onpacket",value:function(e){if(e.nsp===this.nsp)switch(e.type){case Be.CONNECT:e.data&&e.data.sid?this.onconnect(e.data.sid,e.data.pid):this.emitReserved("connect_error",new Error("It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)"));break;case Be.EVENT:case Be.BINARY_EVENT:this.onevent(e);break;case Be.ACK:case Be.BINARY_ACK:this.onack(e);break;case Be.DISCONNECT:this.ondisconnect();break;case Be.CONNECT_ERROR:this.destroy();var t=new Error(e.data.message);t.data=e.data.data,this.emitReserved("connect_error",t)}}},{key:"onevent",value:function(e){var t=e.data||[];null!=e.id&&t.push(this.ack(e.id)),this.connected?this.emitEvent(t):this.receiveBuffer.push(Object.freeze(t))}},{key:"emitEvent",value:function(e){if(this._anyListeners&&this._anyListeners.length){var t,n=y(this._anyListeners.slice());try{for(n.s();!(t=n.n()).done;){t.value.apply(this,e)}}catch(e){n.e(e)}finally{n.f()}}p(s(a.prototype),"emit",this).apply(this,e),this._pid&&e.length&&"string"==typeof e[e.length-1]&&(this._lastOffset=e[e.length-1])}},{key:"ack",value:function(e){var t=this,n=!1;return function(){if(!n){n=!0;for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];t.packet({type:Be.ACK,id:e,data:i})}}}},{key:"onack",value:function(e){var t=this.acks[e.id];"function"==typeof t&&(delete this.acks[e.id],t.withError&&e.data.unshift(null),t.apply(this,e.data))}},{key:"onconnect",value:function(e,t){this.id=e,this.recovered=t&&this._pid===t,this._pid=t,this.connected=!0,this.emitBuffered(),this.emitReserved("connect"),this._drainQueue(!0)}},{key:"emitBuffered",value:function(){var e=this;this.receiveBuffer.forEach((function(t){return e.emitEvent(t)})),this.receiveBuffer=[],this.sendBuffer.forEach((function(t){e.notifyOutgoingListeners(t),e.packet(t)})),this.sendBuffer=[]}},{key:"ondisconnect",value:function(){this.destroy(),this.onclose("io server disconnect")}},{key:"destroy",value:function(){this.subs&&(this.subs.forEach((function(e){return e()})),this.subs=void 0),this.io._destroy(this)}},{key:"disconnect",value:function(){return this.connected&&this.packet({type:Be.DISCONNECT}),this.destroy(),this.connected&&this.onclose("io client disconnect"),this}},{key:"close",value:function(){return this.disconnect()}},{key:"compress",value:function(e){return this.flags.compress=e,this}},{key:"volatile",get:function(){return this.flags.volatile=!0,this}},{key:"timeout",value:function(e){return this.flags.timeout=e,this}},{key:"onAny",value:function(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.push(e),this}},{key:"prependAny",value:function(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.unshift(e),this}},{key:"offAny",value:function(e){if(!this._anyListeners)return this;if(e){for(var t=this._anyListeners,n=0;n<t.length;n++)if(e===t[n])return t.splice(n,1),this}else this._anyListeners=[];return this}},{key:"listenersAny",value:function(){return this._anyListeners||[]}},{key:"onAnyOutgoing",value:function(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.push(e),this}},{key:"prependAnyOutgoing",value:function(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.unshift(e),this}},{key:"offAnyOutgoing",value:function(e){if(!this._anyOutgoingListeners)return this;if(e){for(var t=this._anyOutgoingListeners,n=0;n<t.length;n++)if(e===t[n])return t.splice(n,1),this}else this._anyOutgoingListeners=[];return this}},{key:"listenersAnyOutgoing",value:function(){return this._anyOutgoingListeners||[]}},{key:"notifyOutgoingListeners",value:function(e){if(this._anyOutgoingListeners&&this._anyOutgoingListeners.length){var t,n=y(this._anyOutgoingListeners.slice());try{for(n.s();!(t=n.n()).done;){t.value.apply(this,e.data)}}catch(e){n.e(e)}finally{n.f()}}}}]),a}(U);function Ie(e){e=e||{},this.ms=e.min||100,this.max=e.max||1e4,this.factor=e.factor||2,this.jitter=e.jitter>0&&e.jitter<=1?e.jitter:0,this.attempts=0}Ie.prototype.duration=function(){var e=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var t=Math.random(),n=Math.floor(t*this.jitter*e);e=0==(1&Math.floor(10*t))?e-n:e+n}return 0|Math.min(e,this.max)},Ie.prototype.reset=function(){this.attempts=0},Ie.prototype.setMin=function(e){this.ms=e},Ie.prototype.setMax=function(e){this.max=e},Ie.prototype.setJitter=function(e){this.jitter=e};var Fe=function(n){o(s,n);var i=l(s);function s(n,r){var o,a;t(this,s),(o=i.call(this)).nsps={},o.subs=[],n&&"object"===e(n)&&(r=n,n=void 0),(r=r||{}).path=r.path||"/socket.io",o.opts=r,H(f(o),r),o.reconnection(!1!==r.reconnection),o.reconnectionAttempts(r.reconnectionAttempts||1/0),o.reconnectionDelay(r.reconnectionDelay||1e3),o.reconnectionDelayMax(r.reconnectionDelayMax||5e3),o.randomizationFactor(null!==(a=r.randomizationFactor)&&void 0!==a?a:.5),o.backoff=new Ie({min:o.reconnectionDelay(),max:o.reconnectionDelayMax(),jitter:o.randomizationFactor()}),o.timeout(null==r.timeout?2e4:r.timeout),o._readyState="closed",o.uri=n;var c=r.parser||je;return o.encoder=new c.Encoder,o.decoder=new c.Decoder,o._autoConnect=!1!==r.autoConnect,o._autoConnect&&o.open(),o}return r(s,[{key:"reconnection",value:function(e){return arguments.length?(this._reconnection=!!e,this):this._reconnection}},{key:"reconnectionAttempts",value:function(e){return void 0===e?this._reconnectionAttempts:(this._reconnectionAttempts=e,this)}},{key:"reconnectionDelay",value:function(e){var t;return void 0===e?this._reconnectionDelay:(this._reconnectionDelay=e,null===(t=this.backoff)||void 0===t||t.setMin(e),this)}},{key:"randomizationFactor",value:function(e){var t;return void 0===e?this._randomizationFactor:(this._randomizationFactor=e,null===(t=this.backoff)||void 0===t||t.setJitter(e),this)}},{key:"reconnectionDelayMax",value:function(e){var t;return void 0===e?this._reconnectionDelayMax:(this._reconnectionDelayMax=e,null===(t=this.backoff)||void 0===t||t.setMax(e),this)}},{key:"timeout",value:function(e){return arguments.length?(this._timeout=e,this):this._timeout}},{key:"maybeReconnectOnOpen",value:function(){!this._reconnecting&&this._reconnection&&0===this.backoff.attempts&&this.reconnect()}},{key:"open",value:function(e){var t=this;if(~this._readyState.indexOf("open"))return this;this.engine=new ge(this.uri,this.opts);var n=this.engine,r=this;this._readyState="opening",this.skipReconnect=!1;var i=qe(n,"open",(function(){r.onopen(),e&&e()})),o=function(n){t.cleanup(),t._readyState="closed",t.emitReserved("error",n),e?e(n):t.maybeReconnectOnOpen()},s=qe(n,"error",o);if(!1!==this._timeout){var a=this._timeout,c=this.setTimeoutFn((function(){i(),o(new Error("timeout")),n.close()}),a);this.opts.autoUnref&&c.unref(),this.subs.push((function(){t.clearTimeoutFn(c)}))}return this.subs.push(i),this.subs.push(s),this}},{key:"connect",value:function(e){return this.open(e)}},{key:"onopen",value:function(){this.cleanup(),this._readyState="open",this.emitReserved("open");var e=this.engine;this.subs.push(qe(e,"ping",this.onping.bind(this)),qe(e,"data",this.ondata.bind(this)),qe(e,"error",this.onerror.bind(this)),qe(e,"close",this.onclose.bind(this)),qe(this.decoder,"decoded",this.ondecoded.bind(this)))}},{key:"onping",value:function(){this.emitReserved("ping")}},{key:"ondata",value:function(e){try{this.decoder.add(e)}catch(e){this.onclose("parse error",e)}}},{key:"ondecoded",value:function(e){var t=this;ce((function(){t.emitReserved("packet",e)}),this.setTimeoutFn)}},{key:"onerror",value:function(e){this.emitReserved("error",e)}},{key:"socket",value:function(e,t){var n=this.nsps[e];return n?this._autoConnect&&!n.active&&n.connect():(n=new Ue(this,e,t),this.nsps[e]=n),n}},{key:"_destroy",value:function(e){for(var t=0,n=Object.keys(this.nsps);t<n.length;t++){var r=n[t];if(this.nsps[r].active)return}this._close()}},{key:"_packet",value:function(e){for(var t=this.encoder.encode(e),n=0;n<t.length;n++)this.engine.write(t[n],e.options)}},{key:"cleanup",value:function(){this.subs.forEach((function(e){return e()})),this.subs.length=0,this.decoder.destroy()}},{key:"_close",value:function(){this.skipReconnect=!0,this._reconnecting=!1,this.onclose("forced close"),this.engine&&this.engine.close()}},{key:"disconnect",value:function(){return this._close()}},{key:"onclose",value:function(e,t){this.cleanup(),this.backoff.reset(),this._readyState="closed",this.emitReserved("close",e,t),this._reconnection&&!this.skipReconnect&&this.reconnect()}},{key:"reconnect",value:function(){var e=this;if(this._reconnecting||this.skipReconnect)return this;var t=this;if(this.backoff.attempts>=this._reconnectionAttempts)this.backoff.reset(),this.emitReserved("reconnect_failed"),this._reconnecting=!1;else{var n=this.backoff.duration();this._reconnecting=!0;var r=this.setTimeoutFn((function(){t.skipReconnect||(e.emitReserved("reconnect_attempt",t.backoff.attempts),t.skipReconnect||t.open((function(n){n?(t._reconnecting=!1,t.reconnect(),e.emitReserved("reconnect_error",n)):t.onreconnect()})))}),n);this.opts.autoUnref&&r.unref(),this.subs.push((function(){e.clearTimeoutFn(r)}))}}},{key:"onreconnect",value:function(){var e=this.backoff.attempts;this._reconnecting=!1,this.backoff.reset(),this.emitReserved("reconnect",e)}}]),s}(U),Me={};function Ve(t,n){"object"===e(t)&&(n=t,t=void 0);var r,i=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2?arguments[2]:void 0,r=e;n=n||"undefined"!=typeof location&&location,null==e&&(e=n.protocol+"//"+n.host),"string"==typeof e&&("/"===e.charAt(0)&&(e="/"===e.charAt(1)?n.protocol+e:n.host+e),/^(https?|wss?):\/\//.test(e)||(e=void 0!==n?n.protocol+"//"+e:"https://"+e),r=ve(e)),r.port||(/^(http|ws)$/.test(r.protocol)?r.port="80":/^(http|ws)s$/.test(r.protocol)&&(r.port="443")),r.path=r.path||"/";var i=-1!==r.host.indexOf(":")?"["+r.host+"]":r.host;return r.id=r.protocol+"://"+i+":"+r.port+t,r.href=r.protocol+"://"+i+(n&&n.port===r.port?"":":"+r.port),r}(t,(n=n||{}).path||"/socket.io"),o=i.source,s=i.id,a=i.path,c=Me[s]&&a in Me[s].nsps;return n.forceNew||n["force new connection"]||!1===n.multiplex||c?r=new Fe(o,n):(Me[s]||(Me[s]=new Fe(o,n)),r=Me[s]),i.query&&!n.query&&(n.query=i.queryKey),r.socket(i.path,n)}return i(Ve,{Manager:Fe,Socket:Ue,io:Ve,connect:Ve}),Ve}));
+//# sourceMappingURL=socket.io.min.js.map
diff --git a/sync.py b/sync.py
new file mode 100644
index 0000000..80b8820
--- /dev/null
+++ b/sync.py
@@ -0,0 +1,85 @@
+from __future__ import annotations
+
+import threading
+import time
+from dataclasses import dataclass, field
+from typing import Dict, Optional, Set
+
+
+def server_time_ms() -> float:
+    """High-resolution server time in milliseconds."""
+    return time.time_ns() / 1_000_000.0
+
+
+@dataclass
+class ActiveEventState:
+    event_id: int
+    name: str
+    start_time_ms: float
+    end_time_ms: Optional[float]
+    # public_id -> video_url
+    assignments: Dict[str, str]
+
+
+_lock = threading.Lock()
+_trigger: Optional[ActiveEventState] = None
+_trigger_ended: Set[str] = set()
+
+
+def set_trigger_event(state: Optional[ActiveEventState]) -> None:
+    global _trigger, _trigger_ended
+    with _lock:
+        _trigger = state
+        _trigger_ended = set()
+
+
+def get_current_event(now_ms: Optional[float] = None) -> Optional[ActiveEventState]:
+    """Returns current active trigger event if any."""
+    global _trigger
+    with _lock:
+        if now_ms is None:
+            now_ms = server_time_ms()
+
+        if _trigger is not None and _trigger.end_time_ms is not None and now_ms > _trigger.end_time_ms:
+            _trigger = None
+            _trigger_ended.clear()
+
+        return _trigger
+
+
+def get_trigger_event(now_ms: Optional[float] = None) -> Optional[ActiveEventState]:
+    global _trigger
+    with _lock:
+        if _trigger is None:
+            return None
+        if now_ms is None:
+            now_ms = server_time_ms()
+        if _trigger.end_time_ms is not None and now_ms > _trigger.end_time_ms:
+            _trigger = None
+            _trigger_ended.clear()
+            return None
+        return _trigger
+
+
+def mark_trigger_display_ended(event_id: int, public_id: str) -> bool:
+    """Marks a display as ended for the current trigger event.
+
+    Returns True if this completes the event (all displays ended) and the trigger is cleared.
+    """
+    global _trigger, _trigger_ended
+    with _lock:
+        if _trigger is None or _trigger.event_id != event_id:
+            return False
+        _trigger_ended.add(public_id)
+        if len(_trigger_ended) >= len(_trigger.assignments):
+            _trigger = None
+            _trigger_ended = set()
+            return True
+        return False
+
+
+def clear_trigger_event() -> None:
+    global _trigger, _trigger_ended
+    with _lock:
+        _trigger = None
+        _trigger_ended = set()
diff --git a/templates/admin/base.html b/templates/admin/base.html
new file mode 100644
index 0000000..6053e65
--- /dev/null
+++ b/templates/admin/base.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>{{ title or "SyncPlayer Admin" }}</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+      <div class="container-fluid">
+        <a class="navbar-brand" href="{{ url_for('admin.dashboard') }}">SyncPlayer</a>
+        <div class="navbar-nav">
+          <a class="nav-link" href="{{ url_for('admin.displays_list') }}">Displays</a>
+          <a class="nav-link" href="{{ url_for('admin.videos_list') }}">Videos</a>
+          <a class="nav-link" href="{{ url_for('admin.idle_image_page') }}">Idle Image</a>
+          <a class="nav-link" href="{{ url_for('admin.events_list') }}">Events</a>
+          <a class="nav-link" href="{{ url_for('admin.event_logs') }}">Event Logs</a>
+          <a class="nav-link" href="{{ url_for('admin.system_logs') }}">System Logs</a>
+        </div>
+      </div>
+    </nav>
+    <main class="container-fluid p-3">
+      {% with messages = get_flashed_messages(with_categories=true) %}
+        {% if messages %}
+          {% for cat, msg in messages %}
+            <div class="alert alert-{{ cat }}">{{ msg }}</div>
+          {% endfor %}
+        {% endif %}
+      {% endwith %}
+      {% block content %}{% endblock %}
+    </main>
+    <script src="/static/vendor/socket.io.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="/static/admin.js"></script>
+  </body>
+</html>
diff --git a/templates/admin/dashboard.html b/templates/admin/dashboard.html
new file mode 100644
index 0000000..ed3b494
--- /dev/null
+++ b/templates/admin/dashboard.html
@@ -0,0 +1,74 @@
+{% extends 'admin/base.html' %}
+{% block content %}
+  <div class="row g-3">
+    <div class="col-lg-7">
+      <div class="card">
+        <div class="card-header d-flex justify-content-between align-items-center">
+          <span>Connected Displays</span>
+          <small class="text-muted">live</small>
+        </div>
+        <div class="card-body p-0">
+          <table class="table table-sm mb-0" id="tbl-displays">
+            <thead>
+              <tr>
+                <th>ID</th>
+                <th>Name</th>
+                <th>Public URL</th>
+                <th>Status</th>
+                <th>Last seen</th>
+                <th>Latency</th>
+                <th>Offset</th>
+              </tr>
+            </thead>
+            <tbody>
+              {% for d in displays %}
+                <tr data-public-id="{{ d.public_id }}">
+                  <td>{{ d.id }}</td>
+                  <td>{{ d.name }}</td>
+                  <td><a href="{{ url_for('main.display_page', public_id=d.public_id) }}" target="_blank">/display/{{ d.public_id }}</a></td>
+                  <td class="st">{{ 'online' if d.is_online else 'offline' }}</td>
+                  <td class="ls">{{ d.last_seen or '' }}</td>
+                  <td class="lat"></td>
+                  <td class="off"></td>
+                </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+
+    <div class="col-lg-5">
+      <div class="card mb-3">
+        <div class="card-header">Active Event</div>
+        <div class="card-body">
+          <div id="active-event">
+            {% if active %}
+              <div>
+                <strong>{{ active.name }}</strong> (#{{ active.event_id }})
+              </div>
+              <div>Start: <code>{{ active.start_time_ms }}</code></div>
+            {% else %}
+              <div class="text-muted">No active event</div>
+            {% endif %}
+          </div>
+        </div>
+      </div>
+
+      <div class="card">
+        <div class="card-header">Manual Trigger</div>
+        <div class="card-body">
+          {% for e in events %}
+            <form method="post" action="{{ url_for('admin.event_trigger', event_id=e.id) }}" class="d-flex justify-content-between align-items-center mb-2">
+              <div>
+                <strong>{{ e.name }}</strong>
+                <small class="text-muted">(#{{ e.id }})</small>
+              </div>
+              <button class="btn btn-primary btn-sm" type="submit">Trigger</button>
+            </form>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock %}
diff --git a/templates/admin/display_form.html b/templates/admin/display_form.html
new file mode 100644
index 0000000..c39e778
--- /dev/null
+++ b/templates/admin/display_form.html
@@ -0,0 +1,17 @@
+{% extends 'admin/base.html' %}
+{% block content %}
+  <h4>{{ 'Edit' if display else 'New' }} Display</h4>
+  <form method="post" class="mt-3" style="max-width: 560px;">
+    <div class="mb-3">
+      <label class="form-label">Name</label>
+      <input class="form-control" name="name" value="{{ display.name if display else '' }}" required />
+    </div>
+    <div class="mb-3">
+      <label class="form-label">Public ID</label>
+      <input class="form-control" name="public_id" value="{{ display.public_id if display else '' }}" required />
+      <div class="form-text">URL will be /display/&lt;public_id&gt;</div>
+    </div>
+    <button class="btn btn-primary" type="submit">Save</button>
+    <a class="btn btn-link" href="{{ url_for('admin.displays_list') }}">Cancel</a>
+  </form>
+{% endblock %}
diff --git a/templates/admin/displays.html b/templates/admin/displays.html
new file mode 100644
index 0000000..54ce194
--- /dev/null
+++ b/templates/admin/displays.html
@@ -0,0 +1,28 @@
+{% extends 'admin/base.html' %}
+{% block content %}
+  <div class="d-flex justify-content-between align-items-center mb-3">
+    <h4 class="m-0">Displays</h4>
+    <a class="btn btn-success" href="{{ url_for('admin.display_new') }}">New Display</a>
+  </div>
+  <table class="table table-striped table-sm">
+    <thead><tr><th>ID</th><th>Name</th><th>Public ID</th><th>URL</th><th>Online</th><th>Last seen</th><th></th></tr></thead>
+    <tbody>
+      {% for d in displays %}
+        <tr>
+          <td>{{ d.id }}</td>
+          <td>{{ d.name }}</td>
+          <td><code>{{ d.public_id }}</code></td>
+          <td><a href="{{ url_for('main.display_page', public_id=d.public_id) }}" target="_blank">/display/{{ d.public_id }}</a></td>
+          <td>{{ 'yes' if d.is_online else 'no' }}</td>
+          <td>{{ d.last_seen or '' }}</td>
+          <td class="text-end">
+            <a class="btn btn-outline-primary btn-sm" href="{{ url_for('admin.display_edit', display_id=d.id) }}">Edit</a>
+            <form method="post" action="{{ url_for('admin.display_delete', display_id=d.id) }}" style="display:inline" onsubmit="return confirm('Delete display?');">
+              <button class="btn btn-outline-danger btn-sm" type="submit">Delete</button>
+            </form>
+          </td>
+        </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+{% endblock %}
diff --git a/templates/admin/event_form.html b/templates/admin/event_form.html
new file mode 100644
index 0000000..142699c
--- /dev/null
+++ b/templates/admin/event_form.html
@@ -0,0 +1,53 @@
+{% extends 'admin/base.html' %}
+{% block content %}
+  <h4>{{ 'Edit' if event else 'New' }} Event</h4>
+  <form method="post" class="mt-3">
+    <div class="row g-3">
+      <div class="col-lg-5">
+        <div class="mb-3">
+          <label class="form-label">Name</label>
+          <input class="form-control" name="name" value="{{ event.name if event else '' }}" required />
+        </div>
+        <div class="mb-3">
+          <label class="form-label">UDP Port (optional)</label>
+          <input class="form-control" name="udp_port" value="{{ event.udp_port if event and event.udp_port else '' }}" />
+        </div>
+        <div class="mb-3">
+          <label class="form-label">UDP Payload (optional)</label>
+          <input class="form-control" name="udp_payload" value="{{ event.udp_payload if event and event.udp_payload else '' }}" />
+        </div>
+        <div class="mb-3">
+          <label class="form-label">Cooldown seconds</label>
+          <input class="form-control" name="cooldown_seconds" value="{{ event.cooldown_seconds if event else 2 }}" />
+        </div>
+
+      </div>
+      <div class="col-lg-7">
+        <div class="card">
+          <div class="card-header">Display → Video Mappings</div>
+          <div class="card-body">
+            {% set existing = existing or {} %}
+            {% for d in displays %}
+              <div class="row align-items-center mb-2">
+                <div class="col-4"><strong>{{ d.name }}</strong><br /><small class="text-muted"><code>{{ d.public_id }}</code></small></div>
+                <div class="col-8">
+                  <select class="form-select form-select-sm" name="map_{{ d.id }}">
+                    <option value="">(none)</option>
+                    {% for v in videos %}
+                      <option value="{{ v.id }}" {% if existing.get(d.id) == v.id %}selected{% endif %}>{{ v.filename }}</option>
+                    {% endfor %}
+                  </select>
+                </div>
+              </div>
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="mt-3">
+      <button class="btn btn-primary" type="submit">Save</button>
+      <a class="btn btn-link" href="{{ url_for('admin.events_list') }}">Cancel</a>
+    </div>
+  </form>
+{% endblock %}
diff --git a/templates/admin/event_logs.html b/templates/admin/event_logs.html
new file mode 100644
index 0000000..06255e4
--- /dev/null
+++ b/templates/admin/event_logs.html
@@ -0,0 +1,17 @@
+{% extends 'admin/base.html' %}
+{% block content %}
+  <h4>Event Logs</h4>
+  <table class="table table-sm table-striped mt-3">
+    <thead><tr><th>When</th><th>Event</th><th>Source</th><th>IP</th></tr></thead>
+    <tbody>
+      {% for l in logs %}
+        <tr>
+          <td>{{ l.triggered_at }}</td>
+          <td>{{ l.event.name }} (#{{ l.event_id }})</td>
+          <td>{{ l.trigger_source }}</td>
+          <td>{{ l.source_ip or '' }}</td>
+        </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+{% endblock %}
diff --git a/templates/admin/events.html b/templates/admin/events.html
new file mode 100644
index 0000000..72f0adb
--- /dev/null
+++ b/templates/admin/events.html
@@ -0,0 +1,45 @@
+{% extends 'admin/base.html' %}
+{% block content %}
+  <div class="d-flex justify-content-between align-items-center mb-3">
+    <h4 class="m-0">Events</h4>
+    <a class="btn btn-success" href="{{ url_for('admin.event_new') }}">New Event</a>
+  </div>
+
+  <div class="alert alert-info py-2">
+    <div><strong>HTTP trigger</strong> (LAN): open one of these URLs</div>
+    <div class="small">
+      <code>{{ request.host_url }}trigger/&lt;event_id&gt;</code> or <code>{{ request.host_url }}trigger_by_name/&lt;event_name&gt;</code>
+      &nbsp; (add <code>?force=1</code> to bypass cooldown)
+    </div>
+  </div>
+  <table class="table table-striped table-sm">
+    <thead><tr><th>ID</th><th>Name</th><th>UDP</th><th>Cooldown</th><th>Last triggered</th><th></th></tr></thead>
+    <tbody>
+      {% for e in events %}
+        <tr>
+          <td>{{ e.id }}</td>
+          <td>
+            {{ e.name }}
+          </td>
+          <td>{% if e.udp_port and e.udp_payload %}<code>{{ e.udp_port }}</code> / <code>{{ e.udp_payload }}</code>{% endif %}</td>
+          <td>{{ e.cooldown_seconds }}s</td>
+          <td>{{ e.last_triggered or '' }}</td>
+          <td class="text-end">
+            <form method="post" action="{{ url_for('admin.event_trigger', event_id=e.id) }}" style="display:inline">
+              <button class="btn btn-outline-success btn-sm" type="submit">Trigger</button>
+            </form>
+            <a class="btn btn-outline-primary btn-sm" href="{{ url_for('admin.event_edit', event_id=e.id) }}">Edit</a>
+            <form method="post" action="{{ url_for('admin.event_delete', event_id=e.id) }}" style="display:inline" onsubmit="return confirm('Delete event?');">
+              <button class="btn btn-outline-danger btn-sm" type="submit">Delete</button>
+            </form>
+
+            <div class="small text-muted mt-1">
+              <div><code>/trigger/{{ e.id }}?force=1</code></div>
+              <div><code>/trigger_by_name/{{ e.name|urlencode }}?force=1</code></div>
+            </div>
+          </td>
+        </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+{% endblock %}
diff --git a/templates/admin/idle_image.html b/templates/admin/idle_image.html
new file mode 100644
index 0000000..4d8fd10
--- /dev/null
+++ b/templates/admin/idle_image.html
@@ -0,0 +1,42 @@
+{% extends 'admin/base.html' %}
+{% block content %}
+  <div class="d-flex justify-content-between align-items-center mb-3">
+    <h4 class="m-0">Idle Image</h4>
+  </div>
+
+  <div class="row g-3" style="max-width: 900px;">
+    <div class="col-md-6">
+      <div class="card">
+        <div class="card-header">Current</div>
+        <div class="card-body">
+          {% if current_url %}
+            <div class="mb-2"><code>{{ current }}</code></div>
+            <div class="border" style="background:#111;">
+              <img src="{{ current_url }}" alt="Idle image" style="display:block; width:100%; height:320px; object-fit:contain; background:#000;" />
+            </div>
+            <form method="post" action="{{ url_for('admin.idle_image_clear') }}" class="mt-3" onsubmit="return confirm('Clear idle image?');">
+              <button class="btn btn-outline-danger" type="submit">Clear</button>
+            </form>
+          {% else %}
+            <div class="text-muted">No idle image configured.</div>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+
+    <div class="col-md-6">
+      <div class="card">
+        <div class="card-header">Upload / Replace</div>
+        <div class="card-body">
+          <form method="post" action="{{ url_for('admin.idle_image_upload') }}" enctype="multipart/form-data">
+            <div class="mb-3">
+              <input class="form-control" type="file" name="file" accept="image/png,image/jpeg,image/webp" required />
+              <div class="form-text">Shown when no video is actively playing. Recommended: 1920x1080 or 3840x2160.</div>
+            </div>
+            <button class="btn btn-primary" type="submit">Upload</button>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock %}
diff --git a/templates/admin/system_logs.html b/templates/admin/system_logs.html
new file mode 100644
index 0000000..49478bf
--- /dev/null
+++ b/templates/admin/system_logs.html
@@ -0,0 +1,9 @@
+{% extends 'admin/base.html' %}
+{% block content %}
+  <div class="d-flex justify-content-between align-items-center">
+    <h4 class="m-0">System Logs</h4>
+    <a class="btn btn-outline-secondary btn-sm" href="{{ url_for('admin.system_logs') }}">Refresh</a>
+  </div>
+  <div class="text-muted mt-2"><small>{{ log_path }}</small></div>
+  <pre class="mt-3 p-3 bg-dark text-light" style="height:70vh; overflow:auto; white-space:pre-wrap;">{% for line in lines %}{{ line }}{% endfor %}</pre>
+{% endblock %}
diff --git a/templates/admin/videos.html b/templates/admin/videos.html
new file mode 100644
index 0000000..ed948bc
--- /dev/null
+++ b/templates/admin/videos.html
@@ -0,0 +1,26 @@
+{% extends 'admin/base.html' %}
+{% block content %}
+  <div class="d-flex justify-content-between align-items-center mb-3">
+    <h4 class="m-0">Videos</h4>
+    <a class="btn btn-success" href="{{ url_for('admin.videos_upload') }}">Upload</a>
+  </div>
+  <table class="table table-striped table-sm">
+    <thead><tr><th>ID</th><th>Filename</th><th>Duration</th><th>Uploaded</th><th>URL</th><th></th></tr></thead>
+    <tbody>
+      {% for v in videos %}
+        <tr>
+          <td>{{ v.id }}</td>
+          <td>{{ v.filename }}</td>
+          <td>{{ ('%.3fs'|format(v.duration)) if v.duration else '' }}</td>
+          <td>{{ v.uploaded_at }}</td>
+          <td><a href="{{ url_for('main.media', filename=v.filename) }}" target="_blank">/media/{{ v.filename }}</a></td>
+          <td class="text-end">
+            <form method="post" action="{{ url_for('admin.videos_delete', video_id=v.id) }}" style="display:inline" onsubmit="return confirm('Delete video?');">
+              <button class="btn btn-outline-danger btn-sm" type="submit">Delete</button>
+            </form>
+          </td>
+        </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+{% endblock %}
diff --git a/templates/admin/videos_upload.html b/templates/admin/videos_upload.html
new file mode 100644
index 0000000..5612096
--- /dev/null
+++ b/templates/admin/videos_upload.html
@@ -0,0 +1,12 @@
+{% extends 'admin/base.html' %}
+{% block content %}
+  <h4>Upload Video</h4>
+  <form method="post" enctype="multipart/form-data" class="mt-3" style="max-width: 640px;">
+    <div class="mb-3">
+      <input class="form-control" type="file" name="file" accept="video/mp4,video/webm" required />
+      <div class="form-text">MP4 (H264 baseline/main) recommended for SoC players.</div>
+    </div>
+    <button class="btn btn-primary" type="submit">Upload</button>
+    <a class="btn btn-link" href="{{ url_for('admin.videos_list') }}">Cancel</a>
+  </form>
+{% endblock %}
diff --git a/templates/display.html b/templates/display.html
new file mode 100644
index 0000000..d0888b2
--- /dev/null
+++ b/templates/display.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Display {{ public_id }}</title>
+    <style>
+      html, body { margin:0; padding:0; background:#000; height:100%; overflow:hidden; }
+      video { width:100%; height:100%; object-fit:contain; background:#000; }
+      #idle {
+        position:fixed;
+        top:0; left:0;
+        width:100vw; height:100vh;
+        object-fit:cover;
+        background:#000;
+        display:none;
+        z-index:1;
+      }
+      #v { position:relative; z-index:2; }
+      #dbg { position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); color:#0f0; font:12px/1.4 monospace; padding:8px; z-index:9999; display:none; white-space:pre; }
+    </style>
+  </head>
+  <body>
+    <div id="dbg"></div>
+    <img id="idle" alt="Idle" />
+    <video id="v" playsinline webkit-playsinline muted autoplay preload="auto"></video>
+
+    <script src="/static/vendor/socket.io.min.js"></script>
+    <script id="syncplayer-config" type="application/json">{{ {
+      "public_id": public_id,
+      "idle_image_url": idle_image_url,
+      "cache_enabled": true,
+      "cache_mode": "range",
+      "cache_range_bytes": 1048576
+    }|tojson }}</script>
+    <script src="/static/display.js"></script>
+  </body>
+</html>
diff --git a/udp_listener.py b/udp_listener.py
new file mode 100644
index 0000000..55d1af9
--- /dev/null
+++ b/udp_listener.py
@@ -0,0 +1,135 @@
+from __future__ import annotations
+
+import logging
+import select
+import socket
+import threading
+import time
+from dataclasses import dataclass
+from typing import Dict, Optional, Tuple
+
+from flask import Flask
+
+from models import Event, db
+from routes import trigger_event
+
+
+logger = logging.getLogger("udp")
+
+
+@dataclass
+class _PortBinding:
+    sock: socket.socket
+    port: int
+
+
+class UDPListener:
+    """Non-blocking UDP listener that can watch multiple ports using select()."""
+
+    def __init__(self, app: Flask, refresh_interval: float = 5.0):
+        self._app = app
+        self._refresh_interval = refresh_interval
+        self._stop = threading.Event()
+        self._thread: Optional[threading.Thread] = None
+        self._bindings: Dict[int, _PortBinding] = {}
+        # (port, payload) -> event_id
+        self._payload_map: Dict[Tuple[int, str], int] = {}
+
+    def start(self) -> None:
+        if self._thread and self._thread.is_alive():
+            return
+        self._thread = threading.Thread(target=self._run, name="udp-listener", daemon=True)
+        self._thread.start()
+
+    def stop(self) -> None:
+        self._stop.set()
+        if self._thread:
+            self._thread.join(timeout=2)
+
+    def _ensure_bindings(self) -> None:
+        """Refresh configured UDP ports/payloads from DB and (re)bind sockets if needed."""
+        with self._app.app_context():
+            events = (
+                db.session.query(Event)
+                .filter(Event.udp_port.isnot(None), Event.udp_payload.isnot(None))
+                .all()
+            )
+
+            desired_ports = sorted({e.udp_port for e in events if e.udp_port})
+            desired_map = {(e.udp_port, e.udp_payload): e.id for e in events if e.udp_port and e.udp_payload}
+
+        # Update payload mapping
+        self._payload_map = desired_map
+
+        # Close removed ports
+        for port in list(self._bindings.keys()):
+            if port not in desired_ports:
+                try:
+                    self._bindings[port].sock.close()
+                finally:
+                    del self._bindings[port]
+                    logger.info("Stopped listening UDP port %s", port)
+
+        # Bind new ports
+        for port in desired_ports:
+            if port in self._bindings:
+                continue
+            sock = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
+            sock.setblocking(False)
+            # Allow rebinding quickly
+            sock.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
+            sock.bind(("0.0.0.0", int(port)))
+            self._bindings[port] = _PortBinding(sock=sock, port=int(port))
+            logger.info("Listening UDP port %s", port)
+
+    def _run(self) -> None:
+        next_refresh = 0.0
+        while not self._stop.is_set():
+            now = time.time()
+            if now >= next_refresh:
+                try:
+                    self._ensure_bindings()
+                except Exception:
+                    logger.exception("Failed to refresh UDP bindings")
+                next_refresh = now + self._refresh_interval
+
+            socks = [b.sock for b in self._bindings.values()]
+            if not socks:
+                time.sleep(0.25)
+                continue
+
+            try:
+                readable, _, _ = select.select(socks, [], [], 0.25)
+            except Exception:
+                logger.exception("UDP select failed")
+                time.sleep(0.25)
+                continue
+
+            for rsock in readable:
+                try:
+                    data, addr = rsock.recvfrom(4096)
+                    src_ip, src_port = addr[0], addr[1]
+                    payload = data.decode("utf-8", errors="replace").strip()
+                    port = rsock.getsockname()[1]
+                    logger.info("UDP packet port=%s from=%s:%s payload=%r", port, src_ip, src_port, payload)
+
+                    event_id = self._payload_map.get((port, payload))
+                    if not event_id:
+                        continue
+
+                    # Trigger the event (runs cooldown + logging in trigger_event)
+                    with self._app.app_context():
+                        trigger_event(event_id=event_id, trigger_source="udp", source_ip=src_ip)
+                except Exception:
+                    logger.exception("UDP recv/handle failed")
+
+
+_listener: Optional[UDPListener] = None
+
+
+def start_udp_listener(app: Flask) -> UDPListener:
+    global _listener
+    if _listener is None:
+        _listener = UDPListener(app)
+        _listener.start()
+    return _listener